👀 Learning by doing

🤔 What is this?

• Record the problems encountered during development and personal summary of knowledge articles.

• Link.

• yuque-private.

📚 目录

• 📝 思考与总结
  • [x] 2017
  • [x] 通宵加班吐槽 - 负能量(已加密)
  • [x] leave it - 负能量(已加密)
  • [x] 2018
  • [x] 2019 - 忙(没写完)
  • [x] 2020
  • [x] 2021-职业思考
  • [x] 2021
• 🚌 前端面试
  • [x] 页面布局
  • [x] CSS 类
  • [x] DOM 事件
  • [x] HTTP 协议类
  • [x] 原型链
  • [x] 面向对象
  • [x] 通信类
  • [x] 安全类
  • [x] 算法类
  • [x] 渲染机制
  • [x] JS 运行机制
  • [x] 页面性能类
  • [x] 异常与监控
  • [x] 虚拟 DOM (Virtual DOM) 和 Diff
  • [ ] Vue - 待补充
  • [ ] React - 待补充
  • [x] 面试题目总结 -- 暂停更新
• JavaScript
  • [x] Web Scoket 类方法封装
• 设计模式
  • 创建型模式
    • [x] 工厂模式
    • [x] 单例模式
  • 结构型模式
    • [x] 适配器模式
    • [x] 装饰器模式
    • [x] 代理模式
    • [x] 外观模式
  • 行为型模式
    • [x] 策略模式
    • [x] 观察者模式
    • [x] 发布订阅模式
• 数据结构与算法
  • [x] 复杂度分析
  • [x] 排序
  • [x] 栈
  • [x] 队列
  • [x] 链表
  • [x] 树
  • [x] 哈希表
  • [x] 字典
• 框架与类库
  • Vue
    • [x] Vue(2|3) 学习记录(全家桶)
    • [x] vue 模板编译
    • [x] vue 模板编译 -- code
    • [x] vue 使用 jsx 或 tsx 开发
    • [x] 生产环境使用 vue devtools 调试
    • [x] Cases - vue2-jsx 项目代码
    • [x] vue3 练手项目(Vite, tsx, 二次封装 vuex 主要是为了更好的 ts 推断)
    • [x] Cases - 基于 Vue3 与使用 tsx 风格编写 demo -- 未完成(暂停更新)
  • React
    • [x] React 学习记录
    • [x] Hooks
    • [x] Cases - Hooks -- code
    • [x] Cases - storybook 开发组件项目
  • GraphQL
    • [x] Cases - 后端案例(express)
    • [x] Cases - 前端案例(Vite+Vue3+TSX)
  • Snabbdom
    • [x] 虚拟 DOM 源码分析
    • [x] Snabbdom 3.0.1 源码笔记
    • [x] Snabbdom virtual-dom 测试代码
• Nodejs
  • [x] cli
  • [x] More
• 前端音视频
  • [x] H5 直播 video | X5 内核 | Android or IOS
  • [x] 🔧 工具函数封装 音频流转 mp3 | Gop 关键针
• 微前端
  • qiankun
    • [x] 基座 - base
    • [x] 子应用 - vue
    • [x] 子应用 - reat
    • [x] 子应用 - angular
    • [x] nginx.conf
• 👷 工程化
  • [x] 组件设计思考
  • [x] 版本管理
  • [x] PM2 常用操作
  • [x] Http | Https
  • 私服搭建
    • [x] Verdaccio
    • [x] Nexus
  • [x] StoryBook 构建 UI 组件 - 项目演示
• 监控
  • sentry
    • [x] 私有化部署
    • [x] 项目接入与问题记录
    • [x] 监控原理
  • [x] 腾讯云-前端性能监控
• 运维知识
  • [ ] Linux
  • [ ] Jenkins
  • Docker
    • [x] 命令与学习笔记
    • [x] docker-compose
    • [x] docker-gitlab
    • [x] 练习
  • [ ] Kubernetes
  • [ ] Nginx
• 构建与运行环境
  • WebPack
    • [x] webapck 学习记录
  • [ ] rollup
  • Vite
    • [x] Vite 生成 vue2 模板库
    • [x] ES Module 在浏览器中的应用(针对 Vite 挖掘，为什么比 webpack 快)
• Jest
  • [x] Cases - *+react
  • [x] Cases - *+vue2
  • [x] Cases - *+vue3+ts
  • [x] Cases - 刷 leetcode 起的环境仓库
• Node.js
  • [x] Cases - 实现多人聊天室功能(前后端)
  • [x] Cases - 使用 node 生成 swagger api 文档
  • [x] Cases - 大文件分片上传
  • [x] Cases - 基于 Node.js 的视频流播放

💼 有用的工具

• 日常开发工具类
• node 包管理工具与源切换
• Windows 桌面版微信内置浏览器调试(新版不兼容)
• 微信内置浏览器缓存清理
• Chrome 相关

📜 License

MIT License © 2017-PRESENT wudi