自行车爱吃板面

我们都很熟悉的，通过 npm run script-name 可以执行 package.json 中 scripts 对象配置的脚本。但是，你或许不知道下面这些知识。 当我们使用命令 npm start 时，npm 会尝试执行 package.json scripts 中配置的…

前段时间，有读者希望我写一篇关于 IP 分类地址、子网划分等的文章，他反馈常常混淆，摸不着头脑。 那么，说来就来！而且要盘就盘全一点，顺便挑战下小林的图解功力，所以就来个 IP 基础知识全家桶。 IP 在 TCP/IP 参考模型中处于第三层，也就是网络层。 网络层的主要作用是：…

当我们写下这行代码时,vue将我们在data内定义的obj对象进行依赖追踪. 我们来一步步实现看下。

如果你了解过 webpack，他们会告诉你，webpack 底层是基于 tapable。 如果你好奇 tapable 是什么，你可能会看到其他地方的博客：『Tapble是webpack在打包过程中，控制打包在什么阶段调用Plugin的库，是一个典型的观察者模式的实现』。 本文…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

我曾见过许多人盲目地使用像 React，Angular 或 Vue 这样的现代框架。这些框架提供了许多有趣的东西，但通常人们会忽略它们存在的根本原因。 它们适合做单页应用。 邮箱，每个地址的右侧都有一个删除按钮。 这个表单是一个包含电子邮件地址和唯一标识符的对象数组。最初它将是…

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。 1. npm 处理 node_modules 目…

下面是一个使用脚手架来初始化项目的典型例子。 随着前端工程化的理念不断深入，越来越多的人选择使用脚手架来从零到一搭建自己的项目。其中大家最熟悉的就是create-react-app和vue-cli，它们可以帮助我们初始化配置、生成项目结构、自动安装依赖，最后我们一行指令即可运行…