chaihongjun.me

[Vue]入门学习之五Vue的事件修饰符

[Vue]入门学习之五Vue的事件修饰符

柴宏俊chaihongjun.me

事件修饰符有stop,prevent,capture,self,once和passive stop相当于stopPropagation() prevent相当于perventDefault() capture 表示使用事件捕获 self则忽略事件捕获和冒泡,当前元素...

[Vue]入门学习之三Vue的属性绑定

[Vue]入门学习之三Vue的属性绑定

柴宏俊chaihongjun.me

通过示例可以看出文本渲染的语法{{}}无法使用在HTML元素的属性上,无法解析, 并且Vue报错: href={{website}}: Interpolation inside attributes has been removed. Use v-bind or...

[Vue]入门学习之二Vue的数据和方法

[Vue]入门学习之二Vue的数据和方法

柴宏俊chaihongjun.me

Vue的数据属性存放在data选项里面,方法放在选项methods里,methods是一个对象,所以可以包含N多个方法。 在调用方法的时候要注意带上(),而且方法传入的参...

[Vue]入门学习之一Vue实例化

[Vue]入门学习之一Vue实例化

柴宏俊chaihongjun.me

Vue实例化之后几个重要选项,el和data,el指代Vue挂载的DOM元素,一般是根容器,data,则是存放Vue要处理的数据。 {{}}是模板语法之一,Vue用来渲染数据内容,只...

JavaScript数组迭代方法总结

JavaScript数组迭代方法总结

柴宏俊chaihongjun.me

javascript数组有6种迭代方法,都是对数组项进行处理,但是返回的结果可以分为几种。 1.返回布尔值的every和some 从这两个迭代方法的名称可以看出来大致的...

Vue极简单购物车checkbox

Vue极简单购物车checkbox

柴宏俊chaihongjun.me

一个简单的购物车功能: 显示并列出产品的各项参数(商品名称,商品单价,购买数量,是否从购物车拿走,以及选择功能) 购买数量必须是大于等于1,如...

service worker配置优化版

service worker配置优化版

柴宏俊chaihongjun.me

上一篇文章《 service worker简单配置 》已经展现出一个方案用来缓存文件,思路是将需要缓存的文件以白名单的形式枚举出来,这篇文章介绍的方法则是反向...