Javascript

前言

点击对应名字的可以跳转到对应的项目文件下，里面readme有详细说明

目录说明

• code-list 实用的代码片段
• game-react react实现的游戏（预览）
• game-vanilla 原生js游戏游戏
• html-css-layout 纯html css布局相关
• logic-list 关于编程、算法思想
• test-react react实现的一些杂项
• test-vanilla 原生js实现的一些杂项
• work-list-react react实现的一些解决方案（预览）
• work-list-vanilla 原生js实现的一些解决方案

项目外一些工程

• easy-interceptor一款集成了模拟和拦截请求并拥有一定编程能力的谷歌浏览器插件
• easynote-tampermonkey一款提取网页内容的tampermonkey插件
• wmplayer封装AudioContext，实现对音频的控制和解析，用于做播放器或者音频特效
• sync-session跨页面同步sessionstorage

code-list

• 常用类型判断
• 惰性函数
• 发布订阅
• 防抖与截流
• 获取最新的一次请求
• 拷贝
• 类型判断
• 链式调用
• 手写数组扁平化
• 手写instanceof
• 手写new
• 手写promise
• 数组分组
• 随机字符
• 文件下载
• 一种流程图的设计
• 一种组织架构图设计
• 异步并发限制
• 异步串行
• 异步sum
• 字节大小
• list-to-tree
• react中合并class
• schedule
• url相关
• 数组树节点路径查找

game-react

• 峰回路转
• 黑白迭代
• 黑白无双
• 数字华容道
• 旋转拼图
• 战旗阵地
• 2048

game-vanilla

• 打砖块
• 打砖块2-自定义关卡
• 扫雷
• 飞机大战
• 飞机大战2
• 寻找多边形

html-css-layout

• 响应式布局
• 纯css的树形结构
• 纯css的icon

logic-list

• 手写堆
• 函数柯里化
• 常见排序
• 二叉树，平衡二插树，满二叉树
• 线性同余LCG

test-react

• 柏林噪声算法
• 封装组件，封装hooks
• 杂七杂八的组件测试

test-vanilla

- 暂无

work-list-react

• 双向的锚点定位
• 页面加载动画
• 利用封装简易的grid布局
• 无限滚动
• 搜索高亮
• 多页面通讯
• 滚动容器
• 下拉

work-list-vanilla

• 原生实现的树形结构（预览）
• 原生实现的color-picker（预览）

LICENSE

MIT