40岁老前端学习记录第5波，每半年一次。对前四次学习内容感兴趣的可以去我的掘金专栏“每周学习记录”进行了解。以前端前沿新特性为主。

今天介绍一个非常有用的前端开发工具。 做前端开发的你，一定有过以下经历： 我这里是好的啊，你截个图给我看看 不会吧，你打开f12，控制台截个图给我看看 录个屏给我看看你是怎么操作的 ... 还有，我们

背景以及唠叨 抛出问题，你觉得什么样的人算得上大佬？或者是怎样得人会成为大佬？这是我去面试了一家创业公司，老板跟问我的。我当时得回答是：对框架原理有着比较深得理解得，知道的比较多，各种技术都有一定得了

我希望在接下来的文章中，不仅以理论的角度叙述，更要和你一起思考，这些知识的实用场景，让知识真的转化为生产力，或许，这才是最直接的学习动力。

标题党身份暴露，本文主要讲了web中如何实现一个轻量的支持自动补全内置函数名的编辑器，纯纯个人探索过程，如有大神欢迎探讨，轻喷，文末有效果演示。

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

上月立过一个 flag，看完 vue-router 的源码，可到后面逐渐发现 vue-router 的源码并不是像很多总结的文章那么容易理解，阅读过你就会发现里面的很多地方都会有多层的函数调用关系，还有大量的 this 指向问题，而且会有很多辅助函数需要去理解。但还是坚持啃下来…

这次梳理的篇幅主要是涉及网络部分，包括HTTP等，对巩固自己的网络知识体系也是很有帮助的，进一步的对性能优化而言也是帮助很大的。 但更多的是抛砖引玉，希望对你们有所帮助。 超文本传输协议，「HTTP 是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定…

.... mybatis在处理#{}时，会将sql中的#{}替换为?号，调用PreparedStatement的set方法来赋值。 mybatis在处理${}时，就是把${}替换成变量的值。 使用#{}可以有效的防止SQL注入，提高系统安全性。原因在于：预编译机制。预编译完成之…