Blog

🌱 记录前端学习的笔记，总结、记录成长的过程。🍀 构建自己的知识体系。

🐳 线上版本

接触一样技术或者工具时，最先了解的是概念部分，紧接着是它的实践应用。随着实践应用的深入，我们可能需要通过了解原理来更好的解决问题，更好的优化实践应用。

是什么(WHAT)-怎么做(HOW)-为什么(WHY)

前端基础

• 类与继承
• 赋值与深浅拷贝
• 作用域与闭包
• 理解this
• call, apply, bind手动实现
• JS 事件队列/循环(Event Loop)
• AJAX
• 理解节流与防抖函数
• Object 构造器及原型上的方法

前端进阶

• 开发中常用的 Typescript 技巧
• 高阶函数
• JS 设计模式
• 数据结构与算法
• 数组的数据处理
• lodash omit

React应用

• React 性能优化
• React 生命周期总结&应用
• Redux/React-Redux
• Redux 中间件
• 加密图片获取
• Picker 组件
• Swiper插件踩坑
• 找房筛选条件表单封装
• umi3 升级
• 组件设计模式

前端综合知识

• 性能优化
• 从输入网址到页面渲染经历了什么
• http 知识体系

工程化

• C端Next.js项目踩坑
• 使用 webpack 从零配置 React 开发环境及打包优化
• webpack 配置及优化
• vscode 插件与配置
• git 的使用
• Git 多账号配置
• windows 系统搭建私有 npm 仓库
• 前端从切分支到打包上线的流程整理

后端

• Next.js Node 层上传/接收文件流
• node 知识点
• 博客的后端实现
• mysql 使用
• 使用服务器
• nginx 在 window 下的配置与使用
• ubuntu服务器终端及图形界面连接

第三方库

• 微信公众号网页登录与支付
• vue-element-admin 的使用
• vuepress 一些自定义配置

关于

本项目使用vuepress框架

项目启动:

yarn dev

项目发布至Github Page(使用git bash客户端，sh命令windows不识别):

yarn deploy

其他

• yarn build 会自动把 README.md blob 地址替换为 github page 地址
• .vuepress/config.yml 用于配置左侧菜单