cloki的博客

canvas画直线画虚线画矩形画坐标系随机生成柱状图画圆小案例 —— 绘制五环小案例 —— 画一个字母 “S”小案例 —— 画八卦镇小案例 —— 圆形进度条小案例 —— 饼状图小案例 —— 小球弹一弹小案例 —— 小球弹一弹封装画文字画一个闹钟

手动搭建 koa2 项目自动重启配置文件添加路由解析 POST 请求参数控制器中的操作步骤拆分 service 层数据库操作 —— sequelize 工具创建实体（数据模型）数据库增删改查 CRUD

手写promise

小程序开发1.1 小程序环境搭建1.2 全局配置1.3 小程序开发注意点微信获取用户信息，微信的系统接口：微信获取定位信息微信上传图片微信发送请求微信交互体验 api微信全局变量微信本地存储微信停止下拉刷新微信打开手机设置页面微信获取屏幕窗口信息微信获取设备信息微信获取系统信息微信触底事件监听微信上拉刷新微信右上角分享事件开发技巧发送短信验证码流程css 实现瀑布流微信支付流程

前端面试最后算法题

原生 js 实现 table 标签拖拽表头

设计模式一、单例模式二、策略模式三、代理模式四、迭代器模式五、发布-订阅模式（观察者模式）六、模板方法模式

JavaScript设计模式与开发事件阅读总结(一）面向接口编程多态封装设计模式———原型模式this指向call和apply的同异Function.prototype.bind()方法闭包命令模式高阶函数

源码解读二：arrify

TypeScript学习

状态管理工具pinia的使用

VueRouter4动态路由，路由守卫，权限控制

VSCode调试代码的三种方式

源码解读一：omit.js

Vue3 计算属性，监听属性

Vue3 父子传值

Vue3 Reactive全家桶

Vue3 to全家桶

Vue3 Ref全家桶

npm run dev详解执行npm run dev的过程：1、到package.json文件中找到script脚本命令dev的命令vite去运行问： 为什么不直接执行vite答： 在本地环境下没有配置vite，使用npm run dev软链接技术连接2、使用软链接技术，去node_modules文件夹中找到vite文件夹中的package.json文件中的bin配置项（软链接）3、在安装node_modules时，会将软链接地址提取出来放在.bin目录下执行npm run xxx时，查找顺序