mjyg / Blog

Jie's Blog

• 持续学习，不忘初心
• "临渊羡鱼，不如退而结网"
• 成功的道路从来不拥挤，今天你有进步吗？
• 每当你觉得以前的自己渣像块豆腐渣时，就代表你进步了;反过来总说想当年自己如何如何，那说明你还在吃老本
• 一般你能轻松学到的东西，别人也可以。因此，如果你想挤进那20%的行列，就要学到一般人学不到的深度，学到一般人学不了的东西。自然，是需要更多额外的努力的。

目录

• JS基础
  • 变量提升、函数作用域、块级作用域
  • 原型、原型链
  • this
  • 闭包
  • 类数组对象
  • JS创建对象方法比较
  • JS继承方式比较
  • JS里分号的作用
  • Proxy
  • Reflect
  • JS元编程
  • 深拷贝
  • V8垃圾回收机制
• JS新特性
  • ES7&ES8新增语法
  • ES9新增语法
  • ES10新增语法
  • ES11新增语法
• CSS
  • BFC
  • Flex布局和Grid布局
  • CSS3 Matrix
• Promise
  • Promise的链式调用
  • 十二步大白话手写一个Promise
• 函数式编程
  • 基本概念
  • 各种函子&Monad
• Webpack
  • Webpack4
    • 输出文件分析
    • 源码分析
    • 自定义loader
    • 自定义plugin
  • Webpack5
    • 新特性
    • 输出文件分析
• Vue
  • 作用域插槽
  • vue-cli源码分析
  • 实现简单的脚手架工具
  • 手写MVVM实现Vue的双向绑定
  • vue2双向绑定源码分析
  • vue3原理浅析
• React
  • React Hook
  • React Router
  • React性能优化
  • 手写useState和useEffect
  • 手写React Hook防抖和节流
  • React17源码分析
• Redux
  • Redux基础
  • 九步大白话手写一个Redux
• Web Components
  • 实现简单记事本
• 手写系列
  • 手写call和apply
  • 手写bind
  • 手写new操作符
  • 手写Object.create函数
  • 手写instance操作符
  • 手写防抖函数
  • 手写节流函数
  • 手写parseInt
  • 手写proxy的get和set
• 性能优化
  • 基本概念
  • 浏览器缓存
  • LRU缓存机制
  • CSS阻塞
• web安全
  • 跨站脚本攻击(XSS)
  • 跨站请求伪造(CSRF)
  • 跨域
• QA
  • 测试方法
  • 测试React组件
• 算法和数据结构
  • 数组
  • 字符串
  • 链表
  • 栈和队列
  • 树
  • 数学
  • 排序
  • 动态规划
  • 递归
  • 滑动窗口
  • 哈希表
  • 堆
  • 图
• 其他
  • EventLoop
  • 二进制文件流下载和打印
  • 写一个适应所有环境的JS模块
  • jQuery源码学习
  • A.name发⽣变化时⽴即执⾏A.getName
  • 虚拟dom转化为真实dom
  • 请求失败后一定时间重试
  • 字符串解析
  • CSS实现左侧宽度固定，右侧自适应布局
  • CSS实现左右侧宽度固定，中间自适应布局
  • 判断一个对象是数组的不同方式
  • 检测循环依赖
  • input输入格式化，并调整光标位置
• 笔记