- 1.字符串的遍历器接口 let text = String.fromCodePoint(0x20BB7); for (let i = 0; i < text.length; i++) { console.log(text[i]); } // " " // " " for (let i of text) { console.log(i); } 12... 1.字符串的遍历器接口 let text = String.fromCodePoint(0x20BB7); for (let i = 0; i < text.length; i++) { console.log(text[i]); } // " " // " " for (let i of text) { console.log(i); } 12...
- 项目中用了element-ui,有切换主题色的需要。但官方的方式,有几个问题: 1、需要下载整个element-ui的样式css,并替换其中的css样式颜色。文件较大,下载慢且影响性能。2、只能替换element-ui本身的颜色样式,项目中自己写的颜色样式替换不掉。3、全部的element-ui样式都重新覆盖,渲染较慢,且容易导致覆盖已有样式出现意外问题。 其实带颜... 项目中用了element-ui,有切换主题色的需要。但官方的方式,有几个问题: 1、需要下载整个element-ui的样式css,并替换其中的css样式颜色。文件较大,下载慢且影响性能。2、只能替换element-ui本身的颜色样式,项目中自己写的颜色样式替换不掉。3、全部的element-ui样式都重新覆盖,渲染较慢,且容易导致覆盖已有样式出现意外问题。 其实带颜...
- Promise意在让异步请求逻辑代码变得干净和直观,让异步请求逻辑代码变得井然有序。 Promise在设计上具有原子性,即只有三种状态:等待(Pending)、成功(Fulfilled)、失败(Rejected)。在调用支持Promise的异步方法时,逻辑变得非常简单,在大规模的软件工程开发中具有良好的健壮性。 (1)基本语法 创建Promise对象: 要想给一个函... Promise意在让异步请求逻辑代码变得干净和直观,让异步请求逻辑代码变得井然有序。 Promise在设计上具有原子性,即只有三种状态:等待(Pending)、成功(Fulfilled)、失败(Rejected)。在调用支持Promise的异步方法时,逻辑变得非常简单,在大规模的软件工程开发中具有良好的健壮性。 (1)基本语法 创建Promise对象: 要想给一个函...
- 前言 vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁。 vue-resource是一个非常轻量的用于处理HTTP请求的插件,它提供了两种方式来处理HTTP请求: 使用Vu... 前言 vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁。 vue-resource是一个非常轻量的用于处理HTTP请求的插件,它提供了两种方式来处理HTTP请求: 使用Vu...
- 这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下。 这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理... 这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下。 这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理...
- 如果通过document.getElementById("") document.getElementByName("") 等方式获得的对象不存在情况下,进行操作时会报错。因此需要首先判断该对象是否存在,以下两种判断方法,推荐使用第一种。 方法一: v==null var v; v = document.getElementByIdx_x( "id "); if(v... 如果通过document.getElementById("") document.getElementByName("") 等方式获得的对象不存在情况下,进行操作时会报错。因此需要首先判断该对象是否存在,以下两种判断方法,推荐使用第一种。 方法一: v==null var v; v = document.getElementByIdx_x( "id "); if(v...
- 代码示例: this.$store.commit('loginStatus', 1); this.$store.dispatch('isLogin', true); 123 规范的使用方式: // 以载荷形式 store.commit('increment',{ amount: 10 //这是额外的参数 }) // 或者使用对象风格的提交方式 stor... 代码示例: this.$store.commit('loginStatus', 1); this.$store.dispatch('isLogin', true); 123 规范的使用方式: // 以载荷形式 store.commit('increment',{ amount: 10 //这是额外的参数 }) // 或者使用对象风格的提交方式 stor...
- 在Vue中,用watch来响应数据的变化,示例代码如下, 第一种方式 <input type="text" v-model="userName"/> //监听当userName值发生变化时触发 watch: { userName (newName, oldName) { console.log(newName) } } 1234567 第一... 在Vue中,用watch来响应数据的变化,示例代码如下, 第一种方式 <input type="text" v-model="userName"/> //监听当userName值发生变化时触发 watch: { userName (newName, oldName) { console.log(newName) } } 1234567 第一...
- 在开发Vue项目过程中,代码复用之自定义组件是常做事情。当子组件为form表单的时候,父组件需要获取子组件(表单)的验证结果。 尽管有 prop 和事件,但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 D... 在开发Vue项目过程中,代码复用之自定义组件是常做事情。当子组件为form表单的时候,父组件需要获取子组件(表单)的验证结果。 尽管有 prop 和事件,但是有时仍然需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 D...
- HTML5中的template标签 html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签天生不可见,它设置了display:none;属性。 <!--当前页面只显示"我是自定义表现abc"这个内容,不显示"我是template", 这是因为template标签天生不可见... HTML5中的template标签 html5中template标签内容在页面中并不会显示。但是在后台查看页面DOM结构却存在template标签。这是因为template标签天生不可见,它设置了display:none;属性。 <!--当前页面只显示"我是自定义表现abc"这个内容,不显示"我是template", 这是因为template标签天生不可见...
- 在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子 两种函数: 1、Vue.beforeEach(function(to,form,next){}) /*在跳转... 在路由跳转的时候,我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 总体来讲vue里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子 两种函数: 1、Vue.beforeEach(function(to,form,next){}) /*在跳转...
- 1.钩子函数 钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。 2.相对于前端来讲 对于前端来说,钩子函数就是指在所有函数执行前,我先执行了的函数,即 钩住 我感兴趣的函数,只要它执行,我就先执行。 exp... 1.钩子函数 钩子函数是Windows消息处理机制的一部分,通过设置“钩子”,应用程序可以在系统级对所有消息、事件进行过滤,访问在正常情况下无法访问的消息。钩子的本质是一段用以处理系统消息的程序,通过系统调用,把它挂入系统。 2.相对于前端来讲 对于前端来说,钩子函数就是指在所有函数执行前,我先执行了的函数,即 钩住 我感兴趣的函数,只要它执行,我就先执行。 exp...
- 项目开发过程中,优化项目时考虑加入全屏功能。具体实践步骤如下: 一、安装依赖 项目中使用的是sreenfull插件,执行命令安装 npm install --save screenfull 1 二、应用 组件安装好后,引入项目,用一个按钮进行控制即可,通过Esc键退出全屏按钮方法如下: <script> import screenfull fro... 项目开发过程中,优化项目时考虑加入全屏功能。具体实践步骤如下: 一、安装依赖 项目中使用的是sreenfull插件,执行命令安装 npm install --save screenfull 1 二、应用 组件安装好后,引入项目,用一个按钮进行控制即可,通过Esc键退出全屏按钮方法如下: <script> import screenfull fro...
- 在《Vue进阶(幺肆贰):CSS-静态定位,相对定位,绝对定位,固定定位的用法和区别详解》一文中,讲解了CSS常用的几种定位方式。此片博文主要讲解如何应用绝对定位实现完美布局,及应用注意事项。 在布局的过程中我们经常用到绝对定位,很多初学者在一开始用绝对定位经常会达不到预期的效果,因为它们往往会忽略使用绝对定位的两个条件。 什么?使用绝对定位还要条件? 当然要啦!... 在《Vue进阶(幺肆贰):CSS-静态定位,相对定位,绝对定位,固定定位的用法和区别详解》一文中,讲解了CSS常用的几种定位方式。此片博文主要讲解如何应用绝对定位实现完美布局,及应用注意事项。 在布局的过程中我们经常用到绝对定位,很多初学者在一开始用绝对定位经常会达不到预期的效果,因为它们往往会忽略使用绝对定位的两个条件。 什么?使用绝对定位还要条件? 当然要啦!...
- 一般情况下,如果需要访问vuex.store中state存放的数据,需要使用this.$store.state.属性名形式。显然,这样访问数据形式代码略显繁杂,辅助函数应运而生。 辅助函数 通过辅助函数mapGetters、mapState、mapActions、mapMutations,把vuex.store中的属性映射到vue实例身上,这样在vue实例中就能访问... 一般情况下,如果需要访问vuex.store中state存放的数据,需要使用this.$store.state.属性名形式。显然,这样访问数据形式代码略显繁杂,辅助函数应运而生。 辅助函数 通过辅助函数mapGetters、mapState、mapActions、mapMutations,把vuex.store中的属性映射到vue实例身上,这样在vue实例中就能访问...
上滑加载中