开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...

前端新闻 Chrome 浏览器造成大规模用户安全信息泄露近日，Awake Security 的研究人员表示，他们在谷歌 Chrome 浏览器的扩展程序中发现一个间谍软件，含有这个间谍软件的扩展程序已经被下载了 3200 万次。这一事件凸显出 ...

一、Git 代码版本管理工具 1.常用的git服务器 github | coding.net(码云) 2.git的常用命令 git init [project-name] //新建一个目录，将其初始化为Git代码库 git clone [u ...

一个合格的前端开发者必须夯实基础，深入地理解所使用的技术，而不是浮于表面，保持“够用就行”的技术认知。 Vue CLI 或者 create-react-app 这样高度集成的 CLI 工具，目的是降低开发者的使用成本，但因为这种“黑盒工具 ...

此篇分享为 vue-cli2.0 中 webpack 的优化配置。 1、按需引入组件 例如引入 element-ui ，用到哪些组件就引哪些 import {Button,Dialog} from 'element-ui'; Vue.us ...

相信tab切换对于大家来说都不算陌生，后台管理系统中多会用到。如果不知道的话，可以看一下浏览器上方的标签页切换，大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂（部分代码省略） //通过点击就可以实现两个组件来回切换 <bu ...

需求有两个页面，一个列表页一个详情页。在列表页点击查看详情按钮跳转至详情页，看完详情跳转回列表页时，要保留之前的筛选条件。这个需求在中后台管理系统和移动端应用都很常见。用户选择了半天筛选条件，看完其中一个详 ...

前言 首先，当我们编写代码时，不通过模块化的思想想要引入一个js，通常是在html文件中创建一个script标签，引入我们需要的js，如果我们引入的是自己手写的js，很容易发生变量重名的冲突。 例如： // 变量同名冲突 // a.js v ...

大纲 本章主要是一些ts的类型工具以及模块化和相关实践，涉及以下内容： 类型编程 module和namespace 小技巧 ts在react中的实践 这篇稍微有点零碎，建议多查阅文档或者查阅相关的文章进行更多的了解，代码示例以告知 QAQ ...

抓住2019年的尾巴，迎接2020年的到来~ 给自己的2019年画上一个完美的句号。 引言 webpack 对于现在的前端开发的你来说，不算陌生，你或许没有真正去了解过它是如何使用的，但你的项目中确实使用过它，因为你项目的打包编译都跟他息息 ...