
5年前端开发
clover____
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端异步流程——promise与gengerator和async的区别
1.promise: 通过new Promise() 参数是一个回调函数, 回调函数中有两个参数 (resolve reject) resolve也是一个函数, 函数中接收参数, 参数为任务 resolve 中任务主线程 , 而then中任务是放在异步队列中的,执行在主线程之后 Promise对象的api then(callback) catch(cb) all r...原创 2019-04-15 17:13:35 · 387 阅读 · 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 · 254 阅读 · 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 · 150 阅读 · 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 · 164 阅读 · 1 评论 -
组件的生命周期
首先,我们一起了解一下,钩子是什么? 钩子函数,就是options里面的key, 它的值是函数 钩子函数写在其他配置项的后面 组件有那几个阶段? 初始化阶段 运行中阶段 销毁阶段 1.1 初始化阶段 分为两个大阶段, 每一个大阶段包含两个生命周期钩子函数 ---- 生命周期 --》人的一生 钩子函数 --》 (人在某个阶段做的一些事情, 这些事情是自动触发) 有那四个钩子函数呢?每个钩子函数有...原创 2019-04-23 21:29:21 · 1273 阅读 · 0 评论 -
vue深入响应式原理
vue深入响应式原理 数据模型 —》 vm(创建的实例 new Vue())中 的data选项 状态管理 什么叫做状态?什么叫做状态管理? 我们使用一个数据去管理视图中的一个部分, 那么这条数据就叫做状态, 这种管理模式就叫做状态管理 对象的创建: var obj = {} var obj = new Object() 深入响应式原理: 当视图模型(VM)中的数据模型(M)发生改变时, ...原创 2019-04-19 21:51:31 · 343 阅读 · 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 · 1544 阅读 · 0 评论 -
vue中列表渲染中的key的作用
VDOM(虚拟DOM)是惰性的, 它有一个原则, 这个原则叫做’就地复用’ , 它认为我的第一个就是红色的, 删除了第二个之后, 第二个就变成了第一个, 它印象中第一个是红的, 所以就我们认为的第二个变成红的了 解决: 使用key属性 使用: <li v-for = " (item,index) in list " :key = "item.id"> 注意: 优先使用数据中能够识别...原创 2019-04-19 22:02:43 · 1748 阅读 · 1 评论