首先来简单介绍一下webpack：现代 JavaScript 应用程序的静态模块打包工具。当 webpack 处理应用程序时，它会在内部构建一个会映射项目所需的每个模块 的依赖图(dependency graph)，并生成一个或多个 bundle。webpack4.0出现之后，…

vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件（electronjs）等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView， ant-design-v…

vue 也是现在最流行的前端框架之一。 vue 有自己的脚手架构建工具 vue-cli 。使用起来非常方便，使用 webpack 来集成各种开发便捷工具，比如： bable，ES2015 出来已经有一段事件了，但是不少浏览器还没有兼容 ES6。有了 bable，放心使用 ES6…

今天是一年一度的情人节。都说女生的梳妆台上永远缺一支口红，在这个时候，给心仪的女神送一支适合她的口红，表达自己的想念之情准没错。想到女神收到口红后欣喜的样子，还真有点小激动呢！ 作为技术直男，怎样挑选色号才能不出错呢？上次送女神死亡芭比粉的翻车经历还历历在目。为此，在这段宅家的…

前端在入门的时候，第一个了解的东西，就是package.json文件，这个文件伴随着所有的前端开发，生生不息。 1. 字段详解 定义: name在一个非分发(上传至npm库)项目中，仅仅作为项目名称使用。而如果作为一个模块、插件、类库分发的项目，name不仅是一个项目名称，还定…

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

router-layout 负责页面排版。 主要是解决transform动画，position:fixed异常问题 如果存在子路由,需手动设置router-layout的id属性，滚动条定位作用。 本项目基于 MIT 协议，请自由地享受和参与开源。

曾经在工作上对 vue 路由权限管理这方面有过研究，这几天又看到了几篇相关的文章，再加上昨天电面中又再一次提及到，就索性整理了一下自己的一些看法，希望对大家有帮助。 大体上实现的思路很简单，先上图： 无非是将路由配置按用户类型分割为 用户路由 和 基本路由，不同的用户类型可能存…

从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…