在网页制作中，总是需要使用各种JavaScript特效，包括页面效果、时间日期效果、cookie脚本效果、按钮效果等，而目前能写原生代码的人才稀缺，因此本文针对各种应用方向收集了一些JavaScript网页经典特效码，供初学者参考和实践。
首先，我给大家推荐一本书《JavaScript Web Effects Classic 300 Cases》，本书分为 3 个部分 26 章，共 300 个典型示例，除了基本的句型、开发方法、对象支持等基础知识外，还包括各种常见的网页开发效果， 包括蒙版、表单控件、表格、图层等网页元素的特效应用，以及HTML5、CSS3技术。最后，“300 个 Web 效果示例”也用示例来演示流行框架的应用，例如 Prototype、Dojo、YUI、jQuery 等。本书中的例子具有代表性，可以直接应用于实际的开发实践。可作为自学语言和高校师生提高编程实践能力的指导教材，也可作为在职开发人员的参考书。下载
地址1：点击这里下载电子书（注：书中案例需要右键查看源码）。下载
地址2：点击这里下载电子书（注：书中案例需要右键查看源码）。
下载了另一个具有 100 多种尖锐疗效的 JavaScript 包
下载地址 1：
下载地址 2：
1500 JS网页效果包下载CHM版
这是一个非常经典的CHM
教程中，一共1500个JS网页效果，因为做成CHM版本，所以有些图片可能难以显示，请手动更改图片路径，对学习JS的同学很有帮助。
下载
地址1：点击这里下载下载
地址2：点击这里下载实用的JavaScript Web效果编程宝盒pdf下载
本书包含了目前网站使用的大部分网页示例，通过JavaScript脚本语言编译，对于想要建立自己的网站并添加一些特殊效果的读者，可以直接从本书中的示例中选择相应的特殊效果并稍作改动，从而达到事半功倍的效果。其实本书着重从编程的角度实现各种特效，能够将自己的创意融入选材和美术制作的读者javascript特效下载，最终会得到越来越多丰富多彩的网效。
下载地址： 点击这里下载
最新闪亮的JavaScript动态网页效果实战讲座（孙军）PDF扫描版
描述JavaScript的所有知识和详细的应用效果，突出该技术为网站建设带来的丰富经验。这本易于理解的书逐步介绍了JavaScript的基本概念，HTML的基础知识，JavaScript的基本句型及其外部和浏览器对象。本书通过200多个动态Web效果的经典案例应用，突出了JavaScript在Web应用中的独特魅力。书中每一章都有关于本章的经典技巧javascript特效下载，每一个经典技巧都是作者多年工作经验的总结。书中每个知识点都配有相应的示例，每个案例都有学习困难提示、代码讲解和最终案例功效，让读者充分理解JavaScript，体验其应用功效。
下载地址 1：
下载地址 2：
以上是w3cschool选择的一些可下载的Javascript特效代码资源，希望对你的编程学习和工作有所帮助。
来源丨转载自码秘东源（ID：code_mmhy），经授权
作者丨李康纳德译
Node.js 是一种流行的 JavaScript 运行时，它使用与 Microsoft Chrome 浏览器相同的 V8 引擎。 它是跨平台的，并且在创建 Web 服务器、构建工具、命令行工具等方面越来越受欢迎。
然而javascript调试，当我们编写代码并运行它之后，就不太清楚是否出了问题。 运气好的话，您的代码可能会崩溃并出现明显的错误消息。 如果您不幸运，您的应用程序仍然可以工作，但最终结果不会是应有的结果。
哪些是调试？
调试是修补软件错误的艺术。 修复错误通常很简单，只需纠正单个字符或编辑一段可能解决问题的代码即可。 而找到 bug 的原因又是另一回事了。 开发人员通常会花费大量时间来寻找问题的症结所在。
有一些方法可以尽可能避免错误：
没有任何解决方案可以消除所有错误，我们在所有编程语言中都可能遇到以下类型。
句子错误
每当您的代码不遵循语言规则时，就会产生错误。 一般来说，这可能是句子拼写错误或缺少括号。
像 VSCode 这样的优秀代码编辑器可以帮助我们在尝试运行 Node.js 之前发现常见的 Node.js 问题：
您还可以使用 ESLint 等代码检测器来发现其他语法问题或与正常编码风格的偏差。 使用以下命令将 ESLint 安装为全局 Node.js 模块：
npm i eslint -g
然后从命令行检测 JavaScript 文件：
eslint code.js
使用 ESLint 进行 VSCode 扩展甚至更容易，它将在您编码时验证代码：
逻辑错误
逻辑错误意味着您的代码可以工作，但没有按预期工作。 例如，用户很难使用有效凭据登录； 报告显示不正确的统计数据、用户数据未保存到数据库等。触发器可以来自任何来源：
通常需要单步执行代码并检测执行期间特定点的状态。
运行时错误
当应用程序执行时，运行时错误会变得明显。它可能不会发生，并且可能是由无效的用户输入引起的，例如
众所周知，运行时错误的重现性最低，因此良好的日志记录至关重要。
Node.js 调试环境变量
操作系统中设置的环境变量可以控制 Node.js 应用程序的设置。 最常见的是，我们在调试时或在实时服务器上通常将 NODE_ENV 设置为开发、生产
您可以在 Linux/macOS 上设置环境变量：
NODE_ENV=development
从 Windows（传统 DOS）命令提示符处：
set NODE_ENV=development
或 Windows Powershell：
$env:NODE_ENV="development"
我们的应用程序可以检查环境设置并在必要时启用调试消息，例如：
// running in development mode?
const DEVMODE = (process.env.NODE_ENV === 'development');
if (DEVMODE) {
console.log('application started in development mode');
}
NODE_DEBUG 使用 Node.jsutil.debuglog 启用调试消息。 （后面章节会详细讲解）。
使用 Node.js 命令行选项进行调试
您可以在启动应用程序时将命令行选项传递给节点或运行时。 Nodemon 最有用的选项之一是 --trace-warnings ，它在 Promise 无法解析或拒绝时输出堆栈跟踪：
node --trace-warnings index.js
其他选项包括：
使用控制台日志记录进行调试
调试应用程序最简单的方法是在执行期间向控制台输出值：
console.log(`ConardLi: ${ myVariable }`);
一些开发人员声称您永远不应该使用 console.log()，因为它会更改代码并且有更好的调试选项。 但我仍然认为控制台复制日志记录是一个更快、更实用的选择，查找和修复错误比如何找到它们更重要。 我们还应该考虑 console.log() 的替代方案：
console.log() 接受以冒号分隔的值列表。 例如：
let x = 17;
console.log('x:', x);
// x: 17
使用 ES6 解释也可以给出类似的输出：
console.log({ x });
// { x: 123 }
util.inspect 可以连接对象以提高可读性，console.dir() 将为您完成更复杂的工作：
console.dir(myObject, { depth: null, color: true });
使用 Node.jsutil.debuglog 进行调试
Node.js 标准 util 模块提供了一个 debuglog 方法，可以有条件地将日志消息写入 STDERR：
const util = require('util');
const debuglog = util.debuglog('myapp');
debuglog('myapp debug message [%d]', 123);
当您将 NODE_DEBUG 环境变量设置为 myapp 或类似 或 my 的键值时，控制台将显示此类调试信息：
MYAPP 4321: myapp debug message [123]
使用 Node.jsV8Inspector 进行调试
Node.js 实际上封装了 V8 JavaScript 引擎。 V8 包含自己的检查器和调试客户端，您可以从检查参数开始（注意不要将其与下面使用 Chrome --inspect 调试 Node.js 应用程序中描述的标志混淆）：
node inspect index.js
调试器在第一行暂停并显示调试提示：
$ node inspect index.js
< Debugger listening on ws://127.0.0.1:9229/b9b6639c-bbca-4f1d-99f9-d81928c8167c
< For help, see: https://nodejs.org/en/docs/inspector
<
connecting to 127.0.0.1:9229 ... ok
< Debugger attached.
<
Break on start in index.js:17
2
3 const
> 4 port = (process.argv[2] || process.env.PORT || 3000),
5 http = require('http');
6
我们可以输入help来查看命令列表：
你也可以：
这听起来确实很笨拙，但如果您没有其他选择或者您只是想被折磨，请尝试使用外部调试客户端。
使用 Chrome 调试 Node.js 应用程序
使用 --inspect 标志启动 Node.jsV8 检查器（nodemon 也支持此标志。）：
node --inspect index.js
它启动调试器，但监听 127.0.0.1:9229：
Debugger listening on ws://127.0.0.1:9229/4b0c9bad-9a25-499e-94ff-87c90afda461
如果您在其他设备或 Docker 容器上运行 Node.js 应用程序，请确保端口 9229 可访问并使用以下形式授予远程访问权限：
node --inspect=0.0.0.0:9229 index.js
您可以使用 --inspect-brk 而不是 --inspect 来停止对第一句的处理，以便您可以逐行执行它。 之后打开 Chrome 浏览器（或任何其他基于 Chromium 的浏览器）并在地址栏中输入 chrome://inspect：
几秒钟后，您的 Node.js 应用程序应该全部显示为远程目标。 如果未找到，请选择 Discovernetworktargets 并单击配置按钮添加运行应用程序的设备的 IP 地址和端口。 单击目标的检测链接将启动 DevTools，如果您之前使用浏览器调试过客户端应用程序，那么它应该很熟悉。
要直接从 DevTools 加载、编辑和保存文件，请打开源看板javascript调试，单击将文件夹添加到工作区，选择 Node.js 文件的位置，然后单击同意。 现在，从左窗格或按 Ctrl|、Cmd+P 并键入文件名打开应用程序的任何脚本。 单击任意行号以设置断点（显示为红色标记）：
断点指定调试器可以暂停处理的位置，这使我们能够检查程序的状态，包括局部和全局变量。 我们可以定义任意数量的断点或向代码添加调试器语句，这也会在调试器运行时停止处理。
左侧面板提供以下内容：
Pausedonbreakpoint 消息上方会出现一行图标。
从左到右，这些图标执行以下操作：
在 Chrome 中设置条件断点
假设您有一个运行 1700 次迭代的循环，但您对最后一个状态感兴趣：
for (let i = 0; i < 1700; i++) {
// set breakpoint here?
}
您可以右键单击该行，选择“添加条件断点”，然后输入条件，例如：
i = 999
条件断点将显示为红色而不是红色。
在 Chrome 中设置日志点
日志点就像console.log()，没有代码！ 执行一行代码时输出表达式，但与断点不同的是，处理不会暂停。 要添加日志点，只需右键单击任意行，选择“添加日志点”，然后输入表达式，例如：
'loop counter i', i
使用 VSCode 调试 Node.js 应用程序
VSCode 支持 Node.js 并具有外部调试客户端。 在本地系统上运行 Node.js 应用程序时无需配置。 打开启动脚本（通常是index.js），激活“运行和调试”板，单击“运行和调试Node.js”按钮，然后选择Node.js环境，然后单击任意行以激活断点。
如果你正在运行一个Web应用程序，你可以在浏览器中打开它，VSCode会在遇到断点或调试器语句时停止执行：
VSCode 调试类似于 ChromeDevTools，具有变量、监视、调用堆栈和断点面板。 LoadedScripts 面板显示应用程序加载的脚本，可能包括 Node.js 内的脚本。 下面是一些工具栏操作：
与 ChromeDevTools 一样，您可以右键单击任意行来添加：
其他详细信息可以查看这篇文章：
VSCode中间调试配置
如果你想在另一个设备、虚拟机上调试代码，或者需要使用其他启动选项（例如nodemon）
编辑器将启动配置存储在项目隐藏文件夹内的 launch.json 文件中。 要生成该文件，请单击“createalaunch”面板底部的 createlaunch.json 文件链接，然后选择 Node.js 环境。
您可以使用添加配置按钮将任意数量的配置设置对象添加到“配置”字段。 VSCode 可以：
里面的截图显示了nodemon的启动配置。 AddConfigration 按钮提供了一个 nodemon 选项，因此您应该编辑“program”属性以指向您的入口脚本 (${workspaceFolder}/index.js)。
保存launch.json，然后从“RunandDebug”面板底部的下拉列表中选择nodemon，然后单击红色的运行图标：
nodemon 将启动您的应用程序，之后您可以像以前一样编辑代码并设置断点或日志点。
有关更多信息，请参阅#_launch-configurations
VSCode 可以调试任何 Node.js 应用程序，但以下扩展可以使调试更容易：
终于
大家有没有Node.js项目的调试方法，可以在留言区分享哦~
本文翻译自：
参考：
1、
2、
4.
5.
