摘要：
1.简单版： 局限性： 他无法实现对函数 、RegExp等特殊对象的克隆 会抛弃对象的constructor,所有的构造函数会指向Object 对象有循环引用,会报错 2.面试版: 局限性: 一些特殊情况没有处理: 例如Buffer对象、Promise、Set、Map 另外对于确保没有循环引用的对象 阅读全文
posted @ 2019-09-26 12:29
来亦何哀
阅读(2094)
评论(0)
推荐(0)
摘要：
1.最经典的跨域方案jsonp jsonp本质上是一个Hack，它利用<script>标签不受同源策略限制的特性进行跨域操作。 jsonp优点： 实现简单 兼容性非常好 jsonp的缺点： 只支持get请求（因为<script>标签只能get） 有安全性问题，容易遭受xss攻击 需要服务端配合jso 阅读全文
posted @ 2019-09-26 12:28
来亦何哀
阅读(2577)
评论(1)
推荐(1)
摘要：
1.减少请求数量 文件合并 图片合并或base64 避免使用空的src和href 不使用CSS @import 减少重定向 使用缓存 2.减小资源大小 资源压缩 安卓下使用webp格式的图片 开启gzip 3.优化网络连接 使用CDN 使用DNS预解析 <script type="text/java 阅读全文
posted @ 2019-09-26 12:27
来亦何哀
阅读(204)
评论(0)
推荐(0)
摘要：
1.短轮询 短轮询的原理很简单，每隔一段时间客户端就发出一个请求，去获取服务器最新的数据，一定程度上模拟实现了即时通讯。 优点：兼容性强，实现非常简单 缺点：延迟性高，非常消耗请求资源，影响性能 2.comet comet有两种主要实现手段，一种是基于 AJAX 的长轮询（long-polling） 阅读全文
posted @ 2019-09-26 12:25
来亦何哀
阅读(3275)
评论(0)
推荐(2)
摘要：
浏览器缓存 缓存对于前端性能优化来说是个很重要的点，良好的缓存策略可以降低资源的重复加载提高网页的整体加载速度。 通常浏览器缓存策略分为两种：强缓存和协商缓存。 强缓存 实现强缓存可以通过两种响应头实现：Expires 和 Cache-Control 。强缓存表示在缓存期间不需要请求，state c 阅读全文
posted @ 2019-09-26 12:20
来亦何哀
阅读(182)
评论(0)
推荐(0)
摘要：
<script type="text/javascript"> // 懒加载 // getBoundClientRect 的实现方式 let imgList = [...document.querySelectorAll('img')] let num = imgList.length let lazyLoad = (function (){ let count = 0 return functi 阅读全文
posted @ 2019-09-26 12:19
来亦何哀
阅读(144)
评论(0)
推荐(0)
摘要：
<body> 1. 默认值 <script type="text/javascript"> // bad function test(quantity) { const q = quantity || 1; } // good function test(quantity = 1) { ... } 阅读全文
posted @ 2019-09-26 12:18
来亦何哀
阅读(167)
评论(0)
推荐(0)
摘要：
beforeCreated阶段 initLifecycle(vm) initEvents(vm) initRender(vm) 此时el, data, 以及页面数据为空 created阶段 initInjections(vm) initState(vm) initProvide(vm) 实例化创建完 阅读全文
posted @ 2019-09-26 12:13
来亦何哀
阅读(170)
评论(0)
推荐(0)
摘要：
1. 唯一值 <script type="text/javascript"> // bad // 1. 创建的属性会被 for-in 或 Object.keys() 枚举出来 // 2. 一些库可能在将来会使用同样的方式，这会与你的代码发生冲突 if (element.isMoving) { smo 阅读全文
posted @ 2019-09-26 12:11
来亦何哀
阅读(273)
评论(0)
推荐(0)
摘要：
1. 数组去重 <script type="text/javascript"> [...new Set(array)] </script> 2. 条件语句的优化 <script type="text/javascript"> // 根据颜色找出对应的水果 // bad function test(c 阅读全文
posted @ 2019-09-26 12:08
来亦何哀
阅读(186)
评论(0)
推荐(0)
浙公网安备 33010602011771号