合理使用前端开发工具以避免不必要的错误

原创 wc57242263 随笔 前端浅谈 251阅读 2017-05-31 18:01:23 举报

前端开发工作中,难免会因为自身的一些粗心大意而照成一些错误,比如说单词拼写、路径引用、符号写错等等,对于这些问题往往自己很难发现,然而通过给前端IDE添加插件是可以解决的。
[li]顺便总结一下常见代码问题待更新):[/li]

  1. json和数组为空判断(不要直接判断是否为空)
    javascript 代码
  1. undefined 和 null需要同时判断,严格区分的时候
    javascript 代码
  1. if判断只写一个“=”号,导致变量再判断时直接被赋值
  2. 文件命名和文件引用,单词拼写不一致,导致编译无法通过
  3. 函数、变量引用时,单词多/少个字母
  4. 函数、变量定义使用关键字或保留字
  5. 缩进未统一,和其他开人员不一致,当启用代码检查后,导致构建失败
  6. 变量连等定义
    javascript 代码
  1. 避免在变量声明之前引用变量(变量申明提升)
  2. 函数调用时漏传参数
  3. 组件(比如vue、reactjs)生命周期结束时未卸载绑定的事件

    [li]实用插件[/li]

  4. emmet语法提示,提高代码开发效率
  5. 特殊文件(如less、sass、jade、jsx、vue等)高亮,方便阅读,提高代码可读性、可维护性
  6. 代码检查(htmlhint,jshint、csslint、sasshints等),可严格按照代码规范进行实时检查并提示
  7. 获取当前文件的相对路径,可快速复制路径
    1) sublime text3 -> "Copy Relative Path"
    2) brackets -> "Get Current File Path"
  8. 代码格式化,格式化不规范代码
  9. 缩进辅助线,提高代码的清晰度
  10. 图片hover显示
    1) sublime text3 -> "hover image preview"
    2) brackets -> "Inline Image CSS or HTML Image Tag"
  11. 代码提示(原生js、第三方库)
评论 ( 1 )
最新评论
老鼠 2017-06-01 10:36:25 1F

javascript 代码

你确定这样好使?