首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Firebug 折腾记_(3)JS 调试小技巧

版权声明:保留原博文链接及作者情况下,请尽情转载吧!!!...简介 FireBug备受推崇一个原因就是对于JS调试; 界面功能 启用JS调试功能 选择哪些脚本可以展示 所有旁边那个下拉菜单可以更细化选择哪个JS文件,支持筛选 调试进入按钮(四个按钮依次解释...) 断续(F8): 结束当前断点跳转到下一个断点 单步进入(F11): 就是一步一步执行,可以明显看到数据变化 单步跳过(F10): 就是跳过这一步进入到下一步看代码变化 单步退出(Shift...,全部汇总于此,而且关闭,是否启用,跳转到断点代码行等功能,也很实用 打断点 打断点只要在侧边栏行号那里鼠标单击某个行号就可以打上了..单次打上,再次取消 右边断点页面有四大功能模块...删除断点 监控功能 这个功能很实在,可以一目了然看到函数及对象变化和指向; 比如this指向谁…对象包含了哪些,参数有哪些等等… console常用命令 就我个人而言,就经常用这么几个…其他倒是很少用

10710

js函数

大家好,又见面了,我是你们朋友全栈君。 平常前端开发工作中,编写js时会有很多地方用到函数。...,不是一个函数名 */ 以上只能回没有参数(除法你事先知道回函数参数),如果函数有未知函数,就不能如此简单调用了。...js函数了 背景:页面A需要使用页面B来选择某个项目,然后带回这个项目的信息给页面A,页面A根据这些信息丰富自己。...//注意这两个页面其实都是在一个页面里面的,并不是像window.open()那样出现了新窗口,所以两个页面的js都是可见 }, setProjectInfo: function (obj) { /...} newsee.util.url.back(callback, arr[0]) //重点来了,这里执行回,将需要回函数名和入参传进来,arr[0]就是选择项目的对象数组了(它也是个数组,里面就一个对象

4.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js函数详解

    一个回函数本质上是一种编程模式(为一个常见问题创建解决方案),因此,使用回函数也叫做回模式。...使用this对象方法作为回函数时问题 当回函数是一个this对象方法时,我们必须改变执行回函数方法来保证this对象上下文。...为了修复前面例子问题,我将在下面你例子中使用Apply函数: //注意到我们增加了新参数作为回对象,叫做“callbackObj”function getUserInput(firstName,...”问题以及解决方案 在执行异步代码时,无论以什么顺序简单执行代码,经常情况会变成许多层级函数堆积以致代码变成下面的情形。...这些杂乱无章代码叫做回地狱因为回太多而使看懂代码变得非常困难。我从node-mongodb-native,一个适用于Node.jsMongoDB驱动中拿来了一个例子。

    5.8K50

    JS模式

    对这种问题解决方法是采用回模式。...,重构后加入回函数参数 findNodes() 仍然可以像以前一样使用,而不会破坏旧 API 原始代码。...回与作用域 前面的例子中,回执行语句:callback(para),在多数情况下有效,但是如果传递函数是对象方法且有 this 那么回方法里 this 将指向是全局对象,从而发生意外。...解决这个问题方法是传递回函数,并且还传递该回函数所属对象: function findNodes (callback, callback_obj){ ......抽象工厂模式 JS 工厂模式 JS 建造者模式 JS 原型模式 JS 单例模式 JS模式 JS 外观模式 JS 适配器模式 JS 利用高阶函数实现函数缓存(备忘模式) JS 状态模式 JS 桥接模式

    3.6K10

    Firebugconsole tab使用总结

    Firebug对于Web开发人员来说,已经成为了不可或缺工具,但是在我日常工作中,常常感觉还没有能够深刻挖掘出她潜力,今天花了点时间仔细研究了Console和命令行使用在提高工作效率方面的作用...Firebug一共有Console,HTML,CSS,Script,DOM,NET六个Tab,今天着重说一下Console用法。...其实我们对于Console应该非常熟悉,因为这里是Firebug给出各种信息窗口,而这也正是Console主要用途,日志记录(Logging)。...Firebug提供了五种日志类型:     console.log:记录一行信息,无任何图标提示;     console.debug:记录一行信息,带超链接,可以链接到语句调用地方;     ...,这个方法无疑是非常有用,我们不再需要object.toString这样方法支持了,只要有firebug,查看对象也变得很轻松     同时,我们也可以将页面中元素作为一个对象打印出来,但是你要小心

    69120

    浅谈js函数

    在JavaScript中,刚开始学习时候,很多人感到最困惑就是回函数了。本文通过一个小小例子来分析回函数用法。 在很久很久以前,有一个人。...好了,问题来了,小明花钱就非得买漫画书吗,肯定不是。 事实情况应该是,这钱怎么办,还是由他自己说了算。因为钱在小明口袋里。 所以,就可以用回函数了。 回函数本身就是一个数据类型。...把函数传入spendMoney方法目的就是让函数在里面执行。...; }); 总结一下,就是可以将函数作为一个参数,传入一个方法内,并且能够在该方法中执行这个函数,这也就是js特有的回函数魔力。...免责声明: 博客中所有的图片素材均来自百度搜索,仅供学习交流,如有问题请联系我,侵立删,谢谢。

    3.7K70

    JS基础——异步回

    异步回 因为js是单线程,但是有很多情况执行步骤(ajax请求远程数据,IO等)是非常耗时,如果一直单线程堵塞下去会导致程序等待时间过长页面失去响应,影响用户体验了。...如何去解决这个问题呢,我们可以这么想。耗时我们都扔给异步去做,做好了再通知下我们做完了,我们拿到数据继续往下走。...这样的话,f1异步了,不再堵塞f3执行。 顺道说下,js是单线程,这里所谓异步也是伪异步,并不是开了多线程异步。...写在最后 由于时间问题,后续理解会再补上,再理理思路。另外如果有错误,也请各位前辈给予指正,感激不尽。 参考文献 http://blog.csdn.net/kobejaya......五、参考链接 * Asynchronous JS: Callbacks, Listeners, Control Flow Libs and Promises

    4.3K22

    co.js 异步回原理

    作者:何方舟 co.js 作为 koa 框架核心库,利用 es6 Generator 新特性来解决 callback hell 已经非常流行 。...本文将剖析 co.js 是为何用同步写法,就可以解决异步回问题。...Generator 首先简要介绍一下 Generator 特性, co.js 是基于该特性实现,所以弄清 Generator 远离非常重要。...可是好像哪里不对,这个本质上还是之前方法。我们期望方法应该是类似这样,通过一个yield关键字,来表明这里是异步执行。这样写法简洁明了,但直接这样写肯定是不能执行。...由之前分析我们可以知道,利用 generator 来实现异步回实质就是把, gen.next() 放入回函数中,thunk 化之后,可以得到一个只接受 callback 函数,换句话说,函数中除了

    2.5K00

    co.js 异步回原理

    本文作者:IMWeb 何方舟 原文出处:IMWeb社区 未经同意,禁止转载 co.js 作为 koa 框架核心库,利用 es6 Generator 新特性来解决 callback hell...本文将剖析 co.js 是为何用同步写法,就可以解决异步回问题。...Generator 首先简要介绍一下 Generator 特性, co.js 是基于该特性实现,所以弄清 Generator 远离非常重要。...可是好像哪里不对,这个本质上还是之前方法。我们期望方法应该是类似这样,通过一个yield关键字,来表明这里是异步执行。这样写法简洁明了,但直接这样写肯定是不能执行。...由之前分析我们可以知道,利用 generator 来实现异步回实质就是把, gen.next() 放入回函数中, thunk 化之后,可以得到一个只接受 callback 函数,换句话说,函数中除了

    2.6K80

    关于js函数callback

    运行结果 以上代码会先执行函数a,而且不会等到a中延迟函数执行完才执行函数b, 在延迟函数被触发过程中就执行了函数b,当js引擎event 队列空闲时才会去执行队列里等待setTimeout函数...同步回例子 所以回与同步、异步并没有直接联系,回只是一种实现方式,既可以有同步回,也可以有异步回,还可以有事件处理回调和延迟函数回,这些在我们工作中有很多使用场景 所以其实并不是我们不认识回函数...1.关于回函数和js单线程以及js异步机制 我们都知道js是单线程,这种设计模式给我们带来了很多方便之处,我们不需要考虑各个线程之间通信,也不需要写很多烧脑代码,也就是说js引擎只能一件一件事去完成和执行相关操作...,所以js在同步机制缺陷下设计出了异步模式 在异步执行模式下,每一个异步任务都有其自己一个或着多个回函数,这样当前在执行异步任务执行完之后,不会马上执行事件队列中下一项任务,而是执行它函数...完结 以上就是本篇文章全部内容,由对回函数陌生到熟悉和使用,以及对同步/异步概念,还有js执行机制以及浏览器内核多线程机制相信大家都有了一个简单知识脉络,希望通过此文提到内容,每个小伙伴去查阅更深入资料

    5.6K50

    co.js 异步回原理

    本文作者:IMWeb 何方舟 原文出处:IMWeb社区 未经同意,禁止转载 co.js 作为 koa 框架核心库,利用 es6 Generator 新特性来解决 callback hell...本文将剖析 co.js 是为何用同步写法,就可以解决异步回问题。...Generator 首先简要介绍一下 Generator 特性, co.js 是基于该特性实现,所以弄清 Generator 远离非常重要。...可是好像哪里不对,这个本质上还是之前方法。我们期望方法应该是类似这样,通过一个yield关键字,来表明这里是异步执行。这样写法简洁明了,但直接这样写肯定是不能执行。...由之前分析我们可以知道,利用 generator 来实现异步回实质就是把, gen.next() 放入回函数中, thunk 化之后,可以得到一个只接受 callback 函数,换句话说,函数中除了

    2.5K30

    小兔JS教程(三)-- 彻底攻略JS函数

    我们定义了一个变量a,它值为100,那么如果我们使用这个a,是不存在什么执不执行问题,直接调用就OK了,这就是所谓执行了一次右查询。...不是的啊,你不要多想了,callback只是为了让别人一看就知道是回函数,这样显得更加语义化。实际上你写aaa,bbb,ccc都没有问题。他只是一个参数名字啊。你叫阿猫阿狗都没事。你信不信咯?...它无非就只是一个变量名字而已。 比如你写 var a = 10; 这个你肯定知道,我写a只是随便写,写b、c、都可以,没有问题。那callback不也是一个意思吗?...就这么简单,回函数就是这么简单,没有什么更加高深东西在里面了。 2.回函数应用场景 快速入门就到这里,接下来,我们来看几个典型例子。...在js中,我们可以用document.getElementById方式取到dom元素,现在我们将这个方法也单独封装起来。

    4K70

    深入研究 Node.js 队列

    请注意,Node.js 负责所有异步活动,因为 JavaScript 可以利用其单线程性质来阻止产生新线程。 在完成后台操作后,它还负责向回队列添加函数。JavaScript 本身与回队列无关。...在 Node.js 将回函数添加到 IO 队列之前,fs.readFile 在后台花费 10 毫秒。 在 Node.js 将回函数添加到计时器队列之前,setTimeout 在后台花费 1ms。...每个异步函数都由依赖操作系统内部函数工作 Node.js 去处理。 Node.js 负责将回函数(通过 JavaScript 附加到异步操作)添加到回队列中。...事件循环会确定将要在每次迭代中接下来要执行函数。 了解队列如何在 Node.js 中工作,使你对其有了更好了解,因为队列是环境核心功能之一。...Node.js 最受欢迎定义是 non-blocking(非阻塞),这意味着异步操作可以被正确处理。都是因为有了事件循环和回队列才能使此功能生效。

    3.8K10
    领券