首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

调试JS代码

记录下近期对JS代码的调试过程 性能分析 启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面 目前主要使用的功能有: Performance....性能评估,比如我想看下页面刷新的性能瓶颈所在,先点击 按钮,然后进行页面操作,当页面刷新完成,再点击 按钮,则会生成性能报告,可以看到资源消耗,JS代码的执行逻辑等 Sources....性能报告页面的 部分,可以通过点击色块查看其所在的js代码文件,如 点击则会跳转到 功能栏,有了源文件就可以进行断点调试;这里注意部分js文件是压缩后的文件,建议手动修改程序替换成可读性更强的原始代码文件...,方便调试 Console....查看程序的打印输出,比如我想知道某个函数的执行时间,可以在js代码中进行修改js代码执行之后,可以在console输出中看到foo的执行时间 Network.

19K10

JS实现动态获取当前点击事件的id属性

整个页面是通过ajax请求最新的4部视频进行填充完成,视频列表又是通过template-web.js插件补上去的,所以导致所有ID都是一样的,一开始给按钮添加一个事件,结果是所有播放按钮都是播放第一个视频...于是,想了好多办法,又把ID属性给弄成动态的ajax请求的属性,实现了每个id不一样,接下来,因为点击播放要调用一个方法,进行解析视频播放,拼接成API+视频链接的格式在新打开的弹窗进行展示。...具体可以看下图: 要实现点击不同按钮,并且按钮ID是动态从ajax请求获取的,还要添加点击视频拼接视频链接,参考了文章,可以获取点击按钮的id,然后使用button,将链接放在value中 Dom...对象的id属性可以获取元素的id。...-- HTML结构 --> 播放 // javascript

25.7K20

【CTF】动态调试——ReverseMe

前言 通过 BUU 上的一道题目来简单的介绍一下关于动态调试的相关问题; 题目链接:ReverseMe 分析 1)查壳, 2)无壳,扔进ida, int __cdecl main(int argc...进行动调,在程序入口的头部下断点,即0x00CD2810, 4)F8单步往下直到输入,即运行到call sub_CF37B0, 5)先随便输入继续往下看,输入结束后将 ebp-0x90 处的跟...相关指令执行后结果为0那么 ZF=1,结果不为0则 ZF=0; 6)输入32位字符串重新动调,这是第一个对输入的字符串进行操作的地方, 7)查看一下异或之后的结果,存在 ecx 中, 8)继续往下...,发现此处在往 eax 中存, 9)接着往下,eax 与 edx 进行比较,如果不一样则跳转结束, eax 的: edx的: 10)整理一下,edx 是由 ecx 在 call

55110

RV1126调试(1)-修改默认调试串口

背景 RK系列的SDK给的默认的调试串口都是uart2/1500000波特率,本次调试设备已经把console调试口改为了uart0,所以需要修改下uboot和内核,然后把波特率设为常用的115200。...注:本次调试的SDK版本为原厂的V2.2版本 1.uboot修改 1)修改rv1126-evb.dts和rv1126-u-boot.dtsi 把uart2改成uart0, 对应的stdout-path也改为...CONFIG_DEBUG_UART_BASE=0xff560000 注意CONFIG_DEBUG_UART_ALWAYS这个选项不要勾上,还有一些教程里说CONFIG_DEBUG_UART_SHIFT要改这个,...2.内核修改 1)关闭fiq_debug串口 修改rv1126-evb-v10.dtsi &fiq_debugger { - status = "okay"; + status...= "disabled"; }; 在rv1126_defconfig中取消勾选CONFIG_FIQ_DEBUGGER 2)修改默认的bootargs 修改rp-rv1126.dts,console口改为

2.8K10

在 Vue.js 中通过计算属性动态设置属性

引子 前面我们已经陆续介绍了 Vue.js 框架的常用基本语法,现在,我们可以结合这些语法实现一个小功能:展示一个 Web 框架列表,并支持新增框架。...计算属性从字面意义上理解,就是经过计算后的属性,计算属性可以通过函数来定义,函数体中是该属性的计算逻辑,你可以在 HTML 视图中像调用普通属性一样调用计算属性,Vue 在初次访问该计算属性时,通过对应函数体计算属性并缓存起来...,以后每次计算属性依赖的普通属性发生变更,才会重新计算,所以性能上没有问题。...return 0; } }); } } 注意在 sortedFrameworks 计算属性的函数体中,需要通过 return 关键字返回计算后的属性,...好了关于 Vue.js 的基本语法学院君就简单介绍到这里,下篇教程,我们将开启 Vue 组件开发之旅。

12.5K50

Fiddler远程调试js

使用Fiddler调试本地js   在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭。...而利用Fiddler的可以修改HTTP数据的特性,我们就非常敏捷地基于生产环境修改并验证,确认后再发布。 假设我们发现这个页面有问题,需要修改所引用的js文件()。...第五步:修改本地文件,进行测试   我们在本地的js文件中加一句alert(‘hello’) ? 刷新浏览器,看看效果,如果alert出来,那就成功了。   ...通过以上几个步骤,我们演示了怎样将HTTP请求重定向到本地的文件,进行web调试。...这种调试方式不需要发布到线上再验证,避免了修改不成功、对用户造成影响的风险,而且不需要搭建复杂的开发服务器等开发环境,非常适合快速web调试

10K30

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券