🐳 下载代码仓后需要先执行
npm install安装依赖。
1.npm install安装依赖
2.npm run start运行程序
3.打开浏览器，在地址栏输入http://localhost:9527/query_orders即可看到返回的模拟数据
1.requirejs-demo展示requirejs基本用法, 双击index.html可查看效果。
2.brief-require为手动实现的简易requirejs，双击index.html可查看效果。
打开终端，进入目录后使用node XXX的方式运行。
示例为使用Rxjs实现的ToDoList应用，直接打开html文件即可查看
shallow_copy.html——演示JavaScript原生方法的“浅克隆特性”try_immutable.html——演示基本的Immutable.js的数据类型，可在控制台查看生成的新对象nest_perf_compare.html——以Map为例，测试嵌套结构Map深层更新函数setIn的性能表现。array_proxy_es5_es6.js——演示Proxy可响应数组方法，而defineProperty无法做到，使用node命令运行。
示例代码中展示了Dayjs的基本用法，可使用node命令运行。
示例代码中展示了viz.js布局引擎的基本用法（网络上有非常多教程可以教你如何利用jsplumb.js绘制流程图），使用node 命令执行graphviz.demo.js，它就可以将DOT定义文件转换为名为output.svg的拓扑图，它可以帮助你在自定义绘制后方便地实现自动布局。
使用easel.js常用API实现了简易动画，双击index.html可查看效果。
目录中已包含echarts.min.js的完整库，双击index.html即可打开查看使用echarts绘制图表的基本用例。
- 示例Demo包括基本示例、响应式、图表动画的基本实现
- 1.基本用法示例
- 2.用脚本改变容器宽度尺寸
- 3.为图表展示增加动画
- 4.响应视口尺寸变化
data-vis.jpg提供了基本的图表选型参考data-visualization.png提供了更加完整的可视化图表选型参考
进入目录后执行
npm run install安装依赖，然后通过npm run start启动示例服务，在浏览器中通过localhost:3000访问。
示例包括：
- svg元素特性-添加事件监听
- svg元素特性-添加viewBox视口
- svg元素特性-剪裁路径&蒙层
- svg元素特性-元素复用
- svg元素特性-多种方式实现滤镜效果
- svg元素特性-变形动画的实现
- Snap.svg使用示例
进入目录后执行
npm run install安装依赖，然后通过npm run start启动示例服务，在浏览器中通过localhost:3000访问。
示例包括：
-
plane-平面渐离plane-perspectiveCamera-使用透视相机观察动画plane-orthographicCamera-使用正交相机观察动画plane-perspectiveCamera-withFog-使用透视相机观察有雾场景
-
plane-orthographicCamera-withFog-使用正交相机模拟有雾场景 -
textGeometry-字体模型textGeometry-shape-先生成带孔平面模型，再拉伸为凹浮雕模型textGeometry-loader-从外部加载gltf格式的模型textGeometry-bsp-演示ThreeCSG.js进行求差集操作【！！不推荐再使用此方式】
-
texture-纹理贴图texture-wrong-order- 纹理素材顶点顺序错误效果对比texture-partial-face- 为选定的局部表面贴图
-
实战
index.html中手动实现了基本的变换原理，双击打开即可。
index.html中提供了示例代码目录，双击打开即可。其中包括transition和animation动画的基本比较，velocity.js在不同场景下使用时的示例代码，以及不同CSS属性在动画过程中的FPS情况，合成层的隐式提升示例等。
index.html中提供了示例代码目录，双击打开即可，示例包括:
- 1.使用
recorder.js录制采样率为16000Hz的单声道音频
- 2.在JS中添加处理音频信号的脚本节点
- 3.使用MediaRecorder对象录制音频
进入目录后执行
npm run install安装依赖，然后通过npm run start启动示例服务，在浏览器中通过localhost:3000访问
示例包括：
- TS流编码标准ISO/IEC13818-1——《Information_technology_Generic_coding》
- 使用
video.js配合插件或其他库播放各种不同格式的视频文件 - 使用
video.js播放基于HLS的rtmp视频流-
- 下载自己电脑系统支持的
ffmpeg，并添加ffmpeg命令至全局环境变量path中 - 解压缩
chapter20/nginx.zip(其中已添加nginx-rtmp-module扩展，并配置相应端口地址) - 将解压后的地址添加到系统环境变量
path中（以便在任何目录下可以使用nginx命令行） - 点击解压缩文件中的
start.cmd即可启动一个简易的流媒体服务器 - 打开命令行，进入
chapter20/rtmp_server目录，输入py webcam_rtmp.py开始将笔记本电脑前置摄像头采集的视频推流至刚才启动的服务器（代码中使用了ffmpeg实现推流） - 在浏览器访问
localhost:3000，打开【示例8】，等待约3-4秒后即可看到由摄像头拍摄到的画面。
-
- 使用
jsmpeg.js播放视频流画面（下图中最外侧鼠标为本地屏幕，其他均为使用ffmpeg捕获的桌面渲染结果，可以延迟很低）- 下载自己电脑系统支持的
ffmpeg，并添加ffmpeg命令至全局环境变量path中 - 打开命令行，进入
chapter20/jsmpeg_server目录，先双击start-ws-server.cmd启动流媒体服务器- 双击
push-webcam.cmd会使用ffmpeg推送本地摄像头采集的视频信号至http://localhost:8081/live - 双击
push-desktop.cmd会使用ffmpeg推送本地桌面画面的视频信号至http://localhost:8081/live
- 双击
- 访问
localhost:3000，打开【示例9】，即可看到低延迟demo效果。
进入目录后执行
npm run install安装依赖
node inquirer-demo.js展示了交互式风格的命令行工具- 打开终端，进入
cmds文件夹，node dash展示了git风格的命令行工具，node dash install展示了子命令的使用
进入目录后执行
npm run install安装依赖。
upload.js实现了将dist目录中的文件压缩为public.zip文件deploy.js实现了使用shelljs在服务端解压并替换静态文件的过程(只能在linux系统运行，原理相同)
收录了Ionic官方推出的简易电子书《 Hybrid vs Native》
本章demo需要先使用
npm install命令安装依赖后再使用
/proto目录中存放示例用的proto定义文件。search.proto，product.proto，search-rpc.proto为示例的定义proto2js.cmd为Windows环境下脚本，双击执行可用于将proto文件编译为js类定义proto2py.cmd为Windows环境下脚本，双击执行可用于将proto文件编译为python类定义
/google-proto利用官方protobuf技术在js应用和python应用之间实现跨语言通讯app.js依赖于proto文件编译的JS类，运行方式为node app.jsapp.py依赖于proto文件编译的Python类，运行方式为py app.py
/protobufjs演示protobuf.js库用法的基本用法/grpc演示grpc框架的基本用法pbjs-grpc-client.jsgrpc客户端示例，需要在服务端程序启动后再启动pbjs-grpc-server.jsgrpc服务端示例，需要先启动
net-server.js用于展示服务端收到的完整HTTP报文，使用node命令运行后，用postman或其他方式发请求后查看。
本章demo需要先使用
npm install命令安装依赖后再使用，使用ts-node命令可直接运行ts
ts-node ioc.ts运行手动实现的简易IOC框架- 进入inversify-demo目录，在终端输入
ts-node demo.ts运行inversify官方示例
进入目录后执行
npm run install安装依赖，然后通过npm run start启动示例服务，在浏览器中通过localhost:3000访问
本章包含相关工具库的API示例，以及分步实现的《飞龙大战》游戏教程。
demo-matterjs是matterjs官方提供的弹簧约束的Demodemo-angry-bird-matterjs是愤怒的小鸟物理模型的Demodemo-angry-bird是使用matterjs+CreateJS组合开发的Demolibs中存放所有第三方依赖
所有demo直接双击即可打开。
进入目录后执行
npm run install安装依赖，使用npm run start启动后在localhost:3000端口访问
示例包括：
- 《生死忍者》游戏
- tiledmap瓦片图制作的《坦克大战》地图实例
index.html是brain.js基本示例xor-demo-[i].html是XOR分类问题的单隐藏层模型，你可以修改其中的神经元节点数并反复刷新来查看训练后的分类器。xor-demo-[i,j].html是XOR分类问题的包含2个隐藏层的模型，你可以修改其中的神经元节点数并反复刷新来查看训练后的分类器。
进入目录后执行
npm run install安装依赖，使用npm run start启动后在localhost:3000端口访问
conv.html-卷积层对图片处理效果可视化conv-pooling.html-卷积层+最大池化层对图片处理效果可视化LeNet5-文件夹中为TensorFlow.js官方提供的手写字体分类示例speechCommands/speech-cmd.html-官方提供的短语音命令扩展speechCommands/speech-cmd-pacman.html-基于预训练模型的中文声控《吃豆人》Gradient-Based Learning Applied to Document Recognition.pdf-LeNet网络学术论文
进入目录后执行
npm run install安装依赖。
/arduino_dht11目录中存放了使用fritizing软件绘制的实验连线图/arduino_led目录存放了三色LED灯实验的连线图，Arduino原生开发代码和实验小视频/servo_motor目录存放了舵机风扇实验相关的示例代码，实验连线图和实验小视频led.js为使用johnny-five库实现的简易的LED灯控制程序。serialport-read.js为使用johnny-five实现读取串口数据的示例程序。serialport-parser-read.js为使用johnny-five实现读取串口数据并转换为字符串的示例程序。serialport-write.js为使用johnny-five实现写入串口数据给Arduino的示例程序。