web开发中代码编写应该考虑的问题【杂】

本文探讨了前端开发中的代码设计原则,强调了逻辑清晰性、可读性和可维护性的重要性。建议使用div进行页面布局,通过设置img样式处理图片适应,并介绍了获取元素样式的技巧。同时,提到了代码压缩以加快加载速度,以及利用闭包和函数封装减少代码重复。此外,还讨论了用户体验,如下拉框的关闭方式和样式优先级的运用。
摘要由CSDN通过智能技术生成
  1. 编写代码之前要先设计好,自己画一画,想好了才动手
  2. 编写规范的代码,要考虑逻辑的清晰性、代码的可读性、代码的可维护性,方便之后代码的调试
  3. 网站中的放置内容的元素,大多时候指定好宽度就行,元素的高度可以由内容的高度撑开
  4. 网页布局中的每一个分区都用一个div包起来,划分区域
  5. 考虑图片的溢出或者不占满空间。给img设置:width:100%;vertical-align:middle;
  6. 获取元素的样式:window.getComputedStyle(this).getPropertyValue(“background-position”)
  7. 在chrome浏览器中,按住shift键,鼠标单击开发者工具中的颜色的色块,切换不同的颜色表示方法
  8. 考虑代码的浪费,应当精简我们的代码
  9. 代码的访问速度:代码进行压缩,换行、空格和注释都需要删除,我们不需要手动,可以安装插件
  10. 重复性的代码就要想着绑定一个函数,封装起来进行多次使用
  11. 网页中最小的字体12px,如果设置了更小的,都会变成12px
  12. 文件的命名要规范,不要出现()
  13. 元素的属性,name和class最好写在前面
  14. js代码还是用函数包起来吧,不影响全局变量的命名空间
  15. 注意每个语句后面都要加分号,不要让程序来加分号,浪费时间
  16. 点开的界面的不同的关闭方式,比如点击空白处就关闭按钮点开的下拉框,考虑用户体验
  17. 使用类修改元素的样式十分重要,一定要注意样式的优先级
  18. 当我们用变量存起来的时候,我们就只要读取变量,也就意味着获取元素和计算只需要进行一次
  19. 利用闭包保存当前的索引,或者定义一个属性保存当前的索引,两种方法获取索引值
  20. 执行函数定义就会产生闭包(不用调用函数)
  21. 开发(测试)阶段用未压缩,上线的时候用压缩版
  22. 匿名函数自调用,返回一个对象,使用闭包暴露一些函数和方法 ,来进行模块化开发
  23. arguments实现函数的重载,传入一个到多个参数,缺点是他是伪数组
  24. 在for循环里面的函数是在for循环执行以后才执行的。
    短路运算实现函数没有传参而使用默认值,但是如果用户传入的值是0,就不会实现用户的期待,同时,我们也可以给参数设置默认值
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值