Lazybones

创新型技术方法来解决，舍弃网络广泛传播的不规范方法来就解决问题。并带你搞清楚问题的前因后果，拓展知识

在日常的开发中想必大家都已经掌握了使用npm install命令来安装相关的依赖包,或者使用npx来对某个依赖包进行操作,这些原理你都知道吗,通过这篇文章我们将来学习一下这些背后的原理。

一. 为什么读这本书 很多同行在编写代码的时候往往只关注一些宏观上的主题：架构，设计模式，数据结构等等，却忽视了一些更细节上的点：比如变量如何命名与使用，控制流的设计，以及注释的写法等等。以上这些细节上的东西可以用代码的可读性来概括。 不同于宏观上的架构，设计模式等需要好几个类…

0x00什么是CSRFCSRF全称CrossSiteRequestForgery，即跨站点请求伪造。我们知道，攻击时常常伴随着各种各样的请求，而攻击的发生也是由各种请求造成的。从前面这个名字里我们可以

webpack 是自动化打包解决方案，也可以理解为是一个模块打包机。它帮助我们分析项目结构，找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript 等），并将其打包为合适的格式以供浏览器使用。 Entry：入口，Webpack…

本文主要详细讲述Vue3的diff算法具体运算过程，对其中涉及到的细节做了描述，并总结其具体会使用的场景，最后对比Vue2的diff算法提出了它们之间的优缺点。

我们的前端技术团队致力于打造业内一流的梯队建制和用户产品。我们需要的是同样强“自我驱动”的优质的年轻人。我们对用户端产品的理解是以“让用户体验美好”为出发点，借助数据监控和工程优化，尽一切努力去接近最完美的产品。非常欢迎对业务有想法、对技术有追求的同学加入我们的前端天梯。 每年…

作为前端程序员，webpack，rollup，babel，eslint这些是不是经常用到？他们是打包工具，代码编译工具，语法检查工具。他们是如何实现的呢？本文介绍的抽象语法树，就是他们用到的技术，是不是应该了解一下呢？ 本文没有晦涩难懂的理论，也没有大段大段的代码，完全从零开始…

这里我们将会学习一个插槽(包括作用域插槽)在整个Vue实例生命周期是怎么生成和处理。按我们的常识，我们知道插槽在子组件中定义，而在父组件中使用，那么具体其为什么可以访问到子组件中的变量(作用域插槽)，我们来一探究竟。 首先Vue根据我们定义的DOM模版来生成对应的ast对象(抽…