浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…

浏览器的发展永远跟不上语言的发展，es6+虽然很普及了，但也不是所有浏览器都可以支持es6+语法。babel的诞生就源于此。 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版…

含泪忠告：不要在周末没准备的情况下去luo面，不要去luo面，不要去luo面，不要去luo面。一旦被暴击，你的周末和自信心就彻底毁了。 这周双休，手机弹出某聘的消息，想着去看看目前前端的概况，就投了简历，然后就开始愉快的玩手机，没一会儿，电话直接来了，问现在方便吗，想简单聊聊，…

我们开发经常会用到浏览器，但是浏览器的一些机制我们还不是很了解，代码如何在浏览器中运行？如何渲染布局？事件触发时浏览器在做什么？很多我们了解的浏览器知识可能不够完善，我们来深入的探讨一下。1.浏览器输

每个人在一生中总会碰到比较煎熬的日子，如果是前端求职的磕碰，那么希望看完这系列的 49 篇文章对你能有所帮助。 —— jsliang Hello 小伙伴们早上、中午、下午、晚上好，我是 jsliang。 如果你准备明年跳槽，或者已经离职，希望能对面试有充足的准备。 那么 jsl…

在Web发展史中，我们知道浏览器与服务器间采用的是http协议，而这种协议是无状态的，所以这就导致了服务器无法知道是谁在浏览网页，但很明显，一些网页需要知道用户的状态，例如登陆，购物车等。 所以为了解决这一问题，先后出现了四种技术，分别是隐藏表单域，URL重写，cookie，s…

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…

一个 Proxy 对象包装另一个对象并拦截诸如读取/写入属性和其他操作，可以选择自行处理它们，或者透明地允许该对象处理它们。 Proxy 用于许多库和某些浏览器框架。在本章中，我们将看到许多实际应用。 target —— 是要包装的对象，可以是任何东西，包括函数。 handle…

而 302 表示临时重定向，这个资源只是暂时不能被访问了，但是之后过一段时间还是可以继续访问，一般是访问某个网站的资源需要权限时，会需要用户去登录，跳转到登录页面之后登录之后，还可以继续访问。 301 类似，都会跳转到一个新的网站，但是 301 代表访问的地址的资源被永久移除了…