react的弹出层不同于以往的DOM编程，我们知道，在DOM中，弹出层事件绑定在对应的节点上即可，但是在react中，往往只能实现父子之间的传递控制，显然，弹出层的层级不符合此关系。 在这里我们需要使用React官方的 portals可以帮助我们将子节点插入到父节点层级之外的地方 注：官方文档使用的 ...
分类：
其他好文 时间：
2019-06-05 17:49:39
阅读次数：
132
DOM编程 首先，需要明确JavaScript访问DOM性能的开销所在。在浏览器中。对于DOM和ECMAScript的支持一般是各自独立实现的，因此通过ECMAScript访问DOM自然而然就会产生较大的开销，而且对于DOM的访问越频繁，性能的开销越大。 尽量将运算放在ECMAScript中进行，避 ...
分类：
其他好文 时间：
2019-04-15 00:38:28
阅读次数：
163
# 第 5 章 最佳实践1. 平稳退化：~~现在基本所有带交互的网站都使用 Ajax，SAP 也火起来了，平稳退化真是很难实现了~~（看到第七章发现我之前的观点是错了）2. 分离 JS3. 向下兼容4. 性能考虑# 第 6 章 案例研究：图片库改进版1. 键盘访问（提高可访问性） onclick 已... ...
分类：
编程语言 时间：
2019-03-20 17:18:31
阅读次数：
188
Javascript只能通过Web浏览器去完成操作。需要Web浏览器进行解释和执行。 https://www.jianshu.com/p/af140806eb3b ...
分类：
编程语言 时间：
2019-03-06 09:26:43
阅读次数：
210
function addLoadEvent(func){//添加事件函数 var oldonload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload... ...
分类：
其他好文 时间：
2019-02-07 12:05:30
阅读次数：
124
这一章实现的这个功能我研究了好久，这个思路我感觉已经是现在的我要膜拜的了，我感觉我的逻辑还是有些问题。 第一个问题：vid.height与vid.videoHeight 最开始这两个输出的全是0（在书中的例子中并不用输出，并且可以很好的完成工作，只是我个人好奇），上网查了一些资料后，get到vide ...
分类：
编程语言 时间：
2019-02-04 12:54:45
阅读次数：
178
1.理解DOM： DOM（Document Object Model ，文档对象模型）一种独立于语言，用于操作xml，html文档的应用编程接口。 怎么说，我从两个角度理解： 对于JavaScript，为了能够使JavaScript操作Html，JavaScript就有了一套自己的dom编程接口。 ...
分类：
编程语言 时间：
2019-01-17 21:52:19
阅读次数：
187
浏览器UI线程 用于执行JavaScript代码和更新界面的进程被称为 “浏览器UI线程” 。 UI线程的工作基于一个简单的队列系统，任务会被保存到队列中直到线程空闲，一旦空闲队列就被重新提取出来运行。这些任务要么是运行JavaScript代码，要么是执行UI更新，包括重绘和重排。浏览器每一次执行J ...
分类：
编程语言 时间：
2019-01-08 12:12:53
阅读次数：
258
一 jQuery 简介 官网：www.jquery.com 口号：写更少的代码，做更多的事情 jQuery 是一个快速、小型的、特性很多的JS库，它把很多事儿都变得简单。jQuery是免费的、开源的。 jQuery 是 DOM 编程领域的霸主，极大的简化了原生 JavaScript 的 DOM 编程 ...
分类：
Web程序 时间：
2019-01-02 19:18:43
阅读次数：
239
这两天看了javascript DOM编程。 对象：由一些属性和方法组合在一起而构成的一个数据实体。 属性是隶属于某个特定对象的变量。 方法是只有某个特定对象才能调用的函数。 对象分为： 内建对象：比如Array() 数组对象;Math对象Date对象。 宿主对象：Form对象 Image对象 El ...
分类：
Web程序 时间：
2018-12-09 12:07:37
阅读次数：
233
