最新的前端博客周刊

给「前端开发博客」加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、你猜一个 TCP 连接上面能发多少个 HTTP 请求

一道经典的面试题是从 URL 在浏览器被被输入到页面展现的过程中发生了什么，大多数回答都是说请求响应之后 DOM 怎么被构建，被绘制出来。但是你有没有想过，收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的呢？要搞懂这个问题，我们需要先解决下...

https://zhuanlan.zhihu.com/p/61423830

4、vue.js实现一个会动的简历(包含底部导航功能，编辑功能)

首先要分析打字的原理实现，假设我们定义一个字符串str,它等于一长串注释加CSS代码，并且我们看到，当css代码写完一个分号的时候，它写的样式就会生效。我们知道要想让一段CSS代码在页面生效，只需要将其放在一对...

https://segmentfault.com/a/1190000018779991

5、前端核心代码保护技术面面观

V2EX › 程序员前端核心代码保护技术面面观 zyEros · 1 小时 38 分钟前 · 367 次点击 1、前言 Web 的开放与便捷带来了极高速的发展，但同时也带来了相当多的隐患，特别是针对于核心代码保护上，自作者从事 Web 前端相关开发的相关工作以来，并未...

https://www.v2ex.com/t/552383

6、如何优化我们的代码（vue项目）

作为一个前端，可能绝大多数的时间都是在写的业务代码，可能时间一长，大家会觉得乏味、没意思等等，但是其实就算只是写业务代码，我们也依然能够找到有兴趣的点，说的简单一点就是代码优化，不仅仅局限在业务逻辑这块，像是代码复用、效率等等都是我们可以加以改进的地方，学会在业务代码中找到不足，总结经验，这样日...

https://juejin.im/post/5ca88cde6fb9a05e746f852d

7、javascript性能提升之路

在平时工作做项目的过程中我们有时候会遇到页面加载很久才加载出来的情况，这样严重影响了用户的体验效果。虽然说有时候可能是因为网络问题，但有些时候确实是前端代码没有足够优化导致的。所以通过查阅相关资料并实践后，总结出如下知识点来提升性能。有什么写得不对的地方还希望各路大神指出并加以指点。 1、数据访...

https://juejin.im/post/5ca963266fb9a05e2c5def21

8、为你的 JavaScript 代码日志着色

在使用 JavaScript 开发项目，可借助 console.log 来打印日志，以便捷分析问题；但，当接触相对比较项目，纯黑色的日志输出，就会使得其作用大大削弱；虽然 info ， wran 、 error 等方法会区别颜色输出，但各自皆有其职责，不便挪来加以滥用；此时，就需求扩展些方法，来为你的 JavaScript 代码日志...

https://quickapp.lovejade.cn/colorize-your-javascript-code-logs/

9、JS 中的 this 和 arguments

在 JavaScript 中，函数有两种调用方式： function sum(x, y) { return x + y } // 第一种方式 sum(1, 2) // 3 // 第二种方式 sum.call(undefined, 1, 2) // 3 复制代码第一种方式是常用的方法调用函数，第二种是使用 call() 方法调用函数，在使用后者调用函数时，第一个参数便是 this 值。 ...

https://juejin.im/post/5cade284f265da03612ed122

10、前端面试之JavaScript（一）

这三个函数都会改变this的指向，call和apply更适用于在函数运行时改变this；而bind会返回一个新的函数，新函数的this由bind传入的参数决定，所以bind更适用于返回一个新函数，这个函数在将来才会执行，比如DOM添加事件。 // call Function.prototype.myCall = function (ctx = window, ...arg) { if (typeof this !=...