博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于web标准的一些想法
阅读量:6942 次
发布时间:2019-06-27

本文共 557 字,大约阅读时间需要 1 分钟。

关于web标准的一些想法
页面结构,表现,行为的关系。
应该是各自分离又紧密联系的关系。
从代码上分离出来。各自完成各自的功能,方便以后维护。
紧密联系是指他们是相互依赖的。结构是核心,虽然从理论上讲不管什么样的结构都是可以用样式和行为来渲染出想要的结果。但是一个语义化的结构往往会给css和js书写带来很大的便利。
语义化的结构往往也会减小结构与样式,逻辑的依赖程度,不至于样式和逻辑是完全依赖结构的。
比如:
1。写一个tab切换或者图片轮播。按钮都是对应内容的。良好的dom关系就可以省却很多class命名,书写起来也流利。
2。同时好的逻辑也会在一定程度上减小对结构的依赖。 
面的截图是用到正则表达式的一个例子。就是从一个网址中取出uid的值。
一开始我把uid放在带数字属性中的第一个,然后直接去取对象中第一个元素,这样一来js对结构的依赖就很大,万一结构变了,就要重新写js。
后来重新考虑了一下,因为在网址中跟的参数是很多的,都放在一个对象中:
var o = {  rid : 3344,  uid :346765,  name :"prince",  type : 5}

里面的属性都是无序的,所以我们不能定死他们的位置。所以先用正则取出uid开头的,后面是数字的,然后在取出其中的数字部分。  

转载地址:http://tgnnl.baihongyu.com/

你可能感兴趣的文章
辅助模式最终考验的是想象力,先来看看怎么用!| Accessibility
查看>>
TiDB 源码阅读系列文章(九) Hash Join
查看>>
【个人向整理】Promise
查看>>
用 Algolia DocSearch 轻松实现文档全站搜索
查看>>
Kibana 用户指南(安装Kibana)
查看>>
阿里CEO张勇:我们理解AI是Alibaba Intelligence
查看>>
mysql分表、分区
查看>>
关于do_brk()分析
查看>>
使用原生JS进行前后端同构
查看>>
【MySQL学习笔记】 MySQL 建立索引
查看>>
Mac开发React Native ---环境搭建
查看>>
[译] 如何手动启动 Angular 程序
查看>>
【数据结构】Java语言描述-单链表的基本操作
查看>>
[翻译]基于Webpack4使用懒加载分离打包React代码
查看>>
Android系统源码分析-JNI
查看>>
Linux下无法正常安装和删除Nodejs的解决方法
查看>>
利用闲置 PC 搭建 NAS 媒体中心 远程下载
查看>>
fishshell中virtualenv配置的小问题
查看>>
提高效率的VScode插件
查看>>
2017-09-24 前端日报
查看>>