EXFE.COM 前端架构

git:

• [email protected]:exfelight.git
• branches:
  • master
  • release

PageList pagelist.html:

• home.html - index 首页
• gather.html - Gather Cross 创建页面
• cross.html - Cross Cross Show 页面
• profile.html - Profile 个人页面
• xedit.html - Xedit Cross 编辑页
• dialog.html - Dialog 弹窗
• topnav.html - Topnav
• sample.html - Sample 实例页面

目录结构:

• templates - HTML 页面，不包含 JS 逻辑
• jslib - JS modules development
• js - JS modules production
• less - less modules development
• css - css production
• odof - JS Module Library
• tools - 开发工具集
• test - 测试文件夹
• img - 图片文件夹

开发工具

• JavaScript
  • Strict Model
• Node.js
• Less
• Jade
• bootstrap
  • http://twitter.github.com/bootstrap/
  • http://ajkochanowicz.github.com/Kickstrap/
• HTML5 + CSS3
  • Modernizr
  • http://modernizr.com/
  • http://modernizr.github.com/Modernizr/test/
  • https://github.com/paulirish/html5-boilerplate
  • http://css-tricks.com/box-sizing/
• Validating Tools
  • http://validator.w3.org/unicorn/
  • http://html5/validator.nu/
• Style Guide
  • http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml
• odof.js
• https://developers.google.com/closure/
• http://semver.org/ Semantic Versioning
• http://en.wikipedia.org/wiki/Software_versioning
• https://github.com/styleguide
• http://tomdoc.org/
• http://rng.io/
• http://jsperf.com/
• task-based https://github.com/gruntjs/grunt
• https://speakerdeck.com/jonrohan/githubs-css-performance

Node.js & Packages

• npm install -gd less
• npm install -gd connect
• npm install -gd h5bp
• npm install -gd dox
• npm install -gd uglify-js@1
• npm install -gd grunt