Bojue

项目列表

在线预览

Blog List

2021年沉底记录

深入理解React hooks原理和应用

前端

• 浏览器渲染机制
• 现代浏览器基础架构
• 前端跨域解决方案
• 前端开发涉及的Web安全
• 浏览器输入URL回车后页面的呈现过程
• JavaScript定时器的工作原理
• 整理Canvas 图片跨域

网络

• HTTP 基本认证机制
• Cookie机制
• 前端鉴权
• Web浏览器缓存机制
• HTTP报文详解
• HTTP握手以及TCP标示位详情
• 网站加载Waiting (TTFB) 优化

框架

• 理解zone.js
• Angular7升级到8
• angular 版本新特性
• Vue响应式原理

算法

• Excel行列解析算法
• LeetCode

工具

• Gulp的工作原理
• webpack 热更新（HMR）实现原理
• Tree-Shaking的工作原理
• 前端监测浏览器渲染帧率fps
• Git个人笔记

Javascript

• Ajax实现原理
• JavaScript的事件委托
• 理解JavaScript立即执行函数
• JavaScript的防抖和节流
• JavaScript的深拷贝和浅拷贝
• JavaScript中call,apply,bind方法的使用及原理
• JavaScript实现图片懒加载(lazyload)
• JavaScript柯里化
• 理解JavaScript闭包
• JavaScript实现sleep方法
• 前端路由实现方式
• 自己实现一个JavaScript Promise类
• 深入理解JavaScript的this
• JavaScript的垃圾回收机制
• 将URL参数解析成Json对象
• Can (a== 1 && a ==2 && a==3) ever evaluate to true?
• Promise控制并发原理

实现原理

• JavaScript reduce实现map的原理
• Jsonp原理和实例
• JavaScript对象的iterator遍历原理
• ES6装饰器Decorator的实现原理
• JavaScript对象的iterator遍历原理
• ES6语法中常量声明（const）的实现原理
• ES6语法中类（class）的实现原理
• ES6语法中继承（extends）的实现原理
• instanceof实现原理

设计模式

• 原型模式
• 单例模式
• 亨元模式
• 简单工厂模式
• 工厂方法模式
• 观察者模式
• 桥接模式
• 链式调用
• 命令模式
• 迭代器模式
• 职责链模式
• Mimin模式
• 装饰者模式

CSS

• CSS的BFC（块级上下文）特性