上一页 1 ··· 17 18 19 20 21 22 23 24 25 ··· 68 下一页
嵌套输出方式 nestedsass --watch test.scss:test.css --style nested嵌套输出方式 expandedsass --watch test.scss:test.css --style expanded紧凑输出方式 compactsass --watch t... Read More
posted @ 2015-11-18 23:45 tinyphp Views(182) Comments(0) Diggs(0) Edit
Webstorm自带一个File Watchers功能,设置一下,即可实时编译SASS,LESS等菜单:File->Settings->左栏Tools下的File Watchers,按右上角加号添加为scss添加watcher为less添加watcher然后保存文件的时候就自动编译出相应的.css啦... Read More
posted @ 2015-11-18 23:24 tinyphp Views(569) Comments(0) Diggs(0) Edit
LESS是动态样式语言,赋予CSS动态语言的特性,如变量、继承、运算、函数,使得CSS更方便编写与维护。>>官网 less 编译后 一:命令行用法: 安装: npm install -g less 解析styles.less 解析styles.less到styles.css 注意: 如果文件路径带有 Read More
posted @ 2015-11-18 16:10 tinyphp Views(642) Comments(0) Diggs(0) Edit
fis server start后资源压缩,只需要使用命令,不需要添加任何配置fis release --optimize或:fis release -o在浏览器访问按F12,观看压缩前后文件大小对比: Read More
posted @ 2015-11-18 10:04 tinyphp Views(237) Comments(0) Diggs(0) Edit
静态资源后缀加上md5参数,有效解决缓存更新问题fis release --optimize --md5使用前后对比: Read More
posted @ 2015-11-16 20:42 tinyphp Views(404) Comments(0) Diggs(0) Edit
这节讲资源合并,实战目录如下: fis test Hello FIS1.纯合并创建文件fis-config.js ,内容:fis.config.set('pack', { //设置js打包规则 '/pkg/lib.js'... Read More
posted @ 2015-11-13 22:49 tinyphp Views(540) Comments(0) Diggs(0) Edit
FIS是专为解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题的前端工程化构建工具。最重要的是,它是国产的!还是百度产的~~~亲切吧~~官网:http://fis.baidu.com/全局安装,此操作前需要先安装Node.jsnpm install -g fis查看版... Read More
posted @ 2015-11-13 17:55 tinyphp Views(922) Comments(0) Diggs(0) Edit
比如一开始我用了jquery-1.10.2.min.js,后来要用bootstrap,但bootstrap依赖的确实2.0.3版本的jquery,那又要下载一个去替换原来的,这样的事情发生多了就会觉得很繁琐,今天就来学下bower吧!1.安装Bowernpm install -g bower2.对于... Read More
posted @ 2015-11-12 18:49 tinyphp Views(345) Comments(0) Diggs(0) Edit
1. 全局安装 gulp:npm install --global gulp2.在项目目录下,用以下命令创建一个基本的package.json文件npm init3.安装Gulpnpm install --save-dev gulp4.安装所需插件如:npm install gulp-contrib... Read More
posted @ 2015-11-12 11:37 tinyphp Views(184) Comments(0) Diggs(0) Edit
今天来学学Grunt~~目的是为了自动化!自动压缩...自动修复...自动合并等...提示:Grunt基于Node.js,安装之前要先安装Node.js1.安装 grunt-clinpm install -g grunt-cli2.在项目目录下,用以下命令创建一个基本的package.json文件n... Read More
posted @ 2015-11-11 19:34 tinyphp Views(374) Comments(0) Diggs(0) Edit
上一页 1 ··· 17 18 19 20 21 22 23 24 25 ··· 68 下一页