资讯专栏INFORMATION COLUMN

浅谈前端开发规范

mumumu / 969人阅读

结构 样式 行为分离 模板只包含html文件,模板的书写顺序
相应的命名规则

html:语义化
css:类名以功能或内容命名

样式复用 
最好少于三级 
在没有必要的情况下避免元素选择器叠加 Class、ID 使用  
属行的书写顺序
性能

js:避免重复查找dom

三元操作符电梯if条件语句
二元布尔操作符
样式写在一起
变量声明,保存在一个变量里,避免多次查找dom
jQuery链式写法

1、获取DOM对象后缓存到js变量中,避免重复查找DOM数
2、适配手机不同分辨率 最好用CSS3提供的media query(如果涉及到计算还是需要用到js)
3、jQuery中css()方法可以接受多个样式不需要每个样式都写一遍 $("body").css({"width":"1px","height":"1px"})
4、ajax提交都需要做失败处理
5、if..else中存在相同的代码,应该写在ifelse外
6、重复的代码封装成函数,方便复用
7、为了不污染全局作用域,建议将变量放在匿名函数中(注意某些情况需要在全局域中定义变量)
8、建议在定义变量时可一次性定义改域下所有要用到的变量,不用重复定义
9、$(".example").css("display","block")可以写成$(".example").show();$(".example").css("display","none")可以写成$(".example").hide();注意show()和hide()的使用方法。
10、使用链式写法,jQuery的一大特点,就是允许使用链式写法
$("div").find("h3").eq(2).html("Hello")采用链式写法时,jQuery自动缓存每一步的结果,因此比非链式写法要快。根据测试,链式写法比(不使用缓存的)非链式写法,大约快了25%。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49742.html

相关文章

  • 浅谈前端开发规范

    结构 样式 行为分离 模板只包含html文件,模板的书写顺序相应的命名规则 html:语义化css:类名以功能或内容命名 样式复用 最好少于三级 在没有必要的情况下避免元素选择器叠加 Class、ID 使用 属行的书写顺序 性能 js:避免重复查找dom 三元操作符电梯if条件语句 二元布尔操作符 样式写在一起 变量声明,保存在一个变量里,避免多次查找dom jQuery链式写法 1、获...

    phodal 评论0 收藏0
  • 浅谈前端开发规范

    结构 样式 行为分离 模板只包含html文件,模板的书写顺序相应的命名规则 html:语义化css:类名以功能或内容命名 样式复用 最好少于三级 在没有必要的情况下避免元素选择器叠加 Class、ID 使用 属行的书写顺序 性能 js:避免重复查找dom 三元操作符电梯if条件语句 二元布尔操作符 样式写在一起 变量声明,保存在一个变量里,避免多次查找dom jQuery链式写法 1、获...

    Luosunce 评论0 收藏0
  • 浅谈前后端分离与实践 之 nodejs 中间层服务(二)

    摘要:服务端任需要进行校验来达到数据的可靠性前端的路由可能在服务端并不存在等等这一系列重用性的问题。串行并行,大幅缩短请求时间。关于作者本人主页本文部分图片段落参考文章淘宝前后端分离实践微信公众号会不定期推送前端技术文章,欢迎关注 一、背景 书接上文,浅谈前后端分离与实践(一) 我们用mock服务器搭建起来了自己的前端数据模拟服务,前后端开发过程中只需定义好接口规范,便可以相互进行各自的开发...

    ddongjian0000 评论0 收藏0
  • 浅谈前后端分离与实践 之 nodejs 中间层服务(二)

    摘要:服务端任需要进行校验来达到数据的可靠性前端的路由可能在服务端并不存在等等这一系列重用性的问题。串行并行,大幅缩短请求时间。关于作者本人主页本文部分图片段落参考文章淘宝前后端分离实践微信公众号会不定期推送前端技术文章,欢迎关注 一、背景 书接上文,浅谈前后端分离与实践(一) 我们用mock服务器搭建起来了自己的前端数据模拟服务,前后端开发过程中只需定义好接口规范,便可以相互进行各自的开发...

    mochixuan 评论0 收藏0
  • 后端语言选型浅谈

    摘要:再往后来,也就是这种以事件循环常驻内存为特点的后端平台,姑且能算是第四代后端平台。 前不久回答了一个关于后端语言选型的问题,写的回答也让笔者有了很多感触,因此在这里谈论下自己对后端语言选型的心得体会,姑且算是抛砖引玉,希望大家能分享各自的心得。 后端语言发展历史 Web 后端语言的兴起是从静态网页向动态网页的发展所产生的,最早的动态页面技术就是 CGI 技术,将客户端的输入交给 CGI...

    xcc3641 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<