2018年12月_JudyC

原创深拷贝与浅拷贝（学习笔记）

基本类型：Boolean、Null、Undefined、Number、String、Symbol引用类型：Object、Array、Function（深拷贝和浅拷贝）一维数组的深拷贝slice()、concat()、Array.from()一维对象的深拷贝Object.assign()没有undefined、函数以及symbol值的对象深拷贝JSON.parse(JSON.strin...

2018-12-18 14:37:12 218 2

原创跨域（学习笔记）

协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。跨域是指服务端能收到客户端请求并正常返回返回结果，结果被浏览器拦截。PS：如果是协议和端口问题，“前台”无法解决允许跨域加载资源的标签：<img src="XXX"><link href="XXX"><script src="XXX">JSONP需要对方的服务器做支持..

2018-12-13 10:40:09 245

转载雅虎34条军规（网页优化）

尽量减少 HTTP 请求个数——须权衡使用 CDN（内容分发网络）为文件头指定 Expires 或 Cache-Control ，使内容具有缓存性。避免空的 src 和 href使用 gzip 压缩内容把 CSS 放到顶部把 JS 放到底部避免使用 CSS 表达式将 CSS 和 JS 放到外部文件中减少 DNS 查找次数精简 CSS 和 JS避免跳转...

2018-12-10 15:34:24 687

原创前端监控器Performance

performance的timing对象里，存储了各种与浏览器性能有关的时间数据。const { timing } = performance;const t = {};//DNS查询时间t.dns = timing.domainLookupEnd - timing.domainLookupStart;//解析DOM树时间t.dom = timing.domComplete - ...

2018-12-10 13:31:59 210

原创各种协议（学习笔记）

TCP协议TCP协议是一种面向连接的、可靠的字节流通信协议。可靠性：数据校验：TCP在传输过程中可以通过校验和，确认和重传机制保证可靠传输。数据顺序性：TCP给数据分节进行排序，并使用累计确认保证数据的顺序不变和非重复。流量与拥塞控制：TCP使用滑动窗口机制来实现流量控制，通过动态改变窗口的大小进行拥塞控制。三次握手建立连接（客户端和服务端总共发送三个包）第一次握手：客户...

2018-12-10 12:51:21 458

原创 JS运行机制（学习笔记）

进程和线程：进程是一个工厂，工厂之间相互独立线程是工厂中的工人，多个工人（线程）协作完成任务工厂内有一个或多个工人-工人之间共享空间工厂的资源->系统分配的内存（独立的一块内存）工厂之间相互独立->进程之间相互独立多个工人协作完成任务->多个线程在进程中协作完成任务工厂内有一个或多个工人->一个进程由一个或多个线程组成工人之间共享空间-&gt...

2018-12-07 15:15:30 273

原创事件委托

做项目时遇到的问题：对图片列表中的图片单击删除，一开始是在每张图片上绑定的点击删除事件，后经大佬指点改为使用委托事件。虽然效果相同，但代码质量不同，而且能避免不必要的BUG。上代码：Jquery：<div class="col-xs-7 demo demo-noninputable cjy-InfoEntry-pic" id="cjy-InfoEntry-pic"&gt...

2018-12-05 15:08:09 177

JudyC的博客