1.自定义特征 2.babel,router,vuex,css预处理器的选择 3.使用history模式进行路由选择 4.选择css预处理器(这里我们选择stylus) 5.建立配置文件 6.选择是否保存这个项目的预设 7.安装包依赖,出现下图则表示安装成功 8.命令行运行项目,出现下图则表示运行成 ...
分类：
其他好文 时间：
2018-11-02 20:19:29
阅读次数：
155
当某个链接或元素被选中时可以时，需要改变其颜色或状态，而stylus中提供&选择器,&指向父选择器，用于判断父元素达到某条件时改变状态，下面的例子中当父元素router-link有被选中（active）时，子元素改变颜色并加上下划线。 ...
分类：
其他好文 时间：
2018-10-20 18:25:57
阅读次数：
774
我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？ 首先，引入公共样式时，我们在“main.js”里使用AMD的方式引入,即 require('./assets/stylus/index.styl'); 或者：import './asse ...
分类：
Web程序 时间：
2018-10-16 10:54:15
阅读次数：
256
Sass 快速入门 | SASS 中文网 文档链接：https://www.sasscss.com/getting-started/ 前言 之前整理了一篇关于Less的，现在就来整理一下关于Sass的。 因为这两种都是CSS的主流预处理器，当然还有Stylus。 要解释一下什么是Sass吗？ Sas ...
分类：
其他好文 时间：
2018-10-10 17:51:46
阅读次数：
125
vue 使用Jade模板写html，stylus写css vue 使用Jade模板写html，stylus写css 日常工作都是使用vue开发页面和webApp,写的多了就想偷懒简化各种书写方式，所以使用了jade写html，stylus写css，省了很多的步骤和提高了效率。 安装包: 配置文件: ...
分类：
Web程序 时间：
2018-10-04 10:31:28
阅读次数：
235
CSS编码规范1 前言本文档的目标是使CSS代码风格保持一致，容易被理解和被维护。虽然本文档是针对CSS设计的，但是在使用各种CSS的预编译器(如less、sass、stylus等)时，适用的部分也应尽量遵循本文档的约定。2 代码风格2.1 文件[建议] CSS 文件使用无 BOM 的 UTF-8 ... ...
分类：
Web程序 时间：
2018-09-27 13:10:07
阅读次数：
196
常用总结 移动端问题 手机样式兼容性问题 不同手机，对html的样式处理不一样，reset.css 可以统一样式 二倍屏三倍屏问题 不同手机分辨率不一样，存在二倍屏、三倍屏，显示的边框不一样，border.css 同一边框显示 链接点击延迟问题 框架：CSS预处理器 Less Sass Stylus ...
分类：
Web程序 时间：
2018-09-26 01:14:50
阅读次数：
181
http://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html 一、什么是CSS预处器 CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发 ...
分类：
Web程序 时间：
2018-09-22 12:27:31
阅读次数：
175
前言：本节主要学习下Sass、Less、Stylus在使用方面的异同。 1.环境安装配置区别。 <1>Sass环境配置？ Sass的底层是Ruby语言开发的，安装Sass前提需要先安装Ruby，安装过程参考 https://www.cnblogs.com/diweikang/p/9609825.ht ...
分类：
Web程序 时间：
2018-09-09 12:03:37
阅读次数：
188
? 但是当你新建一个vue项目时，需要重新安装stylus，否则报错： This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_mod ...
分类：
Web程序 时间：
2018-09-07 11:04:03
阅读次数：
517
