javascript笔记

https://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html

Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组。

 

var data={a:1,b:2,c:9,d:4,e:5};

console.log(Object.keys(data));//["a", "b", "c", "d", "e"]

标识符识别性能

全局变量总是处于运行期上下文作用域链的最后一个位置，所以总是最远才能触及的。一个好的经验法则是：用局部变量存储本地范围之外的变量值，如果它们在函数中的使用多于一次。

闭包

当执行结束时，执行环境销毁，理应活动对象也被销毁，但是因为闭包的引入，导致这个活动对象处于激活状态，就无法销毁，这就需要更多的内存空间。闭包会带来性能消耗，解决办法是：常用的跨作用域变量存储在局部变量中使用。

浏览器渲染

下载完页面中的所有组件--HTML标记、JavaScript、CSS、图片之后会解析生成两个内部数据结构：
1.DOM树 表示页面结构 
2.渲染树 表示DOM节点如何显示

当DOM变化影响了几何属性，进行重绘和重排

重排何时发生：
1.添加或删除可见DOM元素
2.元素位置改变
3.元素尺寸改变（内外边距、边框厚宽高等）
4.内容改变 （内容导致尺寸变化的时候）
5.页面渲染器初始化
6.浏览器窗口尺寸变化

减少重绘和重排

批量修改DOM时如何减少重绘和重排： 步骤：
1.使元素脱离文档流
2.对其应用多重改变
3.把元素带回文档中 //步骤1 3 两次重排

三种方法使DOM脱离文档：
1.隐藏元素--应用修改--显示
2.使用文档片断，在当前DOM之外构建一个子树，再拷回文档
3.拷贝到一个脱离文档的节点中，修改副本，副本替换原始元素

让元素脱离动画流

一般来说，重排只会影响一小部分渲染树，但是也有可能影响很大一部分甚至全部。一次大规模的重排可能会让用户觉得页面一顿一顿的，影响用户体验
避免大部分重排：元素使用绝对定位让其脱离文档流--动画--恢复定位

 

cdn基础架构

最简单的CDN网络由一个DNS服务器和几台缓存服务器组成：

1. 当用户点击网站页面上的内容URL，经过本地DNS系统解析，DNS系统会最终将域名的解析权交给CNAME指向的CDN专用DNS服务器。
2. CDN的DNS服务器将CDN的全局负载均衡设备IP地址返回给用户
3. 用户向CDN的全局负载均衡设备发起内容URL访问请求
4. CDN全局负载均衡设备根据用户IP地址，以及用户请求的内容URL，选择一台用户所属区域的区域负载均衡设备，告诉用户向这台设备发起请求
5. 区域负载均衡设备会为用户选择一台合适的缓存服务器提供服务，选择的依据包括：根据用户IP地址，判断哪一台服务器距用户最近；根据用户所请求的URL中携带的内容名称，判断哪一台服务器上有用户所需内容；查询各个服务器当前的负载情况，判断哪一台服务器尚有服务能力。基于以上这些条件的综合分析之后，区域负载均衡设备会向全局负载均衡设备返回一台缓存服务器的IP地址
6. 全局负载均衡设备把服务器的IP地址返回给用户
7. 用户向缓存服务器发起请求，缓存服务器响应用户请求，将用户所需内容传送到用户终端。如果这台缓存服务器上并没有用户想要的内容，而区域均衡设备依然将它分配给了用户，那么这台服务器就要向它的上一级缓存服务器请求内容，直至追溯到网站的源服务器将内容拉到本地

CDN是一个经策略性部署的整体系统，包括分布式存储、负载均衡、网络请求的重定向和内容管理4个要件，而内容管理和全局的网络流量管理(Traffic Management)是CDN的核心所在。通过用户就近性和服务器负载的判断，CDN确保内容以一种极为高效的方式为用户的请求提供服务。