js 实现双向绑定的三种方法

手动绑定

订阅发布模式

原理:

监听改变 view 的事件,比如keyup,监听到这个事件后,触发遍历并修改 dom 的函数。

一般通过在数据对象上定义get和set方法(或其它方法),调用时手动调用get或set数据,改变数据后出发UI层的渲染操作

脏检查

以典型的mvvm框架ang......

js 与剪贴板

相关知识点:

为了安全考虑,浏览器禁止 web 脚本主动去操作系统级的剪贴板,但是如果用户主动操作了剪切板(进行了复制,剪切,粘贴),那么允许你的代码去捕获这个事件,并且clipboardData对象操作剪切板的内容

事件

可以捕获以下事件

  beforecopy:在发生复制操作前触......

vue 列表渲染过滤/筛选

基本上,两种做法:借助计算属性,借助 method 方法

计算属性<li v-for="n in evenNumbers">{{ n }}</li>

data: {

numbers: [ 1, 2, 3, 4, 5 ]

},

computed: ......