WEB前端开发最佳实践（1）

前端代码重构

• 删除无用代码，精简代码（不起作用的CSS样式和废弃的JavaScript函数）
• 前端代码规范化，把CSS代码放到独立的文件中，在JS定义局部变量，把部分全局变量改变成局部变量
• 整理基础类库
• 前端代码模块化，引入面向对象的思想来重构JavaScript代码，进一步明确公有接口和私有接口
• 提高页面性能：
  
  • 将部分不影响首页展示的JS文件延迟到页面的加载后加载
    
    • 延迟加载
      
      
      setTimeout(“document.getElementById(‘my').src='include/php100.php'; “,3000);//延时3秒
      
      
      • 最后加载：把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度
      • 动态加载
        

前端框架的使用

• 项目需求
  
  • 调查项目是否需要AJAX操作
  • 是否需要模块化
  • 数据传输格式JSON或者XML
  • 需要支持的浏览器
  • 移动还是普通网站
  • 需要的UI模块（模态窗口，滑块控件，进度条，提示框，分割框，幻灯显示，自动填充）
• 项目的特点
• 框架的特点

HTML5兼容

• 编写高质量，标准的HTML（标