这是一个非常常见的面试题，出题方式多样，但考察点相同，下面我们来看看这几种方法：方法一： 方法二： 方法三： 方法四： 上面这四种方法都可以实现循环绑定，但是我们知道，频繁的操作DOM是非常消耗性能的，如果有1000个li，怎么办呢？我们还有另一种思路，事件代理，又称事件委托。简单的来讲就是利用JS ...
分类：
Web程序 时间：
2019-03-27 12:39:45
阅读次数：
306
DOM的最小组成单位叫做节点(node)。文档的树形结构(DOM树)，就是由各种不同类型的节点组成。 每个节点都可以看作是文档树的一片叶子，一棵树是由无数片叶子所组成 最顶层的节点就是document节点，它代表了整个文档；是文档的根节点 查找节点： 整个文档的节点都是document节点，那么想要 ...
分类：
编程语言 时间：
2019-03-27 00:04:22
阅读次数：
222
举个案例：循环data中的list的值在div中，并显示相应的index值。 关于数组的循环： //显示效果如下图： //一般的列表渲染最好带一个key值，要把key值设置为唯一值的话，可以选择index。但在频繁操作DOM元素相对应的数据的时候，它还是有点浪费性能，可能让Vue没法充分复用DOM节 ...
分类：
其他好文 时间：
2019-03-23 00:45:25
阅读次数：
139
与vue不同，在微信小程序中，js的数据和前端显示的数据是单数据流，也就是说，js里边的数据变了(通过setData)，前端能立刻显示。但如果前端数据变了，js中的变量不能改变。 这个相比传统的前端已经算先进了。 传统的前端，即便是改变了js中的变量值，页面中的内容也不会变化，需要操作DOM来改变页 ...
分类：
微信 时间：
2019-03-21 18:46:26
阅读次数：
240
刚入职的时候看到公司用的HTML日志生成工具附带的Panel，工具不够用，找个Fail还要找半天，于是自己琢磨着添砖加瓦。以前也是个半吊子前端工程师，现在可倒好，想要改页面却连页面生成的模板在哪里都不知道，只有通过改动JavaScript才能实现对页面的修改。 固然，操作DOM有原版的 一族，可是它 ...
分类：
Web程序 时间：
2019-03-20 20:40:03
阅读次数：
225
React State(状态) React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。 以下实例中创建 ...
分类：
其他好文 时间：
2019-03-20 11:53:23
阅读次数：
176
jQuery中的顶级对象（$） jQuery 中最常用的对象即 $ 对象，要想使用 jQuery 的方法必须通过 $ 对象。只有将普通的 Dom 对象封装成 jQuery 对象，然后才能调用 jQuery 中的各种方法。 $ 是 jQuery 简写，在代码中可以使用 jQuery 代替$ $ ，但一 ...
分类：
Web程序 时间：
2019-03-05 23:22:45
阅读次数：
304
jQuery与Vue： 两者的区别： jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：$("lable").val();,它还是依赖DOM元素 ...
分类：
其他好文 时间：
2019-03-03 20:38:45
阅读次数：
175
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 服务器渲染的 Vue.js 应用程 ...
分类：
其他好文 时间：
2019-02-28 22:56:50
阅读次数：
204
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2019-02-26 00:51:02
阅读次数：
197
