前言本文主要讲述如何使用vite快速搭建属于自己的UI组件库一些准备默认node版本18及以上1.创建项目创建项目文件夹demo-ui，使用npm初始化项目 {代码...} 创建相关目录以及文件夹，下面有简单说明： {代码...} 1.1 编写组件button.vue {代码...} components/button/index.js {代码...} components/index.js {代码...} src...

vuepress指定vue版本的原因，我需要用vuepress来编写UI组件库文档，但我的vue版本是锁定在2.6.14,所以导致默认安装vueprees时候，vue-server-renderer与vue-server-renderer这2个包与vue不统一报错（vuepress@1.x默认安装最新版本应该是2.7）。所以需要指定安装这2个包的版本。

就像许多面向对象的编程语言一样，TypeScript 也有类。类是创建对象的蓝图——它们基本上用于封装对象中的数据。TypeScript 类可以这样定义:

IP Camera主要指那些可以直接接入Internet的摄像头，一般不需要专门的PC支持，可以归类于嵌入式设备。多用于监控，如公路上各个路口的监控设备。价格相对较高

JSON模块工作在Node.js版本>=17.1中，也可以使用--experimental-json-modules标志启用Experimental JSON模块

Buffer(缓冲器)Buffer对象表示固定长度的字节序列，Buffer是Unit8Array的子类。Buffer的结构和数组很像，操作的方法也和数组类似数组中不能存储二进制的文件，而buffer就是专门用来存储二进制数据使用buffer不需要引入模块，直接使用即可在buffer中存储的都是二进制数据，但是在显示时都是以16进制的形式显示(二进制显示...

process模块允许你获得或者修改当前node进程的设置，不想其他的模块，process是一个全局进程(node主进程)，你可以直接通过process变量直接访问它。

将域名（比如 'runoob.com'）解析为第一条找到的记录 A （IPV4）或 AAAA(IPV6)。参数 options可以是一个对象或整数。如果没有提供 options，IP v4 和 v6 地址都可以。如果 options 是整数，则必须是 4 或 6。

使用node --inspect将在提供的主机和端口上激活检查器。如果没有提供，默认值是127.0.0.1:9229。附加到Node.js实例的调试工具使用Chrome调试协议通过tcp端口进行通信。

GLSL是学习webgl的必备的知识点，故整理这篇文章前言GLSL Shader Example，这是一份不错的练习例子。1. 变量1.1 基本类型变量类型说明bool布尔型标量数据类型int/ivec2/ivec3/ivec4包含 1/2/3/4 个整型向量float/vec2/vec3/vec4包含 1，2，3，4 个浮点型向量sampler2D表示 2D 纹理samplerCube表示立方体纹理mat[2..3]表...

Openlayers根据W3C DOM Level 2 Event接口简化实现了自己的事件类,它只提供了type和target属性以及preventDefault和stopPropagation方法。

因为偶尔有些奇怪的点位出现在意料之外的位置，导致移动到该点位所在位置没有下载对应的地图瓦片，所以需要判断该点位所处的位置（此时地图空白），作为参考信息。

一个基于策略模式的程序至少由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二个部分是环境类Context,Context接受客户的请求，随后把请求委托给某一个策略类。要做到这点，说明Context中要维持对某个策略对象的引用。

koa-logger源码解析以GET请求“/”为例子，koa-logger会打印以下日志： {代码...} 分为是请求与响应的日志 {代码...} 还有个logger辅助函数： {代码...} 总结这个包代码很简单，不到200行代码，功能也很简单，需要拓展需要手动定制。

如果每次发送一个很小的数据包，比如一个字节内容的数据包而不优化，就会导致网络中只有极少数有效数据的数据包，这会导致浪费大量的网络资源。Nagle算法针对这种情况，要求缓存区的数据达到一定数据量或者一定时间后才将其发出，所以数据包将会被Nagle算法合并，以此来优化网络。这种优化虽然提高了网络带宽的效率，但...

封装格式H.264的两种打包/封装方法：字节流AnnexB格式 AVCC格式放用于网络发送时，要封装成RTP格式1. AnnexB格式（实时播放）开始前缀（00000001或000001）＋NALU数据,绝大部分编码器的默认输出格式3字节0x000001　　单帧多slice（即单帧多个NALU）之间间隔4字节0x00000001　帧之间，或者SPS等之前2. AVCC（存储）解码器...

MSE全称是媒体源扩展 API(Media Source Extensions API), 提供了实现无插件且基于 Web 的流媒体的功能。使用 MSE，媒体串流能够通过 JavaScript 创建，并且能通过使用 <audio> 和 <video> 元素进行播放。

如果你需要实现类似的效果，在水平滚动<ScrollView>标签中继续嵌套水平滚动的<ScrollView>标签，你会发现在Android中子ScrollView没办法正常滑动。具体可以参考这个issue。效果图如下：

由于经常需要跟IE11打交道（虽然文章发表时，IE11已经正式宣布退役了），原因是安防监控视频播放需要调用activeX控件。所以将自己的一些经验总结下。

WebAssembly（简称Wasm）是一种新型的二进制代码格式，包含这种二进制代码格式的文件可以用类似加载模块的方式被浏览器快速、高效地解析和执行。

Sequelize 是一个基于promise的 Node.js ORM, 目前支持 Postgres, MySQL, MariaDB, SQLite 以及 Microsoft SQL Server. 它具有强大的事务支持, 关联关系, 预读和延迟加载,读取复制等功能。

由上面的代码可以看出，koa-bodyparser最终还是通过co-body去解析请求内容并生成ctx.req.body.下面以parse.json为例，探究下大概过程：

在程序设计领域， SOLID（单一功能、开闭原则、里氏替换、接口隔离以及依赖反转）是由罗伯特·C·马丁在21世纪早期引入，指代了面向对象编程和面向对象设计的五个基本原则。当这些原则被一起应用时，它们使得一个程序员开发一个容易进行软件维护和扩展的系统变得更加可能。

请实现如下类型MovingAverage，计算滑动窗口中所有数字的平均值，该类型构造函数的参数确定滑动窗口的大小，每次调用成员函数next时都会在滑动窗口中添加一个整数，并返回滑动窗口中所有数字的平均值。

Webscoket是Web浏览器和服务器之间的一种全双工通信协议，其中WebSocket协议由IETF定为标准，WebSocket API由W3C定为标准。一旦Web客户端与服务器建立起连接，之后的全部数据通信都通过这个连接进行。通信过程中，可互相发送JSON、XML、HTML或图片等任意格式的数据。

题目：后缀表达式是一种算术表达式，它的操作符在操作数的后面。输入一个用字符串数组表示的后缀表达式，请输出该后缀表达式的计算结果。假设输入的一定是有效的后缀表达式。例如，后缀表达式["2"，"1"，"3"，""，"+"]对应的算术表达式是“2+13”，因此输出它的计算结果5。

图是一种非常重要的数据结构，用来表示物体与物体之间的关系。图由若干节点及节点之间的边组成。确定图中的节点和边是应用图相关算法解决问题的前提。通常，物体对应图中的节点，如果两个物体存在某种关系，那么它们在图中对应的节点有一条边相连。

Corepack是一个实验性工具，在 Node.js v16.13 版本中引入，它可以指定项目使用的包管理器以及版本, 简单来说，Corepack 会成为 Node.js 官方的内置 CLI，用来管理『包管理工具（yarn、pnpm）』，用户无需手动安装，即『包管理器的管理器』。

DEFLATE是同时使用了LZ77算法与哈夫曼编码（Huffman Coding）的一个无损数据压缩算法。DEFLATE压缩与解代码可以在自由、通用的压缩库zlib上找到。常见的压缩算法如下：

慢慢完善前言算法是亲力亲为的事，所以需要大量的时间去练习。由于时间有限，所以往往经典的题目是值得钻研的。同时在这个过程中分门别类，再进行大量总结。目录整数数组*字符串*链表*哈希表*栈*堆队列*树*堆前缀树二分查找*排序*(TODO)回溯*动态规划*图(TODO)*表示需要重点关注思维导图