欢迎来到天天文库
浏览记录
ID:10478636
大小:64.00 KB
页数:4页
时间:2018-07-06
《旅游使用cs工具的指南》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、旅游使用CS工具的指南[更新说明]2012.6.15更新支持命令行编译输出【需求支持】1.CSS3前缀补充2.IE标准化hack语法(IE系列、高端浏览器系统,待整理)3.选择器类语法增强*交互伪类:hover,:focus,:active*状态:enabled,disabled,checked,:target*属性选择*结构选择*选择器组合4.透明度(png透明,opacity)5.transition、transform、渐变、圆角(基本支持)6.其他功能,请在安装工具后,在模块目录:node_modulescsexampleindex.html【
2、开发工具功能】*本地开发服务器(可配置开发目录、框架目录)*编译打包输出(可做文件合并)【工具使用(开发流程)】1.环境准备1)安装node(顺带也会装上npm)注意,需要0.6.1以上版本http://nodejs.org/2.安装1)安装CS工具npminstallcsnode模块会安装到当前目录node_modules里如果你已经安装过,可以用更新:npmupdatecs3.启动node-e"varcs=require('cs');"或者,如需要,可以指定cs.htc和cs.js两个框架文件的地址node-e"varcs=require('cs');c
3、s.setHtcPath('example/cs.htc');cs.setScriptPath('example/cs.js')";4.功能使用1)浏览本地预览环境默认地址是:http://127.0.0.1:2012默认第一次打开时,会提示是否自动打开浏览器。你也可以自己打开浏览2)开发当前的目录,就是开发目录,修改后,页面刷新可以看到效果。3)打包编译a)关于“运行时框架目录”工具为了演示,在当前目录,默认会提示生成example和static两个目录。其中,example目录是demo用的,可以手工删除。static目录,默认是运行框架目录。你可以在工
4、具运行时,重新指定了cs.htc和cs.js的路径(见前面说明),这样static目录就不一定需要了b)编译发布界面操作点击根目录浏览时,上方的那个简单的按扭,就进入发布界面,目前已经支持文件打包导出功能。或者,直接通过命令行编译输出varcs=require('cs');cs.setScriptPath('/static/cs.js').setHtcPath('/static/cs.htc').exportTo('../output.zip');5.关闭【部署】1.编译打包输出专题文件(主要是CSS)2.htc脚本部署1)部署到同域,建议加缓存控制(对于旅
5、游,建议部署到/static/absolute/里,因为一般不需要更新;当然,也可以同专题目录上线。)2)后缀必须是.htc3)htc文件的服务器输出头(content-type)服务器输出的类型头必须是,以下其中之一,IE才能识别application/octet-streamtext/x-component3.专题其他文件部署
此文档下载收益归作者所有