Zr Core of Javascript

你只要会使用javascript就会使用Zr UI。里面封装了一些工具类,方便且实用

特征 #

  • 严格按照企业级提供的设计与交互规范
  • 内置常用工具类库,jQuery、tmpl等
  • 学习门槛低,会javascript就会使用
  • 开箱即用
  • 兼容IE9级以上
  • 完好的Blank工程,不用配置,简单且直接开发

视频集合 #

引入方法 #

最传统的引入方式,直接头部放css,底部放脚本即可
HTML 代码:
//配置方法; Zr.config({ //配置plugin_modules的目录; baseUrl:"/js/plugin_modules/", //开发模式,默认关闭; requestTime:true }) //初始入口,Zr各个模块准备就绪后调用; Zr.ready(function(){ //使用相应的模块; Zr.use("jquery","./js/code",function(zr,$,code){ //自动注入了jquery组件; //自动注入了./js/code组件; }) })

Flex版本的PRO工程#

(IE10+)以及其他主流浏览器 使用npm安装 (推荐使用)
$ git clone http://git.jd.com/PRO/flex.git --depth=1 $ cd zr-pro-flex $ npm install $ gulp DEV # 启动后,请选择index.html。如果未启动,请打开浏览器访问 http://localhost:9696/index.html
其他服务:Apache、Nginx、Forever、pm2等
步骤一:$ git clone http://git.jd.com/PRO/flex.git --depth=1 步骤二:切换到对应的目录,然后将目录移动到对应的服务(Apache、Nginx、Forever、pm2等)指定的启动位置 步骤三:启动服务,然后就可以直接预览了 当然过程中有任何问题可以及时联系:咚咚群:7141716。或者发送邮件到:zr_team@jd.com 我们会全力支持~~

Float版本的PRO工程#

(IE8+)以及其他主流浏览器 使用npm安装 (推荐使用)
目前正在测试阶段,敬请期待......