写在前面的话: 不说了,上手吧~! 三、布局说明 其实都是按照设计稿来的,但是与之前的静态页面不同的是,这里的页面数据,凡是可以变更的,都是在后台数据中得到的,所以这里很有必要 把代码贴出来(原理嘛,唉,目前我自己也不太明白,还是不要误导大家了~) 上一篇说道,header.vue中要用到 app. ...
分类:
其他好文 时间:
2017-02-25 17:11:02
阅读次数:
1084
一、什么是CSS预处器 CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就 只要使用这种语言进行编码工作。通俗的说,CSS预处理器用一种专门的编程语言,进行web页面样式设计,然后再编译成正常的CSS文件,以供项 ...
分类:
其他好文 时间:
2017-02-16 18:24:51
阅读次数:
301
css预处理定义: 定义了一种新的语言,其基本思想是用一种专门编程语言,为css增加了一些编程的特性,将css作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。 几种预处理语言 sass less stylus turbine swithch css css cacheer dt css ...
分类:
Web程序 时间:
2017-02-13 08:20:08
阅读次数:
225
现在最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。 拿less来说,可以在页面上直接使用less文件,但要引用less.js进行解析;同时也可以直接将less输出为css文件。推荐使用后者。 最常用的less编译输出css工具:与node.js关联的npm, ...
分类:
Web程序 时间:
2016-12-20 14:12:47
阅读次数:
196
vue-route版本要跟vue版本同步,我的vue用的2.0+的,vue-router 也用了最新版2.1+ npm安装vue-router: $ npm install vue-router --save-dev 使用: 1.引入 vue-router: import VueRouter fro ...
分类:
Web程序 时间:
2016-12-14 20:59:52
阅读次数:
449
预处器的对比——Sass、LESS和Stylus 转载: 英文原文:http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout 中文译文:http://www ...
分类:
Web程序 时间:
2016-12-12 14:31:24
阅读次数:
228
Sass是CSS的一种预处理器语言,类似的语言还有Less,Stylus等。 那么什么是CSS预处理器? CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。 换言之就是说, ...
分类:
其他好文 时间:
2016-12-11 15:33:12
阅读次数:
195
一、变量是个好东西 在任何语言中,变量的有一点作用都是一样的,那就是可以降低维护成本,附带还有更高性能,文件更高压缩率的好处。 随着CSS预编译工具Sass/Less/Stylus的关注和逐渐流行,CSS工作组迅速跟进CSS变量的规范制定,并且,很多浏览器已经跟进,目前,在部分项目中已经可以直接使用 ...
分类:
Web程序 时间:
2016-12-09 11:47:38
阅读次数:
234
前言:我必须得承认在最最最开始的时候,我对于css的预编译是非常不以为然的,这是错误的。一般在页面编写过程中,我会将需要reset的css放在reset.css中,讲会需要重复用到的放置到public.css中,对于常用的几个数据,例如字体font-10,font-12,font-24,font-3 ...
分类:
编程语言 时间:
2016-12-05 07:47:22
阅读次数:
275
css 变量的支持情况: 在pc端支持还不错,ie不支持,移动端也不支持,大概这就是css变量没有广泛使用的原因吧 CSS预编译工具Sass/Less/Stylus的便捷之处就是可以定义变量,方便代码的维护,其实css也有自己原生的变量var: 命名方式:--* (以--开头,*代表变量名称) 变量 ...
分类:
Web程序 时间:
2016-12-02 19:08:16
阅读次数:
609