前端开发中的一些注意点

前端开发中的一些注意点

框架选择

选择框架时应该考虑的问题

  • 浏览器兼容问题,比如Vue.js是不能适配IE8及iE8以下版本的,如果要考虑IE8的兼容性,应该考虑更换其他框架

测试框架

  • 单元测试
    • 代码在一开始编写的时候是很简单的,但是随着开发进程会变得越来越复杂
    • 正在研究如何使用Mocha

JS部分

  • 命名规范,驼峰命名
  • 分工时同样的变量在不同页面的命名可能会不一样,这个不好,如开始时间的变量命名为startTime,另一个页面肯能是start、startDate,这种情况可能会造成后期维护上的多余负担,建议定期对变量名的命名进行一次check
  • 提高代码复用性,不要写功能相似的多余代码,比如使用vue-i18n时有自带的日期国际化函数,可以直接调用,有的页面写的时候不清楚这一点,重写写了类似功能的代码,结果最后又改成一样的,费力又不讨好,这种情况应该避免
  • 个人觉得结对编程对提高代码质量和减少低级错误的发生率有很大好处

UI部分

  • css的公用问题,关于这一点由于前端会使用UI框架,所以主要通过重写UI框架的内部样式来实现,具体是每个页面单独重写还是整体重写需要根据情况考虑,但是如果在代码写完之后再来做这个工作的话,会很难受,往往就会妥协、搁置下来
  • 关于scss,最好单独写一个scss文件,不同层级设置不同的公用scss文件,单个页面也配置单独的scss文件,这样可以比较好的解决scss的复用问题

浏览器部分

  • 最近写css的时候发现一个问题,Chrome有一个默认的最小显示字体的设置,在Windows与MacOSX中,大概是12px。这意味着如果css设置字体大小font-size小于12px,在Chrome浏览器上显示的仍然是12px
;