README.md

黄建新的笔记空间 📒

🚀 Hi~ 欢迎来到黄建新的笔记空间！

这里记录了我从事前端多年来的笔记、总结和人生感悟 📒
如果发现某篇笔记存在笔误或者错误，欢迎给我提交 Issue 或 PR 👏
也希望你能提出宝贵的意见让我们共同成长 ⛽️
希望我的笔记对你有所帮助，最后别忘了 Star 呦～ 🌟

!> 本笔记为个人学习日常和工作开发中的经验积累，因此可能会引入第三方资料。但由于本站的初衷和性质是为了便于自己使用，因此并不存在抄袭和盗用！介意者可停止阅读，退出本站即可！🤝

目前收录的笔记 📦

项目规范和风格

• 代码规范
• 代码风格
• Git 规范
• API 接口规范

前端笔记

• JavaScript 实战练习
  • 渲染自定义组件
  • Store 实现多个 class 之间数据共享
  • 生成虚拟 DOM
  • 封装 Touch 类
  • 原生的 Ajax 实现有进度的文件上传与下载
  • 手写类似 pubsub-js 的事件队列库
  • 手写 Axios
• HTML 和 CSS系列
  • HTML标签篇
  • 详解 CSS 选择器
  • 常见的CSS效果
• JavaScript
• TypeScript
• Webpack
• 微信小程序
• 计算机网络
• Webpack 搭建工程化项目
• Vite 搭建工程化项目

前端框架

• Vue
  • Vue3+JavaScript
  • Vue3+TypeScript
  • Vue3 项目搭建
• React
  • React18+JavaScript
  • React18+TypeScript
• qiankun
  • qiankun 使用

前端构建工具

• Webpack5 学习
  • Webpack 是什么
  • Webpack 配置项总览以及初体验
  • Webpack 配置结构的多种写法
  • Webpack 常用的核心配置
  • Webpack 中常用的 Loader
  • Webpack 常用的 Plugin
  • Webpack 如何加载图像
  • Webpack 如何压缩代码
  • Webpack 开发 PWA 应用
  • Webpack 如何构建 npm 包
  • Webpack 如何提升构建性能
  • Webpack 生产环境优化
  • Webpack 如何编写 Loader
• Webpack5 实战
  • 搭建基础的前端工程化项目
  • 搭建 Vue3 项目的开发环境
  • 搭建 React 项目的开发环境
• Vite

Node 相关

• 包管理工具
• nvm
• Express
• Koa
• NestJs

数据库

• MongoDB
• MySQL
  • 基本概述和安装
    • 基本原理
    • 安装和配置
  • 关键字
  • 函数
  • 事务
  • 案例学习
• Redis

Git 和 GitHub

• Git 总结
• GitHub 操作指南

Shell 学习

• 基本用法
• 常用快捷键
• 常用的命令关键词
• 模式扩展
• 变量
• 算术运算
• 脚本入门
• 条件判断
• 循环
• 函数
• 数组

Docker 学习

• Docker 介绍及安装
• Docker 常用指令指南
• 容器快速上手
• 镜像快速上手
• Dockerfile 快速上手
• Docker 管理数据
• Docker 网络
• Docker Compose
• Docker 搭建本地 Node 开发环境
• Docker 常见问题

服务器相关

• Nginx
• Pm2
• Jenkins
• MongoDB
• MySql8.0
• Node

开发技巧

• 解决 Mac 运行 sh 文件闪退
• 打包忽略 eslint 的错误
• npm、yarn、pnpm 换源
• 常用的 AI 网站
• Mac 终端配置
• 多文件拖拽上传和点击上传
• Js 读取图片的宽高信息
• Node 中如何使用环境变量
• 使用 npm scripts 进行版本管理
• VsCode 操作技巧
• 使用阿里云 OSS 进行文件的传输
• Docker 切换镜像源
• 文件的下载与压缩 Zip 下载
• Node中通过脚本生成模版文件
• 从零搭建一个Monorepo项目