CSS 预处理器 “CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。 可以在 CSS 中使用变量、简单的逻辑程序、函数,等等在编程语言中的一些基本特性,使得CSS 更加简洁、适应性更强、可读性更佳,更易于维护。 Sass官方介绍(ht ...
分类:
其他好文 时间:
2016-10-17 07:17:46
阅读次数:
142
# 流行框架第一天:构建前端自动化工作流环境 ## 兩個問題 ## 学习目标 - 了解什么是Node,什么是NPM;(Node.js) - 掌握Bower的使用; - 熟练使用Less/Sass; - 搭建一个自己的自动化工作流环境; + 自动编译 + 自动合并 + 自动刷新 + 自动部署 - GI ...
分类:
其他好文 时间:
2016-10-17 00:01:56
阅读次数:
279
对于一个从后台转到前端的web开发者来说,最大的麻烦就是写CSS,了解CSS的人都知道,它可以开发网页样式,但是没法用它编程,感觉耦合性相当的高,如果想要方便以后维护,只能逐句修改甚至重写相当一部分的CSS。随着后台人员大量的涌入前端这个行业,CSS又焕发了新的春天,人们开始为CSS加入编程元素,也 ...
分类:
其他好文 时间:
2016-10-14 14:04:48
阅读次数:
145
安装sass: 首先sass是基于ruby语言编写的,要先下载ruby, 之后再安装 , 安装完毕后,在开始菜单中,找到刚才我们安装的ruby,打开Start Command Prompt with Ruby 输入下面的 然后回车 呵呵,在这里我的出现了以下错误 通过在网上搜集资料知道 参考下面的淘 ...
分类:
其他好文 时间:
2016-10-14 14:01:15
阅读次数:
141
Glup的安装与使用 少量代码示例: 前提:需下载配置Node.js环境 在本地文件夹下载插件:npm install 插件名 --save-dev var gulp = require("gulp");//导入glupvar sass = require("gulp-sass");//拷贝并编译s ...
分类:
其他好文 时间:
2016-10-13 19:00:58
阅读次数:
403
1.声明变量 注:如果值后面加上!default则表示默认值,此变量为默认变量,否则为普通变量,sass 的默认变量一般是用来设置默认值,然后根据需求来覆盖的,覆盖的方式也很简单,只需要在默认变量之前重新声明下变量即可,另外变量也分为局部变量和全局变量。 2.变量的调用 例: 定义: 调用: 编译出 ...
分类:
其他好文 时间:
2016-10-10 20:15:48
阅读次数:
147
Sass又名SCSS,是CSS预处理器之一,,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。以下是我的学习笔记。 Sass安装环境 1.安装sass(mac) ①:Ruby安装 ②:安装 ...
分类:
其他好文 时间:
2016-10-08 23:43:45
阅读次数:
286
1. vue init webpack (project name) cd name npm install npm run dev 2. (安装开发工具) npm install node-sass --save-dev npm install vue-router ...
分类:
其他好文 时间:
2016-10-07 01:54:07
阅读次数:
132
下面给大家介绍几个最厉害的混合开发框架: 1.IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发 ...
分类:
其他好文 时间:
2016-10-06 22:49:49
阅读次数:
1306
Sass是一种动态样式语言,Sass语法的缩排语法,比Css比多出很多功能,如变量,嵌套,运算,继承,颜色处理,函数等,易于阅读。Cass的安装需要安装Ruby环境,是服务器端处理的,Less是需要引入Less.js来处理代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直 ...
分类:
其他好文 时间:
2016-10-06 22:25:55
阅读次数:
145