前端开发注意事项

一、常用的class命名规则
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
内容：content

二、css书写顺序

写css样式一般从上往下写这个大家都知道，但是也不要随便乱写，一般是有一定顺序的。

css书写顺序一般是：场合—>尺寸—>装饰—>颜色—>其他

  场合（position，top，right，z-index，display，float等）

  尺寸（width，height，padding，margin等）

  装饰（font，line-height，letter-spacing，color ，text-align等）

  颜色（background，border等）

  其他（animation，transition等）

一般像margin，padding这种不要简写，有同学已经写习惯了，但注意一定要改，简写是万物之源，以后对代码维护你就知道你的简写带来的麻烦了。

三：js

写逻辑代码时，一定要先理清业务逻辑和思路再动手，在和后端对 接口时要 先看清 数据结构在写，而且能简写就简写，能省一行代码就省一行代码.
原文：https://blog.youkuaiyun.com/changzhen11/article/details/81540802