美文网首页
近期前端调试总结

近期前端调试总结

作者: 姚冰coding | 来源:发表于2017-06-13 21:38 被阅读0次

在维护老的项目,特别是行内样式乱飞,js混杂的情况下,定位代码往往是一件比较麻烦的事情。

  1. 通过class id 等元素定位相关代码
  2. 对动态生成的代码依靠前后的代码逻辑进行定位
  3. 把项目拖进webstorm 使用全局搜索command+shift+f(macos默认)ctrl+shift+f(windows 默认)进行全局搜索。这时候就是基于整个项目进行的搜索,非常方便。因为之前没有掌握这个技能,定位代码问了好几次同事....

公共代码样式的修改问题
在维护一段代码时候,一个公共代码好几处调用,现在要让有的地方显得不同,怎么办?

很明显,不能基于现有的代码进行class修改,因为这样会把其他地方也修改掉。可以尝试观察这些调用地方的不同。如果修改某处A,尝试在这个A外层加入class.out .public这样进行样式的修改。

相关文章

  • 近期前端调试总结

    在维护老的项目,特别是行内样式乱飞,js混杂的情况下,定位代码往往是一件比较麻烦的事情。 通过class id 等...

  • 前端开发实战小技巧

    平时前端开发中, 经常遇到bug 调试、跟踪等文章, 总结出一些小的心得分享给大家 1、调试工具:spy-debu...

  • 前端调试手段总结

    PC浏览器中调试 这个没什么说的,各大浏览器都内置了调试了工具,作为一个前端不会的话,自行面壁吧。 移动浏览器中调...

  • iOS原生与H5相关文章

    前端调试工具 Safari 前端开发调试 iOS 完美解决方案(iPhone/iTouch 等) JavaScri...

  • js调试技巧

    前端工作中,不仅编码很重要,重现bug,解决bug的能力同样重要。而这些都离不开代码调试。现就一些调试技巧做出总结...

  • 前端调试--真机环境调试

    前端调试环境搭建 前言 日常前端开发调试过程中,经常会遇到真机调试。真机调试环境搭建主要从如下几点进行讲解: 启动...

  • 前端调试

    今天分享一个超级不错的前端调试技巧,还在为前端端点调试而烦恼吗 为什么需要调试 解决bug通常要对代码进行调试,这...

  • HBuilder Android真机调试

    关于调试 难者不会,会者不难。对于调试,这句话尤其合适。无论是前端调试、Java调试、PHP调试、Python调试...

  • 前端开发必备调试技巧

    前端开发必备调试技巧

  • iOS开发调试技巧总结

    iOS开发调试技巧总结 iOS开发调试技巧总结

网友评论

      本文标题:近期前端调试总结

      本文链接:https://www.haomeiwen.com/subject/cbejqxtx.html