前端如何开始一个新项目

Posted 青草圆

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端如何开始一个新项目相关的知识,希望对你有一定的参考价值。

情景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用于统一处理各种浏览器的滚动条样式

以上是关于前端如何开始一个新项目的主要内容,如果未能解决你的问题,请参考以下文章

一个成熟的前端项目是如何诞生的?手把手教你从创建项目到自动化部署!

前端项目性能优化记录~

React / Symfony:如何开始我的项目?

web 前端 shopnc项目 首页分类一开始做前端,我是拒绝的

前端进阶:二进制数据的操控----附项目代码

从零开始:一个正式的vue+webpack项目的目录结构是怎么形成的