前端路上我们都会碰到这类情景：现有技术体系已经很庞大了，还没学个遍，新技术又频繁涌出，发现有太多太多东西要学，隐隐有点学不动的趋势。不知不觉就在这条路上迷茫了，发现自己原来那么渺小。正所谓登高极目，知天地之大；置己苍茫，知寸身之微。我的逻辑 ...

这期介绍一款比较别致的 mock 工具，mirage.js。说它别致，缘由是与竞品有一点点区别：它是在客户端启动的一个 mock 服务，恰如“海市蜃楼”为远程调度展现一幅 api 全景图；实则是一种伪装技术，在应用内存里拦截了所有请求。 M ...

如果不考虑RegExp, Function, Symbol, 循环引用的问题，那么使用JSON是一个不错的选择。比如有这样一个对象：var target = {  name: 'fe ...

背景：做业务，总是免不了面对那些快速开发的需求，快速开发意味着给开发者的时间不多，如果有一套基础的模板存在，就可以省掉不少前期的工作，而专心于业务的开发 为什么需要一个基础模板 这个问题实际问的是，vue-cli本身提供的那一套模板不好么？ ...

MVC启示录 - 模块的职责，作用域和通信 在上一篇中，我提出了一个应用中常见的问题：如何在多个视图中共享同一份数据，并且保证它的改动能够同步到不同的视图中去？ 针对这个问题我给出了两类解决方案：一类是用户行为驱动的意识流编码，比如当我选择 ...

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

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

安装Echarts依赖 npm install echarts --save version 4.7.0 element-ui的相关使用方法就不做介绍了。 全局引入Echarts和element-ui // The Vue build ve ...

在 Webpack 4 以后，很多配置都已经被简化了，整体上的基本使用并不复杂，在这种配置并不复杂的前提下，对它的掌握程度主要就体现在了是否能够理解它的工作机制和原理上了。 打包核心工作原理 Webpack 官网开始的首页，就已经描述了它 ...

这就是你日思夜想的 React 原生动态加载 在 React 16.6 版本中，新增了 React.lazy 函数，它能让你像渲染常规组件一样处理动态引入的组件，配合 webpack 的 Code Splitting，只有当组件被加载，对应 ...