总览 ​

• 全栈
• 前端
• roadmap
• 掘金翻译文档

HTML ​

• 直播等涉及HTML其中音视频的技术，也包括WebSocket、直播流等协议与技术
• WebGL Canvas 绘图
• 动画
• 协议 安全 网络
• 性能优化
• 音视频
• 可视化
• 基建
• 工程化
• 业务架构
• 爬虫框架（如Scrapy）
• 基于正则表达式、XPath、CSS等网页信息抽取技术
• 反爬机制
• HTTP代理工具Charles、Fiddler
• selection选区

CSS ​

• 交互动画animate.css
• css-tricks
• Sass
• Less
• Tailwind CSS
• You-need-to-know-css
  • Clone the repo: https://github.com/l-hammer/You-need-to-know-css.git
  • Install docsify with docsify: npm install docsify-cli -g (or yarn global add docsify-cli)
  • Development run docsify serve
  • Open http://localhost:3000 in your browser.

JavaScript ​

• 高阶函数、柯里化、装饰器模式、Class语法、Generator、Proxy 和 Reflect、Fetch、二进制数据，文件、Web components
• 正则表达式
• LeetCode
• Loadsh
• 浏览器部分常用的协议
• TypeScript
• 原型与原型链
• 对象与 this | new | this
• currying
• promise-api | Promise 练习题
• 深拷贝
• 算法
• 设计模式

JQuery ​

• fancybox
• lodashjs
• fancytree
• zTree-v3
• lightbox2
• lhgdialog

Web（PC）、H5端、APP ​

• Vue3
• React
• React Native
• Flutter
• Taro
• Electron
• TailwindCSS
• Echarts
• Three.js
• iOS

基于Vue的插件原理 ​

• ElementUI
• Hooks-Admin
• Geeker-Admin
• v-viewer
• vue-fullscreen
• v-charts
• ucharts
• Datav
• OpenLayers
• vue-element-admin
• vue-virtual-scroller

Build工具 ​

• Webpack
• Vite
• ESlint
• Babel

其他 ​

• Git
  • git常用功能总结
  • Github基本撰写与格式
• Node
• Express/Koa
• 测试
• CI/CD
• 用户体验、交互操作
• SWR

基于Vue和React的一些开源项目 ​

• 前端

  • 前端资源汇总仓库-2022
  • 腾讯移动Web前端知识库
  • maxzhang博客
  • 前端知识库

• Vue

  • 文档
    • Vue聚合网站
    • 重新認識 Vue.js | Kuro Hsu
    • Vue3 入门指南与实战案例
    • Vue 中文社区解析Vue3
    • Vue3源码流程图化
    • Vue-family-mindmap：用思维导图的形式解析Vue
    • Vue.js 2.5.17-beta.0版本解析
  • 项目
    • Geeker-Admin：Vue3.2、TypeScript、Vite3、Pinia、Element-Plus
    • netease-clound-webapps：Vue、Vue-router、Vuex、Muse-UI
    • 全栈式开发bilibili首页：Vue3、Vuex、Vite、stylus、nginx、koa2
    • Vue-element-admin：Vue
    • blog-Vue-typescript：Vue3 + TypeScript + Vite2 + Vuex4 + Vue-Router4 + element-plus搭建的blog平台
    • Vue-vben-admin：Vue3, Vite2, TypeScript
    • el-form-dialog：A tool to make el-dialog and el-form work eaiser
    • vue-data-tables：A simple, customizable and pageable table, based on vue2 and element-ui.
    • vue-typescript-admin
    • Hooks Admin：基于 React18、React-Router v6、React-Hooks、Redux && Redux-Toolkit、TypeScript、Vite2、Ant-Design 开源的一套后台管理框架。
    • fantastic-admin
    • one-step-admin
    • fantastic-startkit
    • hooray
  • 插件
    • vue-vconsole-devtools：vue-devtools 嵌入vconsole插件 ，在移动端获得官方debug体验
    • keep-alive-helper：Vue 2.x keep-alive页面缓存自动管理插件

• React

  • 文章
    • React 老矣
  • 文档
    • React技术揭秘
  • 项目
    • react-store-admin
    • ant-design-pro：React、umi ，Ant Design
    • react-admin：：React、 ES6、Material Design、MUI、React-Hook-Form, React-Router, React-Query, TypeScript
    • react-tetris ：俄罗斯方块
    • kutt ：短链
    • Win11 in React：Web 版 Windows 11
    • JoL-player：视频播放器
    • Take Note：笔记应用
    • Fiora：聊天应用
    • Todoist clone：克隆版 Todois
    • Jira Clone：克隆版 Jira
    • React95：Windows95 UI
    • argon-dashboard-react

• Blog

  • VitePress

• 文章

  • webpack合并环境配置文件
  • 大厂是怎么做移动端适配的
  • 再聊移动端页面的适配
  • 如何在Vue项目中使用vw实现移动端适配
  • 使用Flexible实现手淘H5页面的终端适配 评论区有其它文章

十二个月每个月一个主题 ​

1. Hightopo
2. 设计模式
   1. 美团技术文章
   2. 图说设计模式
   3. design-patterns-for-humans
   4. 博客
3. LeetCode
4. vue-element-admin
5. Geeker-Admin
6. IOS
7. You-need-to-know-css
8. typescript