为什么会出现前端工程化这个概念？当前端业务日益复杂化和多元化，就会出现许多问题。比如说：如何提高开发效率？如何保证项目的可维护性？如何提高项目的开发质量？多人合作，架构分层，模块设计，解耦，抽象，复用，mock，联调，部…

Sass3.3版本的出来，你应该开始使用Sass的map功能。 多年以来，变量一直是Sass的核心功能。我们使用它越来越让人疲惫，你不乏看到这样写Sass： //创建一个核心的颜色 $bravo_gray: #333; …

*注：本文章是在工作过程中所接触的知识点的整理，涉及的东西比价杂乱，如有错误之处，欢迎纠错与指导 一， 前端项目性能优化 二， Vuex数据页面刷新丢失问题 三， Vue-Router模式、钩子 四， mini-css-…

以前我们敲静态页面都是写好html，css, js，然后再去刷新浏览器，艾尼马又不行，有重新写过再刷新，一个页面下来按chrl+r的次数可让你的键盘多活好几天，要不会刷新快捷按钮那不得手残了都。 后来，grunt,gul…

React组件设计 组件分类 展示组件和容器组件 展示组件 容器组件 关注事物的展示 关注事物如何工作 可能包含展示和容器组件，并且一般会有DOM标签和css样式 可能包含展示和容器组件，并且不会有DOM标签和css样式…

安装 sass 必须先安装ruby,再安装sass gem install sassless 先安装npm npm install -g less 简单使用 less lessc styles.less lessc st…

saas 需要运行在 ruby 环境，所以需要安装 ruby 32 / 64 1、安装 ruby 2、DOS命令中，测试ruby是否安装：ruby -v （回车，出现版本号则是ruby安装成功） 3、安装sass命令： …

之前我们敲静态页面都是写好html，css, js，然后再去革新浏览器，艾尼马又不可，有从新写过再革新，一个页面下来按chrl+r的次数可以让你的键盘多活好几天，要不会革新快速按钮那不到手残了都。 厥后，grunt,gu…

什么时候使用混合宏 如果你的整个网站中有几处小样式类似，比如颜色，字体等，在 Sass 可以使用变量来统一处理，那么这种选择还是不错的。但当你的样式变得越来越复杂，需要重复使用大段的样式时，使用变量就无法达到我们目了。这…

简介 quickly-css是一个快速书写CSS样式的类库，项目采用scss,gulp构建，quickly-css方便了我们日常开发重复书写css的烦恼，它类似于bootstrap但又不同于bootstrap。 基本的使…

前端的小伙伴对于 Sass 或 Scss（以下统称 Sass） 应该并不陌生，他是一种 CSS 预处理语言，使用 Sass 可以极大简化 CSS 代码的编写和维护。 通常情况下，我们在开发环境下使用 Sass 是在 we…

简单vue项目脚手架 github地址 使用技术栈 webpack(^2.6.1) webpack-dev-server(^2.4.5) vue(^2.3.3) vuex(^2.3.1) vue-router(^2.5.…