Vue 在更新 DOM 时是异步执行的。 只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。 如果同一个 watcher 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。 然后,在下一个的事件循环“ti ...
分类:
其他好文 时间:
2019-11-29 12:57:43
阅读次数:
79
整理了一下JS的DOM操作语法,这里做下记录。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>js的DOM操作</title> 6 <style type="text/css"> 7 .dvClass{ 8 ...
分类:
Web程序 时间:
2019-11-28 21:14:16
阅读次数:
73
前端性能优化可以分为两大类,分别是 页面级别优化:包含了http请求数以及内联脚本位置优化; 代码级别优化:包含DOM操作优化,CSS选择符优化以及图片优化等。 优化的目的 优化的目的在于让页面加载的更快,对用户操作响应更及时,为用户带来更好的用户体验,对于开发者来说优化能够减少页面请求数,能够节省 ...
分类:
其他好文 时间:
2019-11-28 10:36:32
阅读次数:
81
1. 图片地图 缺点:坐标难定义;除了矩形之外几乎无法定义其他形状;通过DHTML(动态DOM操作)创建的图片地图在 IE 不兼容 <img usemap="#map1" border=0 src="/images/imagemap.gif?t=1574692303"> <map name="map ...
分类:
Web程序 时间:
2019-11-25 23:37:22
阅读次数:
114
获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 获取/设置属性 - att ...
分类:
Web程序 时间:
2019-11-24 19:46:16
阅读次数:
92
Vue 中三要素的是什么?Vue中如何解析模板?Vue中如何实现响应式的呢?说一下Vue的整体实现流程…… ...
分类:
Web程序 时间:
2019-11-24 16:00:59
阅读次数:
147
ES + DOM + BOM1 DOM 文档对象模型 Document object modeldom树 html | head body | | meta title div 2 事件 行为 三要素 事件类型(具体什么行为)、事件源(谁身上发生该行为)、事件处理 js程序如何处理事件 事件源.事件 ...
分类:
Web程序 时间:
2019-11-23 19:58:36
阅读次数:
73
DOM操作的常用API有哪些?DOM事件级别有哪些(DOM0-2事件)? ...
页面重构 - 在不改变外部行为的前提下,简化结构,添加可读性,而在前端保持一致的行为(即不改变UI的情况下,对网站进行优化) 1、布局 2、浏览器兼容 3、对移动平台的优化 4、SEO优化(Search Engine Optimization,搜索引擎优化 -- 利用搜索引擎的规则提高网站在有关搜索 ...
分类:
其他好文 时间:
2019-11-18 12:51:28
阅读次数:
64
html和text都可以获取和修改DOM节点里的内容,方法如下: html(value) ;获取匹配元素集合中的一个元素的innerHTML内容,或者设置每个元素的innerHTML内容, ;value可选,可以是html代码或返回html代码的函数,如果没有参数则获取匹配元素集合中第一个元素的in ...
分类:
Web程序 时间:
2019-11-18 09:41:41
阅读次数:
92