前端

CSS

滤镜 选择器权重 一些CSS小碎骨

JavaScript

symbol类型 Proxy和Reflect Set、Map、WeakSet和WeakMap 原型链 模块化 函数的二义性 importmap JS运算规则 async和defer 直接赋值undefined的坑 数字的写法 大数字的问题 parseInt requestAnimationFrame为什么流畅 call的实现 Promise.All的实现 数组解构的本质 Vue的hasChanged 标记模板字符串

前端算法/数据结构

递归数组求和 深度克隆 不用中间变量实现数字交换 计算机的小数运算大坑 最简单的判断2的幂 二进制存储数据组合

TypeScript

基础类型 任意类型 Object、object和{} 接口和对象类型 数组类型 函数类型 联合类型、交叉类型和类型断言 内置对象 Class类 元组类型 枚举类型 类型推论和类型别名 never类型 泛型 tsconfig.json配置文件 namespace命名空间 三斜线指令 声明文件d.ts Mixins混入 装饰器Decorator 构建TS项目 类型兼容 Partial和Pick Readonly和Record infer

Vue.js

Vue3概述 nodejs底层原理 Vite目录&Vue单文件组件&npm run dev 模板语法&Vue指令 虚拟DOM和diff算法 Ref全家桶 Reactive全家桶 to全家桶 Vue3响应式原理 computed计算属性 watch侦听器 组件＆Vue3生命周期 BEM架构&Layout布局 父子组件传参 全局组件、局部组件、递归组件 动态组件 插槽slot 异步组件＆代码分包＆suspense Teleport传送组件 keep-alive缓存组件 transition动画组件 transition-group过渡列表 依赖注入Provide&Inject 兄弟组件传参和Event Bus TSX 深入v-model 自定义指令directive 自定义Hooks NPM库的打包和上传 定义全局函数和变量 编写Vue3插件 scoped和样式穿透 Vue Style Vue3集成Tailwind CSS Event Loop和nextTick Vue开发移动端 unocss原子化 函数式编程h函数 Vue+Electron桌面程序 环境变量 Webpack构建Vue3项目 Vue3性能优化 Vue3 Web Components Proxy跨域 Vue+Ionic开发移动端 多端样式适配 编译宏

Pinia

Pinia简介 初始化仓库Store State 解构Store Actions和Getters API Pinia插件

Vue-Router

Vue-Router概述 命名路由和编程式导航 历史记录 路由传参 嵌套路由 命名视图 重定向和别名 导航守卫 路由元信息 路由过渡动效 滚动行为 动态路由

网络与安全

canvas指纹追踪技术 React CSS键盘记录器 照片信息EXIF 蜜罐技术 自动化UI测试 输入法 网络模型 TCP 浏览器输入URL发生了什么 CDN 浏览器跨域 Ajax Fetch SSE WebSocket navigator.sendBeacon SSL TLS HTTPS JWT 网络状态 XSS跨站脚本攻击 TCP实现HTTP服务

浏览器

事件循环Event Loop 页面的渲染

碎片小姿势

PM2 埋点SDK 微前端 纯前端图片压缩 babel和corejs postcss 发布订阅模式 纯CSS瀑布流 dll缓存 获取元素尺寸的方式 Flip动画 正儿八经瀑布流 一块旋转的圆环 旋转边框按钮 Material文本框 旋转小卡片 圆形变亮