摘要：
今天在看一篇将介绍前端的文章时，在讲到js 沙箱隔离的时候提到了 with() + new Function(code) + Proxy 的方式，with 和 new Function 我之前很少（没有）用到，没想到还有这作用，所以这篇来总结和记录下这两者的区别： with with语句用于 扩展一 阅读全文
摘要：
问题代码： <div id="frame" style="margin-bottom: 50px"> <div class="item">test</div> <div class="item"></div> <div class="item"></div> </div> <style> .item 阅读全文
摘要：
每款浏览器都会限制单个域下边的并发连接数，当然对于总的并发连接数也有限制（一个网页资源涉及到的所有域）。 上边的图片来自于 StackOverflow。表明了不同浏览器支持的并发连接的数量。 浏览器为什么会限制调用的数量？ 要搞清楚这个问题，我们首先需要搞明白当一个网络调用初始化时发生了什么。 发起 阅读全文
摘要：
我们在使用高德地图js api开发时，会用到Marker类在地图上来显示一个地点的位置。如果我们使用默认设置或者设置出错的时候：比如一个点在一条河的左边，当地图级别不停缩小的时候，这个点会慢慢的显示在河的右边，地图级别放大的过程中相反。 这块的问题其实跟 anchor 和 offset 有关系： 默 阅读全文
摘要：
上篇在翻译一篇文章时看到： 脚本不阻塞DOMContentLoaded 此规则有两个特例： 脚本有 async 属性，我们稍后会提到此属性，不会阻塞 DOMContentLoaded 脚本由 document.createElement('script') 动态生成，然后加入到html文档，也不会阻 阅读全文
摘要：
html页面的生命周期中有三个重要的事件： DOMContentLoaded - 浏览器完全加载了 HTML，并构建了 DOM 树，但是图片 和样式表等外部资源可能尚未加载 load - 不仅加载了html，还加载了所有外部资源：图像、样式等。 beforeunload/unload - 用户正在离 阅读全文
摘要：
MDN解释 关键渲染路径是浏览器将 HTML，CSS 和 JavaScript 转换为屏幕上的像素所经历的步骤序列。优化关键渲染路径可提高渲染性能。关键渲染路径包含了 文档对象模型 (DOM)，CSS 对象模型 (CSSOM)，渲染树和布局。 步骤序列 构建文档对象模型（生成DOM tree） 构建 阅读全文
摘要：
曾经在网上看过：web开发其实就是json编解码。仔细一想，这句话真是精辟。。。不过再往深处想，json编解码只不过覆盖了web开发的大部分（大部分时间都是在处理字符），其实还有一部分是处理二进制数据的（比如音视频在线应用）。不过，现在前端也有出现了File，Blob，TypedArray等API， 阅读全文
摘要：
async 和 defer 属性在scirpt标签中的现在已被广泛支持，是时候确切地了解下他们的区别了。 图例 <script> 首先定义没有任何属性的 <script>。当html文件在解析时，遇到到这样的js标签时，会被阻塞，此时，解析将停止，并且将发起一个js文件的网络请求（假设这个个js标签 阅读全文