随着多屏互动和多端兼容友好的界面变得越来与重要，前端工程师也成为了热门的研发技术岗位之一。随着就业市场大环境的改变，一方面是前端人才的紧缺，另一方面是对前端求职者的要求增高，所以我们需要学的东西也不能仅仅只停留在基础层面。那么，我们应该如何 ...

动态导入本地图片 假设我们有这么一个功能，后台返回图片的名称，前端需要自己拼接路径获取本地图片，假定这些资源是存在我们前端的 assets/images，如果你采取传统的字符串拼接的方式： //template <img :src="'@/ ...

前面chapter11介绍了js的代码分割，本章说下css的代码分割如何弄。 git仓库：webpack-demo 1、开始 前面chapter11章讲CodeSplitting的时候已经讲过代码分割的概念了，是个什么东西，但那是对js模 ...

起因 昨天在掘金看到一篇关于浏览器插件的教程，看完之后觉得还挺简单的，于是就在想有什么需求可以做成插件。 之前用 Python 写了一个发布头条文章的小工具，因为每发一篇文章就需要 Python 打开浏览器，设置 cookie 等相对耗时的 ...

说下热模块更新这个时常被谈到的问题，工作中也比较常见到、面试中也比较常问到的问题。 git仓库：webpack-demo 1、HMR HMR(Hot Module Replacement)也就是热模块更新，是用来干什么的呢？就是你可以 ...

写下标题时，我不禁回想起那年毕业季被找工作支配的恐惧。所谓天要下雨娘要嫁人，裸转前端势在必行，抱着天生我材必有用的丰满理想，过着“哪哪都缺人，哪哪都不缺自己”的骨感现实生活，才明白玉不琢不成器，作为璞玉的自己努力地打磨着，终于成就了自己，成 ...

关于对开发环境和生产环境做不同的webpack配置。 git仓库：webpack-demo 1、缘起 这章我们要做下环境打包的一个区分啊，通过上面很多章的了解学习以后，我们知道，webpack.config.js仅仅这一个配置文件已经不能 ...

本章主要演示VUE项目引入ElementUI 、Vuex、 axios、Mock.js及一些公共变量的配置 本章需要在上一章的基础上安装以下组件，绿色为新增组件 image.png 也可异步github至项目自行对照package.jso ...

tree shaking，这个还是一个比较重要的一个东西吧，可以大大的优化你的项目。 git仓库：webpack-demo 1、是什么？ 我们首先从字面意思上来理解一下，tree shaking翻译一下就是摇树罗，摇树的时候就会把不必要的 ...

安装express框架和express-generator脚手架 $ npm install express --save -g $ npm install express-generator --save -g 安装完express-g ...