背景 我们都知道频繁的dom给我们带来的代价是昂贵的,例如我们有时候需要去更新Table 的部分数据,必须去重新重绘表格,这代价实在是太大了,相比于频繁的手动去操作dom而带来性能问题，vdom很好的将dom做了一层映射关系，进而将在我们本需要直接进行dom的一系列操作，映射到了操作vdom. ...
分类：
其他好文 时间：
2018-06-24 13:14:51
阅读次数：
164
很多时候，DOM操作都是比较简明的，因此用JavaScript生成那些通常原本用HTML代码生成的内容并不麻烦。不过，也有一些时候，操作DOM并不像表面上看起来那么简单，由于浏览器中充斥着隐藏的陷阱和不兼容，用JavaScript代码处理DOM的某些部分要比处理其他部分更复杂一些。 动态脚本 使用< ...
分类：
其他好文 时间：
2018-06-23 21:04:28
阅读次数：
173
DOM事件：对事件做出反应 当事件发生时，可以执行 JavaScript，比如：点击时 onClick="" 例：当用户点击时，会改变 <h1> 元素的内容： HTML 事件的例子： 例题事件： 1、页面打开五个窗口，点击按钮，关闭所有窗口 2、登陆验证 3、表格添加行 ...
分类：
其他好文 时间：
2018-06-23 14:30:51
阅读次数：
182
样式操作 设置和获取样式值css() 追加addClass()和移除样式removeClass() 切换样式toggleClass() 判断是否含指定样式hasClass() 内容操作 HTML代码操作html() 标签内容操作text() 属性值操作val() 节点操作 创建节点 插入节点 删除节 ...
分类：
Web程序 时间：
2018-06-22 22:50:26
阅读次数：
271
隐式转换比较是js中绕不过去的坎，就算有几年经验的工程师也很有可能对这块知识不够熟悉。就算你知道使用 比较从而避免踩坑，但是团队其它成员不一定知道有这样或那样的坑，有后端语言经验的人常常会形成一个思维误区：“JS这门语言很简单，看看语法再找几个例子就能操作DOM，编写特效了”。随着react、vue ...
分类：
Web程序 时间：
2018-06-19 19:28:21
阅读次数：
215
1，React Js的目的 是为了使前端的V层更具组件化，能更好的复用，它能够使用简单的html标签创建更多的自定义组件标签，内部绑定事件，同时可以让你从操作dom中解脱出来，只需要操作数据就会改变相应的dom。 2，React Native的目的 是希望我们能够使用前端的技术栈就可以创建出能够在不 ...
分类：
Web程序 时间：
2018-06-16 15:39:01
阅读次数：
204
为什么 尽量避免ref？ 使用ref原因：react功能来访问DOM元素，这种功能的需求往往来自于提交表单的操作，再提交表单的时候，需要读取当前表单中input元素的值 而react的产生就是为了避免直接操作DOM元素，原因是直接访问DOM元素很容易产生失控的情况 解决办法：可以利用组件状态来同步记 ...
分类：
其他好文 时间：
2018-06-16 13:35:35
阅读次数：
140
其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。 要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的D ...
分类：
编程语言 时间：
2018-06-14 01:16:31
阅读次数：
268
最近一直在搞前端优化，说白了就是旧系统翻新，改变样式，美化一下，再次忽悠用户。虽说的简单，但实际操作中遇到的问题还是不少的。 例如这次遇到了一个比较棘手的问题。table中各种嵌套table，然后border还要自动补齐高度。 把系统中那一模块抽取出来在vs中测试了一把，写了一段js代码，jquer ...
分类：
Web程序 时间：
2018-06-14 01:11:47
阅读次数：
263
1、原生JS与jQuery操作DOM对比 ： https://www.cnblogs.com/QianBoy/p/7868379.html ...
分类：
Web程序 时间：
2018-06-13 18:13:34
阅读次数：
153
