SASS相关

阅读目录 1. 了解RGB和HSL颜色标准 2. RGB函数 3. HSL函数 4. Opacity函数 5. 其他颜色函数 6. 一个简单的应用 在Sass中,定义了很多现成的函数,可供我们使用.在最初使用Sass的时候,用的最多的颜色函数就是lighten($color, $amount)和darken($color, $amount),对于其他的函数,少之又少,真是弱爆了,有木有. 切图的时候,我的颜色全部是通过PS的吸管工具获取的,之后复制粘贴即可.如果我们熟悉了颜色标准,那以后我们对颜

声明:网上类似的教程不胜枚举,这里只是记录自己安装的过程.以便自己日后使用. 环境配置过程: 1,安装sass以及环境: 正如gulp是基于node.js一样,sass是基于ruby的,所以在使用sass之前一定要安装ruby. 官方下载链接,由官方的介绍,下载的是ruby 2.2.4(x64)版本. 安装的时候注意,不要更改默认的安装路径.并选择框中的选项 安装好之后在开始菜单打开框中的选项: 然后在命令行中输入: gem install sass 等待系统自动安装完成 常用命令行: sass

Sass简介 Sass是CSS的预处理语言:提供了变量定义.函数定义.函数调用.类继承.嵌套(CSS层级关系)及代码引入功能. Sass安装指南 环境 OS X 10.10.3 终端 1 -> gem -v 2 2.0.14 3 4 -> sudo gem install sass 5 6 -> sass -v 7 Sass 3.4.13 (Selective Steve) 可能遇到的错误 sudo gem install sass时出现错误 1. ERROR:  Could not f

Sencha Touch 现在已全面升级至Ext Js 6,那么我们如何使用他们呢? 首先去官网下载最新的sdk和帮助文档 sdk下载地址:https://www.sencha.com/products/extjs/evaluate/ 如图,这个是试用版下载地址,试用版和正版的区别大概就是试用版有试用标记水印吧,大概是吧. 官方api下载地址:http://docs.sencha.com/extjs/6.0/ 这个就是官方的在线api了,想要下载就把鼠标移动到左上角的Ext JS Guides上

列表组 列表组是Bootstrap框架新增的一个组件,可以用来制作列表清单.垂直导航等效果,也可以配合其他的组件制作出更漂亮的组件.由于其在Bootstrap是一个独立的组件,所以也对应有自己独立源码: ?  LESS版本:对应的源码文件 list-group.less ?   Sass版本:对应的源码文件是 _list-group.scss ?   编译出的Bootstrap版本:对应的源码bootstrap.css文件第4820行-第4994行 下面几个小节会对这几种列表组详细讲解,大家不要

一.BootStrap简介 BootStrap不支持IE的兼容模式,加入 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 平时使用的移动浏览器是放在虚拟视口viewport中,虚拟视口比屏幕宽,会破坏没有针对移动浏览器的布局,viewport可以让开发者控制网页的大小和缩放,width=device-width让宽度等于设备的宽度,初始缩放比例为1也就是不缩放,网页会显得更细腻,为了更好地适配移

缩略图(一) 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题.描述等信息.Bootstrap框架将这一部独立成一个模块组件.并通过"thumbnail"样式配合bootstrap的网格系统来实现.可以将产品列表页变得更好看. 源码文件: ?  LESS版本:对应文件thumbnails.less ?  Sass版本:对应文件_thumbnails.scss ? 编译后版本:bootstrap.css文件第4402行-第4426行 使用

vue-router2.0官方文档地址:http://router.vuejs.org/zh-cn/index.html 单页应用? 单页应用程序(SPA,single page web application). SPA其实就是整个网站只有一个页面,只改变页面的显示内容,不需要改变整个网页. vue.js 的单页面应用是基于路由和组件的.路由用于设定访问路径,并将路径和组件映射起来.页面内容切换这里就是组件的切换. vue-router是vue.js官方的路由插件,适合构建单页面应用. vue

在现在的前端开发中,前后端分离.模块化开发.版本控制.文件合并与压缩.mock数据等等一些原本后端的思想开始逐渐渗透到“大前端”的开发中.前端开发过程越来越繁琐,当今越来越多的网站已经从网页模式进化到了 Webapp 模式.它们运行在现代的高级浏览器里,使用 HTML5. CSS3. ES6 等更新的技术来开发丰富的功能,网页已经不仅仅是完成浏览的基本需求,并且Webapp通常是一个单页面应用(SPA),每一个视图通过异步的方式加载,这导致页面初始化和使用过程中会加载越来越多的 JavaScri