前端怎么开始一个新项目

前端如何开始一个新项目

情景1

1.浏览器兼容 IE8+,webkit, firefox,opera

2.栅格系统 bootstrap,用于快速布局

3.准备一份自己积累的css文件,如base.css其中内容是之前工作积累的常用css如

  • 定位
  • 文本溢出
  • 外边距,内边距
  • z-index
  • 基础文字颜色规范
  • 文字大小规范
  • 内容溢出处理
  • 光标样式

 

4.准备一份自己积累的js文件,如Utils.js其中内容是之前工作积累的常用的js方法如

  • 获取cookie,设置cookie,清除cookie
  • 获取sessionStorage,设置sessionStorage,清除sessioStorage
  • 获取localStorage,设置localStorage,清除localStorage
  • 验证码倒计时
  • 天-时-分-秒  倒计时
  • 获取url中的参数
  • 多级联动
  • 通用对话框
  • 图标状态切换时一律加active样式类
  • 简易搜索
  • 简易日历

 

 

5.便捷的插件

  • clamp.js用于统一处理各种浏览器的文字溢出样式
  • jquery.mCustomScrollbar.min.js用于统一处理各种浏览器的滚动条样式,注意,动态生成的dom渲染会有问题