《JavaScript DOM 编程艺术(第2版)》笔记 第1章:JavaScript 简史 JavaScript 的起源 JavaScript 是 Netscape 公司和 Sun 公司合作开发的。 DOM DOM 是…
标签:dom
HTML5扩展了 HTMLDocument ,增加了新的功能。
HTML5扩展了 HTMLDocument ,增加了新的功能。与HTML5中新增的其他DOM扩展类似,这些变化同样基于那些已经得到很多浏览器完美支持的专有扩展。所以,尽管这些扩展被写入标准的时间相对不…
前端培训-中级阶段(3) - DOM 文档对象模型(2019-06-27期)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们…
[译]HTML attribute与DOM property之间的区别?
原文:http://joji.me/en-us/blog/htm… 当我们通过js处理DOM对象时非常容易将attribute(特性)和property(属性)混淆。document.getElementBy…
【JS实用技巧】优化动态创建元素的方式,让代码更加优雅且利于维护
引言 在前端开发中,经常需要动态添加一些元素到页面上。那么如何通过一些技巧,优化动态创建页面元素的方式,使得代码更加优雅,并且更易于维护呢?接下来我们通过研究一些实例,一步步地找出最优方案。 这篇文章尽量写得思路清晰且通…
浅谈DOMContentLoaded事件及其封装方法
我们在开发时,经常需要检测页面是否加载完毕,以确保脚本安全运行,下面我们就来浅谈一下检测页面是否加载完毕的那些事件们。 1. onload 事件 在页面的所有资源加载完成时,window对象上会触发一个onload事件。…
资源加载和页面事件
domLoading 浏览器开始解析dom树的时间点 domInteractive 表示浏览器已经解析好dom树了。 domContentLoaded 同步的JS已经执行完毕了。 这里需要再解释一点: 由于同步JS会阻塞…
前端培训-中级阶段(3) - DOM 文档对象模型(2019-06-27期)
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们…
《JavaScript DOM编程艺术(第2版)》笔记
《JavaScript DOM 编程艺术(第2版)》笔记 第1章:JavaScript 简史 JavaScript 的起源 JavaScript 是 Netscape 公司和 Sun 公司合作开发的。 DOM DOM 是…
[译] 究竟什么是DOM?!
原文自工程师Kara Luton博客, 传送门 DOM,当我第一次在训练营学习编码时,就一直听到这个词,但是我从来不知道它到底是什么意思。是我写的HTML吗?还是我偶尔打开控制台检查元素的时候点击的元素?说实话,我花了好…
原生 js 获取 dom 元素 querySelector() 替代 getElementById()
原生 js 获取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很长一段时间以来,除了 jQuery 的选择器之外,我一直在用下面这几个方法…
小心,querySelector前方10米有坑
在写一个小组建的时候用到了document.querySelector,被小伙伴提醒说这个可能有坑,是啥呢?先来一篇MDN的文档解解馋:戳我戳我戳我>>>>>>>NodeList…