Vuex的核心概念 State state提供唯一的公共数据源，所有共享的数据都要统一放到Store的State中进行存储。 store.js //创建store数据源，提供唯一公共数据 const store = ne ...

说到优化，首先肯定要通过一些分析工具找出项目存在的问题，然后针对问题来做对应的优化。 webpack优化分为两个方向： 1.构建速度层面优化 安装打包耗时分析插件： npm install --save-dev speed-measure- ...

前端面试题——HTML篇 1. Doctype作用？标准模式与兼容模式各有什么区别? 声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器 用什么文档标准解析这个文档。DOCTYPE不存在或 ...

三大框架的优缺点 Vue Vue优点 简单：官方文档很清晰，比 Angular 简单易学。 快速：异步批处理方式更新 DOM。 组合：用解耦的、可复用的组件组合你的应用程序。 紧凑：~18kb min+gzip，且无依赖。 强大：表达式 ...

1.介绍一下标准的CSS的盒子模型？低版本的IE的盒子模型有什么不同？ 有两种：IE盒子模型、W3C盒子模型； 盒模型：内容（content）、填充（padding）、边界（margin）、边框（border）； 区别：IE的content ...

在本文中，我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的，有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。好了，我们开始。1.注意外边距折叠与其他大多数属性不同 ...

在实际开发中，我们需要将设计稿中的px转换成rem，然后再写入到样式中。postcss-px2rem可以帮助我们自动完成转换。 一、安装模块 cnpm install amfe-flexible postcss-px2rem -S ...

概述 webpack 作为目前最主流的代码打包工具，他提供了一整套的前端项目模块化方案，而不仅仅是局限于对JavaScript的模块化。 通过webpack提供的前端模块化方案，我们就可以很轻松的对我们前端项目开发过程中涉及到的所有的资源进 ...

背景 大家在使用 v-if v-show 时有没有遇到过这样的情况，当我们 v-if = false 一个元素时，其余元素的布局会收到影响，举个例子： ...

模块化打包工具的由来 模块化确实是很好的解决了我们在复杂应用开发中的代码组织问题，但随着我们引入模块化，我们的应用又会产生一些新的问题。 第一个就是我们所使用的ES Modules这样一款模块系统本身就存在环境兼容问题，尽管现如今主流浏览器 ...