- JDF为京东前端开发集成解决方案-Jingdong front-end integrated solution
- 目的是合理,快速和高效的解决前端开发中的工程和项目问题
- 核心提供了前端开发必备的基础的UI和业务组件,并集成调试,构建,布署,代码生成,文档生成,编辑器插件等一系列开发工具
- 同时提供了前端模块的下载,预览,发布
- 完美支持windows、mac、linux三大系统
- 生成标准化的项目文件夹
- 支持本地,联调,线上三种开发流程
- 每个项目都拥有一个单独的配置文件,按选项统一编译
- 可快速方便的对模块进行创建,引用,预览,安装和发布
- 通过积累,可形成完全符合自己业务的模块云服务
- 支持模块编译,内置模块编译引挚
- 支持将vm和smarty模版编译为html
- 支持将sass和less编译为css
- 支持ES6
- 自动将页面中的js、css引用转换成combo请求格式
- 自动压缩优化js、css、png文件
- 默认给所有静态资源添加CDN域名前缀或后缀戳
- 支持cmd规范,自动提取文件id和dependencies,压缩时保留require关键字
- 支持png图片压缩插件,将png24压缩为png8
- 自动生成css雪碧图,并更新background-position属性值
- 可将小图片一键生成base64编码
- 文件编码统一化,即无论当前文件格式是gbk,gb2312,utf8,utf8-bom,统一输出utf8
- 一键上传文件到测试服务器,方便其他同学开发预览
- 支持开启本地服务器,方便调试
- 支持本地静态文件预览,内置本地开发调试服务器,以及当前目录浏览
- 支持实时监听文件,文件被修改时会自动编译成css,并刷新浏览器
- 实时在控制台输出错误信息,方便定位代码错误
- 支持html/js/css文件格式化
- 支持html/js/css代码压缩
- 支持html/js/css文件lint,代码质量检查
- 支持chrome浏览器的LiveReload插件
- jdf基于nodejs
- nodejs安装
- node版本要求 v0.10.0及以上
- 安装jdf
- npm install jdf -g
- 安装测试
- 执行 jdf -v 如果出现版本号则说明你已安装成功
- 配置API
- 命令手册
- less/sass编译/png压缩/js/css压缩
- LiveReload自动刷新浏览器
- html/js/css文件lint代码质量检查
- html/js/css文件格式化
- csssprite图片合并
- 项目目录规范
- 项目目录
- 输出目录
- 上线目录
- ui和unit组件目录规范
- ui和unit目录
- widget目录规范
- widget目录
- widget目录细化
##css组件
- css组件
- [ css优化策略](https://github.com/putaoshu/jdf/blob/master/doc/core_css_optimize.md# css优化策略)
##vm模板