5年前端开发
clover____
这个作者很懒,什么都没留下…
展开
-
前端异步流程——promise与gengerator和async的区别
1.promise:通过new Promise()参数是一个回调函数, 回调函数中有两个参数 (resolve reject)resolve也是一个函数, 函数中接收参数, 参数为任务resolve 中任务主线程 , 而then中任务是放在异步队列中的,执行在主线程之后Promise对象的apithen(callback)catch(cb)all r...原创 2019-04-15 17:13:35 · 364 阅读 · 0 评论 -
前端开发文档规范
文章目录前端开发规范文档一、WXML 规范1. 属性顺序(不必要的情况下)2. `id` / `class` 命名规则3. WXML 注释规范二、`CSS` 规范属性顺序选择器属性使用缩写去掉小数点前面的 0三、 `JS` 规范1. 语言规范2. 使用分号3. 块内函数声明4. 关于循环4.1 `forEach`4.2 `map`4.3 `for-in`4.4 `for-of`5. 命名规范6. ...原创 2019-04-16 11:56:55 · 200 阅读 · 0 评论 -
vue组件
组件的全局注册:注册的标准写法:var Hello = Vue.extend({ template: '<div> hello component </div>'})Vue.component('Hello',Hello) 简写:Vue.component(组件名称, 组件的配置项)Html:<div id="app"> <Hel...原创 2019-04-21 13:27:42 · 131 阅读 · 0 评论 -
vue的基础介绍
2.1 模板语法alert 和 console.log不能用原因:因为vue中的this指向vue的实例,所以在浏览器中无法输出 eg:{{this.msg}}if条件改成使用三元表达式方法一定要写在methods里面, 不要直接写在模板语法中模板语法中支持使用匿名函数可以直接写2.2 列表渲染v-for指令:html:<ul id="example-1"> &...原创 2019-04-17 21:07:16 · 147 阅读 · 1 评论 -
组件的生命周期
首先,我们一起了解一下,钩子是什么?钩子函数,就是options里面的key, 它的值是函数钩子函数写在其他配置项的后面组件有那几个阶段?初始化阶段运行中阶段销毁阶段1.1 初始化阶段分为两个大阶段, 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生钩子函数 --》 (人在某个阶段做的一些事情, 这些事情是自动触发)有那四个钩子函数呢?每个钩子函数有...原创 2019-04-23 21:29:21 · 1251 阅读 · 0 评论 -
vue深入响应式原理
vue深入响应式原理数据模型 —》 vm(创建的实例 new Vue())中 的data选项状态管理什么叫做状态?什么叫做状态管理?我们使用一个数据去管理视图中的一个部分, 那么这条数据就叫做状态, 这种管理模式就叫做状态管理对象的创建:var obj = {}var obj = new Object()深入响应式原理:当视图模型(VM)中的数据模型(M)发生改变时, ...原创 2019-04-19 21:51:31 · 321 阅读 · 0 评论 -
mixins
mixins概念:mixins: 混合 ,将 根实例或是组件中的配置项 抽离出来, 单独管理类型A:局部混入var mixin = { methods: { sum(){ alert( 10*10 ) } },}new Vue({ el: '#app', data: {}, watch: {}, mixins: [mixin], computed: {}...原创 2019-04-19 21:59:42 · 1527 阅读 · 0 评论 -
vue中列表渲染中的key的作用
VDOM(虚拟DOM)是惰性的, 它有一个原则, 这个原则叫做’就地复用’ , 它认为我的第一个就是红色的, 删除了第二个之后, 第二个就变成了第一个, 它印象中第一个是红的, 所以就我们认为的第二个变成红的了解决: 使用key属性使用:<li v-for = " (item,index) in list " :key = "item.id">注意:优先使用数据中能够识别...原创 2019-04-19 22:02:43 · 1725 阅读 · 1 评论