前端调试总结（未完，不一定对）

在浏览器中跑的时候。f12或审查元素

如图：

选择调试器：就可以看见自己的代码

添加断点就在行号的左边单击

还可以监听某个表达式在程序运行的各个时候值的变化情况，方法是：选中---》右键---》添加监听表达式，也可以在右边的相应地方自己手打要监听的东西

这个例子是一个介绍信息的展开与收缩，通过点击超链接实现，在添加好断点与监听表达式后就可以开始运行程序了，

点击网页上的收缩链接，再看调试界面，将自动跳转到代码的这一行，设置断点后代码将从断点位置开始运行

然后点击下一步按钮，多次点击，观察每一次程序运行下一步时，我们监听的表达式的值的变化是否符合编程之初设计的思想

下一步按钮：

点击后程序将执行逻辑上的下一行

原文地址：https://www.cnblogs.com/xiaoxiaoyao/p/8536671.html

时间： 2024-10-08 12:01:43

前端调试总结（未完，不一定对）的相关文章

python 单步调试初探(未完待续)

pdb 调试: import pdb pdb.set_trace() pudb 调试: http://python.jobbole.com/82638/

#!/usr/bin/env ruby #表示ruby的执行环境 =begin # ruby中用=begin来表示注释的开始 .$$$ $. .$$$ $. $$$$ $$. .$$$ $$$ .$$$$$$. .$$$$$$$$$$. $$$$ $$. .$$$$$$$. .$$$$$$. $ $$ $$$ $ $$ $$$ $ $$$$$$. $$$$$ $$$$$$ $ $$ $$$ $ $$ $$ $ $$$$$$. $ `$ $$$ $ `$ $$$ $ `$ $$$ $$' $ `$

gulp 入门使用指南（未完）

其实网上有一大把入门指南了,官网上也讲得很清楚.怎么安装,有哪些方法,我在网上已经看到很多很多很多了. 可是我还是很懵逼.不能理解为什么要使用这些工具,不知道学习了这些方法该怎么用,在哪里用.光看文档是学不会的,得有实战!实战啊!我感受不到这些新技术的好处.所以最初学习的时候,我迫切地渴望能有一个人,一篇文章,能通过一个具体的项目来指引一下我.然鹅并没有.(在小公司的坏处,没有指导,突破不了,还懒) 现在我对gulp也还是懵懵哒.只能慢慢写咯. 几乎每一个前端工具都对应了它自己的配置文件,nod

[daily][optimize] 去吃面（python类型转换函数引申的性能优化）（未完待续）

前天,20161012,到望京面试.第四个职位,终于进了二面.好么,结果人力安排完了面试时间竟然没有通知我,也没有收到短信邀请.如果没有短信邀请门口的保安大哥是不让我进去大厦的.然后,我在11号接到了面试官直接打来的电话,问我为啥还没到,我说没人通知我我不知道呀.结果我就直接被他邀请去以访客的身份参加面试了.不知道人力的姑娘是不是认识我,且和我有仇,终于可以报复了... 然后,我终于如约到了,面试官带着我去前台登记.前台的妹子更萌...认为我是面试官,面试官是才是来面试的.我气质真的那么合吗?

听风讲MVC丶 —— 一言不合就撸码 (未完待续······)

希望你看了此小随可以实现自己的MVC框架也祝所有的程序员身体健康一切安好 ——久伴深海丶默 1.什么是前端控制器(font controller).Java Web中的前端控制器是应用的门面,

【learning】微信跳一跳辅助c++实现轻松上万【未完待续】

写在前面 17年年底Wechat出了这个跳一跳的小游戏,今年2月份的时候简单地玩了一下,发现被游戏虐了(手太残了只能跳20多). 今天刚好有点空,于是就花了一个下午的时间写了一个跳一跳的c++辅助. 由于本OIER既不会Python,也不会安卓的USB调试,更不会单片机,故写了一一个操作安卓模拟器的辅助. 先放下效果:(只是先截个图而已,截止至目前跳了2150次,运行1小时55分钟)[未完待续] 据之前的跳一跳大赛的结果,尽管人类的第一为1.2W分,但仍然被本辅助轻松碾在地上. ----

【转】手机web前端调试页面的几种方式

前言 PC端web页面调试比较容易,这里主要说几种移动端调试的方法,从简单到复杂.从模拟调试到远程调试,大概分为几部分: 1.Chrome DevTools(谷歌浏览器)的模拟手机调试 2.weinre(web inspector remote)远程调试工具 3.微信的“web开发者工具”,集成了Chrome DevTools和weinre,做的比较好 4.Chrome DevTools远程调试Android和iOS页面 5.Eruda——手机网页前端调试面板阅读说明本文不是小白文,需要一定

把握linux内核设计思想系列（未完待续......）

[版权声明:尊重原创,转载请保留出处:blog.csdn.net/shallnet,文章仅供学习交流,请勿用于商业用途] 把握linux内核设计思想(一):系统调用把握linux内核设计思想(二):硬中断及中断处理把握linux内核设计思想(三):下半部机制之软中断把握linux内核设计思想(四):下半部机制之tasklet 把握linux内核设计思想(五):下半部机制之工作队列及几种机制的选择把握linux内核设计思想(六):内核时钟中断把握linux内核设计思想(七):内核定时器和

细菌觅食优化算法：理论基础，分析，以及应用(未完)

原作者:Swagatam Das,Arijit Biswas,Sambarta Dasgupta,和Ajith Abraham [摘要]细菌觅食优化算法(Bacterial foraging optimization algorithm[BFOA])已经被分布式优化和控制的同行们当作一种全局性的优化算法接受.BFOA是由大肠杆菌的群体觅食行为所启发而总结出来的.BFOA已经吸引了足够多的研究者的注意,由于它出现在解决真实世界中一些应用领域上优化问题的高效性.E.coli 的群体策略的生物基

Linux设备驱动开发学习（2）：Linux设备驱动简介（未完）

(未完待续......)