into-piece / Step-By-Step

每天一题向前端架构师前进

Here is font-end learner intopiece-bin blog

2020

20200526

• Event Loop 中的 rAF，rIC 和渲染
• IntersectionObserver

20200525

• 回流，重绘与合成的区别，如何优化
• 为什么 react 使用 fiber 做时间分片不用 generator
• React 原生动态加载
• babel 原理

20200522

• 腾讯面试
• csp( Content-Security-Policy 1.meta 的 http-equiv 属性 2.http header

20200521

• 原生的自定义事件吗(坑 还没填

20200519

• vue2 defindproperty 双向绑定与 vue3 proxy 的区别
• webpack 构建优化
• animation
• 1px 的问题
• react-native 如何使用 code-push 热更新
• Gulp 和 Webpack 功能实现对比
• 设计模式
• redux 中间件源码解析

20200513

• koa 的洋葱模型实现
• 服务端是如何做路由分发
• 操作系统 - 磁盘寻道调度算法
• 常见进程间通信（IPC）方式
• 从输入 URL 到页面渲染经历了什么
• setTimeout setImmediate process.nextTick 的区别
• http2 对比 websocket
• vue3

4-28

• URLSearchParams 用法和实现
• PWA 优势和如何实现
• node 中的 vm
• 【nodejs】eventloop + 线程池
• 系统架构 =》 Nginx 负载均衡 + Node service 层 + Redis 在内存中进行数据结构存储 （db 缓存 + Kafka 做消息队列 + MySQL 数据库层
• referer-policy

4-27

• Observer api (IntersectionObserver)
• Proxy 和 Reflect
• Typescript + Throttle + Hook
• EventSource
• 压缩图片方案解析

走进 React Fiber 架构

介绍 React 重构的起因和目的，理解 Fiber tree 单向链表结构中各属性含义，梳理调度过程和核心实现手段，深入新的生命周期，hooks，suspense，异常捕获等特性的用法和原理。

react 灵魂拷问

• setState 什么时候异步什么时候同步？
• diff 完成后如何合并两个虚拟 dom 树的差异之处？
• 为啥需要 bind(this)

持续更新=》面试集锦

• vue 双向绑定
• webpack 打包原理
• 热更新底层逻辑
• 跨域
• GET 和 POST 到底有什么区别？
• tcp udp 的区别
• 执行上下文
• let var 区别，let 为什么能实现块儿作用域
• js 处理代码的过程
• 理解堆栈溢出和内存泄漏的原理，如何防止
• typescript 的 type 和 interface 的区别

每日一题

1. Promise 全解析
2. 说一说你对 JS 上下文栈和作用域链的理解？
3. 事件轮询 eventloop=>setTimeout 倒计时为什么会出现误差?
4. 闭包
5. 异步加载 js 脚本的方法有哪些？
6. JSONP 原理及简单实现
7. 实现一个数组去重的方法

面试总结的 xmind