# test-js

**Repository Path**: test-libs/test-js

## Basic Information

- **Project Name**: test-js
- **Description**: learning js and some demos
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-02
- **Last Updated**: 2026-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 结构说明

## a-htmls

一些 html、css 内容。

### knowledge

针对知识点的零散示例。

- flex1.html：关于 flex 的方向、主轴居中、横轴居中。
- fixed.html：css 的 fixed 属性，可以将内容钉在屏幕不动，不随滚动条滚动。
- blob/\*：关于 blob、File、FileReader、ArrayBuffer、Base64 的示例。

### demos

一些可用的案例。

- tab-auto-width.html：模拟标签页：可变宽度、带关闭按钮。
- color.html：试一下 rgba 的颜色效果。
- canvas-draw-line.html：在 canvas 中绘制直线。
- canvas-draw-one-vline.html：在 canvas 中绘制一条竖直的线。
- xmlhttp.html：js 发起一个 get 请求。
- calc-input-width：计算 input 里面内容的宽度。
- memory-leak-demo.html：内存泄漏分析示例（https://www.bilibili.com/video/BV1d44y1m7UY）

## data-structure

里面是一些 js 数据结构的 demo 示例。

- testMap.js：关于 Map 类的使用。
- testBoolConvert.js：关于一些值的布尔类型转换
- testVisitObject：关于遍历对象的属性和属性值的方法
- testArr.js：数组方面。
- testJSON：json 方面。
-

## utils

写的一些小型工具类的函数，可能对于某些业务有用。

- formatStringArray：将数组内元素按顿号隔开返回字符串，如果数量 maxCount，则增加省略号
- calcRadiansBetweenTwoPoints：计算两个点与 Y 轴所夹弧度角。
-

## dom-js

在 html 文件里面测试 js，因为需要用到 dom。

- event-once.html：创建点击事件时使用 once 参数可以在触发一次事件后自动移除事件。
- canvas-click-draw-circle.html：点击 canvas 绘制实心圆点或十字圆形