首页 > 代码库 > 前端编程中的数据与标签分离
前端编程中的数据与标签分离
很久很久以前跟大神kobe讨论了一下这个话题,大神的意思是将数据绑定到标签内,获取数据时从标签的attributes的值得到数据。更新数据时重新更新attributes即可。
但是我用了一个对象Data=http://www.mamicode.com/{}来保存数据,在标签上只保存ID,获取数据时可以从Data里进行查找,更新数据时除了更新view,也要更新Data.虽然看起来多写了一点代码,
但是大大降低了耦合度,实现了模块化,可读性也更强,尤其是当我们改变DOM结构的时候,低耦合的好处立刻就体现了出来,比如我们们用ul和li实现了一组数据的展示,
但是客户忽然说,小石啊,你改成某某样子的吧,做为CSS脑残人员,我竟无言以对。言归正传,我自己慢慢写出了个css之后,只要将元素标签的ID重新生成一下就OK了,对
数据的CRUD还是原来的逻辑不变。另外附上一点获取数据的代码
Array.prototype.select = function (key, value) { for (var i = 0; i < this.length; i++) { if (this[i][key] == value) { return this[i]; } } } Array.prototype.getIndex=function(key,value){ for (var i = 0; i < this.length; i++) { if (this[i][key] == value) { return i; } } }
这两个方法配合数组的原方法基本可以覆盖CRUD的操作啦
前端编程中的数据与标签分离
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。