视频网站推广怎么做,买个网站服务器多少钱,wordpress front,中国优秀网站设计自己的一些‘想法’#xff0c;想要记录下来。在实际写的时候经常会“随心所欲”#xff0c;希望这个笔记能让自己更规范。我的业务主要是围绕webApp和微信端#xff0c;思想上靠近移动端布局。1.最大的容器通常使用类名做外部最大容器#xff0c;这也是很多ui…自己的一些‘想法’想要记录下来。在实际写的时候经常会“随心所欲”希望这个笔记能让自己更规范。我的业务主要是围绕webApp和微信端思想上靠近移动端布局。1.最大的容器通常使用类名做外部最大容器这也是很多ui框架选择的。这个容器通常也代表了一个需要单独显示的页面在模拟router切换的时候我通常会给它一个id方便操作。2.业务独立模块一个单页面通常是由多个独立的业务模块组成的通常使用类名做独立模块。在此上边可以添加一些通用的样式例如添加新类名使这个模块具有四周的内边距添加新类名添加上下的内边距。3.模块细分一个单独的模块通常由标题和主题组成。通常标题使用类名标题内容使用h2~h4标签包裹再添加一些其他的零部件例如常见的。通常主题使用类名具体内容结构的类名定义可以具名思议例如左图右文的结构可以表单可以脱离content的命名限制可以更加的具名思议。4.列表模块一个单独的列表模块在移动端布局中也是相当的常见。这是3的列表版本为了区分每个结构会使用更多的嵌套实例会像是div.contentdiv.list-warp.list-header.list-main(.list-contentlist-content-headerlist-content-mainlist-content-main-imglist-content-main-feaure)*n.list-content中的具体内容和3中的具体内容是一样的。这里就见了一个很尴尬的问题想要简明思议但却太长。这种时候我倾向于使用less将反复的工作交给工具处理或是使用简写(使用类名首字母和下划线_)。这个方式同样适用于form表单它只是一个比较特殊的列表。如果一个页面有多个相同的列表模块这种时候我可能会把多个列表当成业务独立模块,使用content将他们隔离开或是给这些列表模块再warp一层例如这并不会影响内部模块和外部的content只是明确了这些UI相同的列表模块是一个整体的独立模块。也会有更‘麻烦的‘结构像是我想给这个中的在加一个标题虽然麻烦但也算是结构清晰。5.在App中的topBar对于这种”意义“非凡的页面元素我们通常都会给它命名成。实例会像是.header.backh1.right6.在App中的navBar同样‘意义‘非凡我们给它命名为。实例会像是.nav.nav-main.nav-item*n7.命名中的状态未选中状态选中状态不可用状态或是_active_disabled我想要最好是结构清晰便于编写和后续他人维护的布局。嘛自己多注意吧。
