manlili blog

记录技术上的点点心得


  • 首页

  • 归档

  • 分类

  • 标签

  • 关于

  • 搜索
close
manlili blog

Vue列表渲染

发表于 2016-06-24 | 分类于 vue技术
项目中最常用的是列表的循环,本次写几个测试例子总结一下:github地址:https://github.com/manlili/vue_learn里面的lesson09 for循环数组举个例子:123456789101112131415161718192021222324252627282930&l ...
阅读全文 »
manlili blog

Vue条件渲染

发表于 2016-06-17 | 分类于 vue技术
最近项目中用到了Vue条件渲染,写几个测试例子总结一下github地址:https://github.com/manlili/vue_learn里面的lesson08 v-if显示单个元素注意else只能跟在v-if或者v-show后面测试例子:123456789101112131415161718 ...
阅读全文 »
manlili blog

Vue中class与style绑定

发表于 2016-06-10 | 分类于 vue技术
class和style绑定的方法很多,本文写下来总结一下:github地址:https://github.com/manlili/vue_learn里面的lesson07 用对象的方法绑定class很简单,举个例子1234567891011121314151617181920212223<!D ...
阅读全文 »
manlili blog

立即执行函数IIFE

发表于 2016-05-24 | 分类于 心得体会
为什么使用立即执行函数IIFE最常用的功能显然是隔离作用域,javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,用匿名函 ...
阅读全文 »
manlili blog

Vue计算属性

发表于 2016-05-23 | 分类于 vue技术
写一下最近用到的vue计算属性github地址:https://github.com/manlili/vue_learn里面的lesson06 计算属性定位当一些数据需要根据其它数据变化时,这时候就需要计算属性 $watch实现计算属性举个例子1234567891011121314151617181 ...
阅读全文 »
manlili blog

Vue过滤器

发表于 2016-05-09 | 分类于 vue技术
学习一下vue的过滤器github地址:https://github.com/manlili/vue_learn里面的lesson05 Vue自带的过滤器过滤器写法1{{ message | Filter}} Vue自带的过滤器:capitalize功能:首字 ...
阅读全文 »
manlili blog

Vue数据绑定

发表于 2016-04-22 | 分类于 vue技术
学习一下vue的数据绑定github地址:https://github.com/manlili/vue_learn里面的lesson04 双括号用来数据绑定123(1)写法一: {{message}},这种可以实时响应(2)写法二: {{* ...
阅读全文 »
manlili blog

Vue实例和方法

发表于 2016-04-14 | 分类于 vue技术
今天继续学习Vue实例和方法,写了几个测试例子,记点笔记。gitHub地址:github地址:https://github.com/manlili/vue_learn里面的lesson03 实例每个 Vue 实例都会代理其 data 对象里所有的属性,改变data,vue实例同时改变,当然改变vue ...
阅读全文 »
manlili blog

闭包

发表于 2016-04-10 | 分类于 心得体会
## 变量作用域要理解闭包,首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种:全局变量和局部变量。 javascript语言的特别之处就在于:函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。 注意点:在函数内部声明变量的时候,一定要使用var命令。如果 ...
阅读全文 »
manlili blog

Vue生命周期

发表于 2016-04-06 | 分类于 vue技术
项目马上就要用到vue技术,趁着最近有空学一下吧,写点笔记,方便以后复习。github地址:https://github.com/manlili/vue_learn里面的lesson02 vue的生命周期如下图所示上图不需要解释了,一目了然。 vue生命周期的代码123456789101112131 ...
阅读全文 »
1…678…11
满利利

满利利

前端开发工程师

106 日志
16 分类
125 标签
GitHub manlili1010@qq.com
© 2017 满利利