首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
前端调试
订阅
木子铁憨憨
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
记Chrome的性能分析工具实践
事情的起因是我们WMS系统内有一个批量打印的功能,今天仓库反应第一次打印的速度大概是2s,但是之后每次都越来越慢,到后面页面基本就直接卡死了。 从这个表现来看,这个问题基本可以定位成性能问题,而不是可以被try...catch到的异常。 一行行review这部分相关的代码,co…
分享一些 Chrome 浏览器的前端调试技巧
$0、$1、$2、$3、$4五个指令相当于在Elements面板最近选择过的五个引用。 比如我在Elements面板上随意点击了掘金网站上的五个DOM节点。从时间线上,$4是我第一个点击的。而$0是我第五个,也即是最后一个点击的。利用此方法可以快速在Console面板调试你选中…
【干货】前端进阶应该知道的这些调试方法
方法虽然简单粗暴,但是它是实用且简单的。然而,如果 BUG 十分复杂,涉及到跨组件甚至是源码,采用打 log 的方式就变得十分麻烦了; F12 打开调试工具之后刷新页面,断点就会停在 created 里了。 当然,这里只是做简单的示例,实际情况更加复杂的时候,右边的堆栈可以让你…
👀细数那些不为人知的 Chrome DevTools 骚操作,你会使用几个?
乐高渲染侧面向的是C端用户,C端设备参差不齐、环境复杂,因此给研发同学分配了许多> BUG。为了快速解决> BUG,因此需要灵活运用调试工具,遂整理关于> Chrome浏览器的调试方法,有需取之。 在Mac下,使用F12或右键“检查(Inspect Element)”即可打开浏…
chrome 开发者工具——前端实用功能总结
[本文已经授权掘金开发者社区公众号独家使用,包括但不限于编辑、标注原创等权益。] 1. 查看元素伪类 css 样式 例如我想查看元素触发 hover 时的 css 样式。先选中该元素,然后按下图操作: 2. 临时增删元素 class 3. document.body.conte…
前端调试
解决bug通常要对代码进行调试,这样才能比较容易的找出关键性问题。掌握一个好的调试技巧是一个开发人员必备的基本技能。 所谓肉眼调试就是指直接看代码进行调试,这种方式效率非常低下。 查看console.log(...)打印出的日志应该是目前大多数前端惯用的调试方法。但是这种方式对…