代码规范

参考凹凸实验室代码规范:

image.png

CSS 编写顺序

CSS样式规则顺序coderwhy  .svg

CSS 编写顺序的思路

  1. 先确定盒子本身是如何布局
  • position: absolute
  • float: left/right
  • display: flex
  1. 盒子的特性和可见性
  • display: block/inline-block/inline/none
  • visibility/opacity
  1. 盒子模型
  • width/height
  • box-sizing
  • margin/border/padding/content
  • box-shadow/text-shadow
  1. 内部的文本文字
  • font/text
  1. background
  • background-image/size/position/color
  1. 其他
  • transform/transition/overflow/white-space

    组件化开发思路

    目前Vue、React、小程序都采用的是组件化开发思路
    image.png

    项目整体思路 – 各个击破