// // This function implements a breakpoint. It repeatedly prompts the user // for an expression, evaluates it with the supplied self-inspecting closure, // and displays the result. It is the closure that provides access to the // scope to be inspected, so each function must supply its own closure. // // Inspired by Steve Yen's breakpoint() function at // http://trimpath.com/project/wiki/TrimBreakpoint // function inspect(inspector, title) { var expression, result; // You can use a breakpoint to turn off subsequent breakpoints by // creating a property named "ignore" on this function. if ("ignore" in arguments.callee) return; while(true) { // Figure out how to prompt the user var message = ""; // If we were given a title, display that first if (title) message = title + "\n"; // If we've already evaluated an expression, display it and its value if (expression) message += "\n" + expression + " ==> " + result + "\n"; else expression = ""; // We always display at least a basic prompt: message += "Enter an expression to evaluate:"; // Get the user's input, displaying our prompt and using the // last expression as the default value this time. expression = prompt(message, expression); // If the user didn't enter anything (or clicked Cancel), // they're done and so we return, ending the breakpoint. if (!expression) return; // Otherwise, use the supplied closure to evaluate the expression // in the scope that is being inspected. // The result will be displayed on the next iteration. result = inspector(expression); } } // =========================================== function factorial(n) { // Create a closure for this function var inspector = function($) { return eval($); } inspect(inspector, "Entering factorial()"); var result = 1; while(n > 1) { result = result * n; n--; inspect(inspector, "factorial() loop"); } inspect(inspector, "Exiting factorial()"); return result; }
发表评论
-
Extending Built-in Types
2009-01-08 13:55 724The Function.apply( ) method is ... -
Private properties with closures
2009-01-07 13:13 758// // This function adds proper ... -
Constructor Functions
2009-01-07 00:42 758the new operator creates a new ... -
Functions as Methods
2009-01-07 00:39 804When a function is invoked as a ... -
The callee Property
2009-01-07 00:02 663In addition to its array elemen ... -
Variable-Length Argument Lists: The Arguments Obje
2009-01-06 23:06 787The Arguments object has one ve ... -
Function Literals
2009-01-06 21:50 700Although function literals crea ... -
Nested Functions
2009-01-06 21:09 765Nested functions may be defined ... -
Deleting Array Elements
2009-01-05 22:11 566The delete operator sets an arr ... -
Reading and Writing Array Elements
2009-01-05 22:00 763Note that array indexes must be ... -
The valueOf() Method
2009-01-05 18:05 739... -
The toLocaleString() Method
2009-01-05 18:02 851In ECMAScript v3 and JavaScript ... -
The constructor Property
2009-01-05 17:51 787[size=medium]Since constructor ... -
the empty statement
2009-01-05 00:29 785[size=medium]When you intention ... -
with
2009-01-05 00:27 683[size=medium]The with statement ... -
try/catch/finnaly
2009-01-05 00:17 890If control leaves the try bloc ... -
throw
2009-01-04 23:56 691The tHRow statement has the fol ... -
return
2009-01-04 23:52 815If a function executes a return ... -
functions
2009-01-04 23:48 789[size=medium]Technically speaki ... -
Labels
2009-01-04 23:01 706Label names are distinct from v ...
相关推荐
在本"DOM Breakpoints Test"中,我们将探讨如何利用这一功能进行高效调试。 1. **DOM断点类型** - **属性断点**:当元素的某个属性值发生变化时暂停。 - **子节点断点**:当元素的子节点被添加、删除或移动时暂停...
BreakPoints的c++代码
新产品经理npm install --save react-breakpoints-mixin凉亭bower install --save react-breakpoints-mixin进口BreakpointsMixin模块以格式打包,这意味着您可以使用require将其作为模块引入,或者使用[removed]标记...
"ME_Breakpoints_TXT.zip"这个压缩文件显然与断点调试有关,特别是针对文本格式的数据。从文件名“ME_Breakpoints.txt”我们可以推测,这可能是一个包含了断点设置信息的文本文件,用于在某些编程环境中进行调试。 ...
如果您选择在项目中包含 breakpoints.js,您可以测试类似 window.breakpoints.small === true 的内容并绑定到自定义断点事件。 使用 CSS 中定义的断点对显示类型进行基本检测。 使用媒体查询,当前断点的名称作为 ...
npm i vue-breakpoints yarn add vue-breakpoints :backhand_index_pointing_left: 用法 < / hide-at > < / show-at > < / nav > < / template > < script > import { showAt ...
breakpoints, 触发响应设计断点的jQuery事件 ! Breakpoints.js定义响应性设计的断点,Breakpoints.js 将在浏览器进入和/或者退出断点时消除自定义事件。从Github获得它。视图演示插件由 XOXCO 创建。命令行指令$...
在我们面对的这个例子"simpleapp_hw_breakpoints_v0 (1).tar.gz"中,我们可以推断这可能是一个关于"simpleapp"项目硬件断点相关的资源包。"v0 (1)"可能是版本号,表示这是该软件的第0版的第一个修订版。这个`.tar.gz...
npm install --save react-responsive-breakpoints 纱线使用者: yarn add react-responsive-breakpoints react-responsive-breakpoints不包括自己的React版本。 它将使用项目中已安装的任何版本。 然后为应用...
React断点 react-breakpoints允许您响应DOM元素大小的更改。 您可以根据观察到的DOM元素的大小变化来更改组件的评估逻辑和渲染输出。 例如,您可以根据其父容器的宽度将下拉菜单更改为水平列表菜单,而无需使用CSS...
react-breakpoints允许您使用视口宽度来加载不同的组件,从而可以构建更复杂的响应式应用程序,而不会遇到移动站点上隐藏的桌面组件的性能问题,反之亦然。 2.0.0版本已使用React 16.3.0提供的新上下文API进行了...
Two machines are required for using kgdb. One of these machines is a development machine and the other is the target machine. The kernel to be debugged runs on the target machine. The development ...
将CSS断点导入JavaScript 如何基于当前CSS媒体查询断点触发JavaScript? 由于JavaScript无法访问CSS断点,因此这仍然是响应式设计的障碍。...* Add or remove as many breakpoints as you like. */ b
JavaScript断点小型库,用于将CSS媒体查询同步到JavaScript中的断点事件。 有助于更改JavaScript逻辑以适应不同的屏幕尺寸,分辨率或。 主要好处是您只需要将媒体查询保存在一个地方-在它们所属CSS中即可。...
bower install --save reusables-breakpoints 为什么? 模块化:我希望元素的样式取决于它自己的宽度,而不是取决于屏幕宽度。 我希望元素样式独立于周围的布局。 易于管理:我想在一个地方看到一类元素的所有断点...
《理解并运用"Know your breakpoints-crx"插件》 在网页设计与开发的世界中,响应式布局已经成为标准,使得网站能在不同设备上提供优秀的用户体验。Bootstrap作为最流行且广泛使用的前端框架,其断点系统在构建响应...
随着响应式设计的普及,开发者需要在不同设备和屏幕尺寸上管理样式,这时“断点”(breakpoints)的概念应运而生。断点允许我们根据屏幕宽度定义不同的样式规则,以实现自适应布局。`rs-breakpoints` 是一个Sass库,...
在编程和调试过程中,"断点"(breakpoints)是一个至关重要的概念,特别是在CSS(层叠样式表)的开发和优化中。断点是开发者在代码执行过程中设置的特定点,当程序运行到这些点时,它会暂停,允许开发者检查当前的...
Mappy断点,使用Sass Maps的断点混合Mappy Breakpoints是我使用Sass映射保存断点插件时一起破解过的断点混合器,可简化Web开发。 这是一个简单的例子。 假设你有一个断点映射,你要抢做一个min-width为查询small和...
npm i gatsby-plugin-breakpoints 或者 yarn add gatsby-plugin-breakpoints 将插件包括在您的gatsby-config.js文件中: /* gatsby-config.js */ module . exports = { plugins : [ 'gatsby-plugin-breakpoints'...