js 异步解析 一 、js单线程分析 我们都知道js的一大特点是单线程，也就是同一时间点，只能处理一件事，一句js代码。那为什么js要设计成单线程而不是多线程呢？这主要和js的用途有关，js作为浏览器端的脚本语言，主要的用途为用户与服务端的交互与操作dom。而操作dom就注定了js只能是单线程语言。 ...
分类：
编程语言 时间：
2019-01-09 18:37:19
阅读次数：
152
一、单线程 js作为浏览器脚本语言，他的主要用途是与用户交互，以及操作DOM,这决定了它只能是单线程，为什么呢？因为假如js同时有两个线程，一个线程是在DOM上增加内容，另一个线程是删除这个节点，那么这时候浏览器应该以哪个线程为主呢？所以为了避免复杂性，js的核心特性就是单线程。 二、任务队列 单线 ...
分类：
编程语言 时间：
2019-01-04 14:47:38
阅读次数：
215
前言： 2019年！我准备好了 正文：从我接触前端到现在，一直听到的一句话：操作DOM的成本很高，不要轻易去操作DOM。尤其是React、vue等MV*框架的出现，数据驱动视图的模式越发深入人心，jQuery时代提供的强大便利地操作DOM的API在前端工程里用的越来越少。刨根问底，这里说的成本，到底 ...
分类：
Web程序 时间：
2019-01-02 17:32:30
阅读次数：
247
DOM操作最主要的就是找到元素，操作元素。 1、节点 previousSibling 匹配字符 包括换行和空格，而不是节点 previousElementSibling 直接匹配节点。 2、常用的找到元素： document.getElementById(); 通过id属性查找 document.g ...
分类：
Web程序 时间：
2019-01-01 00:19:14
阅读次数：
269
章节目录 DOM查找 DOM内容操作 DOM常用事件及实例 DOM绑定方式 ...
分类：
其他好文 时间：
2018-12-20 20:32:42
阅读次数：
165
jQuery的选择器 层级选择器 基本过滤选择器 属性选择器 筛选选择器 jQuery的属性操作 上方代码中，关键的地方在于，用了stop函数，再执行动画前，先停掉之前的动画。 jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对htm ...
分类：
Web程序 时间：
2018-12-19 12:58:23
阅读次数：
207
JS的单线程 JS语言的特点之一就是单线程，简而言之就是同一时间只能做一件事，假设JS是多线程，一个线程在某个节点上添加内容，另一个线程删除了这个节点，这时就看到了问题所在了，但是H5提出了Web Worker标准，允许js脚本创建多个线程，但是子线程完全受主线程的控制，而且你不得操作DOM，所以本 ...
分类：
编程语言 时间：
2018-12-09 22:35:53
阅读次数：
195
为什么说js操作DOm会影响性能呢？ 在浏览器中DOM得实现和ECMAScript是分离得。 在IE中EMCMAScript是实现在jscript.dll中，DOM实现在mshtml.dll中。在Chrome中使用Webkit中的WebCore处理DOM和渲染，ECMAScript是在V8引擎中实现 ...
分类：
Web程序 时间：
2018-12-08 15:48:03
阅读次数：
302
DOM 所谓DOM,全称 Docuemnt Object Model 文档对象模型，毫无疑问，此时要操作对象，什么对象？文档对象 在文档中一切皆对象，比如html,body,div,p等等都看做对象，那么我们如何来点击某个盒子让它变色呢？ DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文 ...
分类：
其他好文 时间：
2018-12-06 10:17:40
阅读次数：
171
1 DOM文档树 1.1 DOM的定义（document object modle） DOM就是 文档对象模型 。 1.2 DOM API 1.3 浏览器中的DOM 在浏览器中DOM和JS的关系：{JS[,DOM]}; 1.4 DOM的内容 DOM的内容包括： ,`DOM HTML DOM Styl ...
分类：
其他好文 时间：
2018-12-01 20:11:16
阅读次数：
124
