论项目中该怎样去给标签添加类名

最近手上接到两个项目,内容量大,四个页面相似度很多,有些页面有一些相同的功能和相同的布局,这个时候就需要考虑下代码的重复利用,要不然会多出很多累赘的代码,以列出我项目中遇到的一些代码的复用

(大致说下项目是干什么的:就是模拟表单向后端提交数据的)

1.先去重写一些标签默认的样式

1.给所有的标题添加一个class,好控制他们统一的样式,一改则全改

142936_PXSB_3680343.png

2.给所有输入框左侧的文字加个class,方便控制他们与右边输入框的距离

143242_t1NL_3680343.png

3.必填项与非必填项

给所有必填项添加一个类,方便控制必填项的校验

144005_L7ML_3680343.png

4.按钮事件(true:显示,false:隐藏)

给所有按钮添加一个相同的类,再添加一个自定义属性(data-index)用来关联隐藏显示模块

根据获取的data-index的值来显示隐藏(0:隐藏 1:显示)

145638_ga2u_3680343.png

144910_1jev_3680343.png

 

综合以上几点我们得出一个规律:凡是一类的操作,我们都可以提炼出一个方法用来控制这个操作,然后在方法中根据不同的条件再去做相应的判断

 

转载于:https://my.oschina.net/u/3680343/blog/1591453

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值