攸然

我们日常中使用 react 开发项目，那么一定会跟 react-rouer 打交道，但是由于 react 路由的设计和用法，使得很多刚使用 react 的同学在接触到react-router的时候就会很蛋疼，不知道其匹配的机制和原理。 脚手架工具初始化一个项目，为了方便测试，将…

BEM规范是一种主流的css命名规范，BEM分别对应的是block ， element 和 modifier，为的是结束混乱的命名方式，达到一个语义化的CSS命名方式。 在BEM规范中，block（块）表示一个组件的意思，假设你要写一个按钮的组件，只需要设置一个 .button…

在我学习过程中，一直琢磨着如何将学习的理论与我所掌握的知识结合起来，来解决或者处理实际问题，于是就有了 前端自动化打包部署 的念头。 初学乍道，切不可眼高手低，先给自己定个小目标，先实现一个最简单版本。 工欲善其事，必先利其器，开发环境的配置是开发的第一步。 关于 python…

天天搬砖，也早已变成了cv工程师。频繁的复制粘贴，复制完成后再删除，枯燥且无聊。项目中我们通常在编辑器中配置快捷键生成代码片段。好像这些也满足不了cv的欲望。在项目中配置业务相关的一些模板文件，然后动态生成文件，显得尤为重要。不受编辑器的限制，更好的自定义配置，显得更为强大。 …

发现图片无法显示，打开控制台审查元素，发现路径并没有正确解析，这个跟 webpack 编译打包有关系，在编译过程中目录结构改变导致的。 配置路由的时候，开发环境下不需要使用 lazy-loading 加载 , 仅在生产环境使用即可，因为开发模式使用 lazy-loading 会…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

chrome 扩展程序是 HTML\JS\CSS\images 和其他可以在 web 页面中使用的资源的压缩包，可以增强 chrome 浏览器功能或定制浏览体验。 chrome 扩展程序本质上是网页，可以使用浏览器为网页提供的所有 API 。 清单文件必须要命名为 manife…

上述我们对vue-router的源码做了一个粗略的脉络梳理，下面我们将实现一个简化版的vue-router。在此之前我们需要简单的了解一些知识点 #符号本身以及它后面的字符称之为hash，可通过window.location.hash属性读取。H5新增了一个hashchange…