pdksophia / blog.io

💗个人博客，有事没事就记录一些前端面试知识、工作中遇到的一点一滴，博客地址:

Ⅰ	Ⅱ	Ⅲ	Ⅳ	Ⅴ	VI	VII	VIII	IX	X
前端	后端	浏览器	计算机网络	设计思考	前端工程化	数据结构	算法	开源	思考杂谈

关于我

江湖人称“彭于晏广州分晏”，掘金专栏作者，投身开源，rc-redux-model 库作者，你可以加我微信 PPPengDK，如果你有问题可以点击这里进行留言，我还写了本掘金小册《Electron + React 从 0 到 1 实现简历平台实战》，希望对你有所帮助。

有很重要的话要说

所有的内容都是结合自己平常复习、面试、知识查缺补漏、日常工作笔记进行的归纳总结。

大部分知识点是 18、19 年校招面试时复习撰写，阅读过程可能会有些知识陈旧或图裂，如果小伙伴们在阅读过程中发现有歧义。麻烦踢我一下，我会进行修改更正。同时很多文章内容还没补齐，都是从自己的语雀笔记中摘录，大部分是笔记形式，还没整理成文章，但请放心，我会补全。

接下来会有一个复习专区，除了书籍打卡，更多的是一个知识技术体系的梳理和复习，感兴趣看这里 : read-booklist

客官，点个赞?

⭐ 如果觉得对您有帮助的话，点个 star 再走？

社区帐号

• 博客 [💻 技术渣渣]
• 掘金 [🏷️ 小册作者]
• 微博 [🌞 撕逼达人]
• 小红书 [👔 穿搭博主]
• Bilibili [🎤 即将直播]

🐷 前端

前端主要涵盖【HTML】、【CSS】、【JavaScript】、【Vue】、【React】，下面列出高频文章，更多文章请点击这里：前端文章

📢 如果你无法耐得住性子看红皮书，可以看这里 : 📕 JavaScript 高级程序设计第三版红皮书总结

📢 如果你想了解 JavaScript 设计模式相关知识，可以看这里 : 🎨 JavaScript 设计模式的学习

• HTTP 状态码
• 行内元素有哪些？块级元素有哪些？
• 盒模型
• Flex 布局
• BFC 的理解
• 垂直居中的方式
• 清除浮动的几种方式
• position 属性的了解
• 如何画一条 0.5px 的线
• transition 与 animation
• 面试题: CSS3 新特性
• visibility : hidden 和 display : none 以及 opacity : 0
• 闭包
• 聊下操作符
• 防抖和节流
• 前端模块化 · hot
• 垃圾回收机制
• 深拷贝和浅拷贝 · hot
• JS-私有变量
• 原型与原型链 · hot
• 面向对象与继承 · hot
• Apply 和 Call · hot
• Async 和 Await · hot
• Promise 了解及原理 · hot
• 作用域安全的构造函数
• 函数绑定与柯里化函数，手动实现一个 bind 函数 · hot
• Vue 生命周期
• Vue 数据双向绑定原理
• Vue 的 Diff 算法
• Vue 的 Router 路由原理
• Vue 中的 computed 和 methods 有什么区别
• Vue 中 nextTick 与 watcher 以及 Dep 的原理
• Vue 的第三方组件包实现
• React 从源码看生命周期
• React 合成事件的背后故事
• React 中 key 的作用
• React 和 Vue 的区别
• React 状态管理了解
• Redux 的内幕（一）
• Redux 的内幕（二）
• Redux 源码与编程艺术
• React 中 Hox 状态管理库了解及扩展
• Redux 中间件开发（一）
• Redux 中间件开发（二）
• React 从 0 到 1 搭建项目
• ServiceWorker 的了解
• 前端监控及前端埋点
• Sugard 换肤实现

🐒 后端

后端主要涉及【Node】、【MySQL】、【Nginx】等一些知识，更多文章请点击这里：后端文章

• RSA 加密
• Egg 了解
• SSR 服务端渲染
• DNS 的了解
• Node 在 redis 中缓存 session 的坑

🐑 浏览器

浏览器主要涉及【跨域】、【渲染原理】、【网络请求】、【插件】等一些知识，更多文章请点击这里：浏览器文章

• 跨域常见的几种方式
• 项目中常见的跨域解决方法
• 浏览器渲染页面原理及流程
• 事件机制及事件委托
• 懒加载与预加载
• eventloop 了解
• setTimeout 和 setInterval

🐯 计算机网络

计算机网络主要涉及【TCP】、【HTTP】、【CDN】、【网络性能】、【请求合并】等一些知识，更多文章请点击这里：计算机网络

📢 如果你无法耐得住性子看计算机网络，可以看这里 : 💗 计算机网络整本书复习精华

📢 如果你想了解 图解 HTTP，可以看这里 : 🔥 图解 HTTP

• TCP 与 UDP 的区别
• TCP 三次挥手和四次握手
• HTTP 和 HTTPS 的区别
• HTTP1.0 和 HTTP1.1 以及 HTTP2.0 的区别
• Session 与 Cookie 的区别
• 针对 Web 的攻击技术 XSS 与 CSRF
• 从输入 URL 到页面加载完成的过程 · hot

⏳ 设计思考

设计思考主要体现在日常工作中，对组件、功能的一些设计，更多文章请点击这里：设计思考文章

• 白话大谈前端设计模式· hot
• Button 组件开发的思考（一）
• Button 组件开发的思考（二）
• 日常写代码中关于设计模式的运用（一）
• 日常写代码中关于设计模式的运用（二）

🔨 前端工程化

前端工程化主要涉及【Webpack】、【Vite】、【Monorepo】等一些知识，更多文章请点击这里：前端工程化文章

• webpack 基础了解
• webpack 工作原理
• webpack 插件实战
• vite 了解及工作原理
• gulp 基础了解
• rollup 基础了解
• sourceMaps 的作用
• git ssh 配置
• git 多人协作
• monorepo 多包方案
• npm 第三方包本地调试
• iframe 和 webview 区别
• vscode 插件开发（一）
• vscode 插件开发（二）

🐶 数据结构

数据结构主要涉及常见的【图】、【树】、【链表】等一些知识，更多文章请点击这里：数据结构文章

• 图
• 栈
• 队列
• 链表
• 字典
• 二叉树

🐘 算法

算法主要涉及常见的【排序算法】、【剑指 offer】、【leetcode】等一些知识，更多文章请点击这里：算法文章

📢 这里我需要补充一点，前端对算法也是很看重的，所以推荐大家先看《图解算法》+《数据结构》相关书籍，然后去 leet-code 刷 Top100，刚开始只需要刷 Easy 题就好，同时可以搭配《剑指 offer》

如果你不想看书，也可以看我做的总结：《📒 算法笔记》

• 快排
• 堆排
• 插入排序
• 归并排序
• 冒泡排序
• 选择排序
• 常见的面试题
• 《剑指 offer》面试题
• leet-code top 100 · new

🐓 思考杂谈

一些日常记录总结

• 2019 年度总结
• 2020 年度总结
• 2021 年度总结
• 工作两年的感想
• 技术方案评审思考
• 一名小册作者的思考

🐂 开源

☁️ erek-resumes

erek-resumes 致力于为简历差劲不懂如何制作简历的同学在线制作一份较为完美的简历。目前此项目已经废弃，已转接新项目：visResumeMook，同时撰写配套的掘金小册购买链接 👉 《Electron + React Hooks + TS 实战开发：从 0 到 1 实现简历平台》

📢 更多介绍看这里 : erek-resumes

📢 更多介绍看这里 : visResumeMook

📕 read-booklist

read-booklist 书库，书中自有黄金屋，书中自有颜如玉，人丑就要多读书，这里是记录我看过的书和给自己的一个书单计划表

📢 更多介绍看这里 : read-booklist

rc-redux-model

✍️ 提供一种较为舒适的数据状态管理书写方式，让你简洁优雅的去开发；内部自动生成 action, 只需记住一个 action，可以修改任意的 state 值，方便简洁，释放你的 CV 键～

📢 更多介绍看这里 : rc-redux-model

learn-vscode-extension

主要用于学习 vscode 插件开发，更多精彩 demo 看这里

vscode-beehive-extension

项目辅助工具，已上线 vscode，下载看这里：download

书单打卡

下边是 2019-2020 年度的书单，很抱歉，立下的 Flag 没能做到，因为前段时间忙于毕业设计，毕业旅行，已经其他事情耽搁，现已经毕业入职工作，更没时间读书了，但是，不学习怎么能行，所以现在重新拾回书单，感兴趣的可以一起学习哈，如果有好的书籍推荐，可以提 issues

📢 书单里的书是自己列的，有些书只是挂起，但还没时间读，同时，在读书中，可能会跑去读其他不在此书单中的书，也就是会阶段性的更新书单 ~

2020-10-28 更新，很快 2020 年就要结束了，也读了一两本书，但是没时间整理总结，接下来会开一个专区，用于技术知识的扩展和复习，欢迎大家加入～ 一起奥利给！！！

2022-01-17 更新，2021 年都过去了，读的书更少了，最近在反思工作两年半的收获，重新梳理知识体系，接下来会进行一系列的复习和扫盲，大家冲！

开源组织 STSC

博主与另外两名志同道合的小伙伴，组了一个开源组织，致力于打造一个提供技术、业务、生活交流的空间，博主本身是 SugarTurboS Club 开源组织委员会成员，内部土拨鼠分享大会负责人，也希望有这方面志同道合的小伙伴加入，大家一起搞事情啊～ 同时开源组织的相关建设也需要大家的支持～

• 组织 : https://github.com/SugarTurboS
• 掘金 ： https://juejin.im/user/3526889001458910
• 博客 : https://github.com/SugarTurboS/Blogs
• 社区 : https://github.com/SugarTurboS/Sugar-Community

blog.io's Issues

明明可以靠脸的😄

如标题

转载请求~

Hi，设计模式一文写的很赞，让我收获不少。
想把设计模式一文转载到我的语雀知识库中，可以吗。
谢谢了~

强

i了

👍

为什么学这个当博客？

我有个弱弱的问题:question:

为什么您使用Github做为博客？我看您的前端技能比我强得多啊，为什么不自己搭建Github Page？

还有好像用仓库搭建博客不好吧，建议去CSDN试试？个人认为掘金一般般……

纯粹建议，不听没关系

Hi boy, i want to make friend with you

hi boy, I want to make friend with you.
here is my introduce
https://juejin.im/user/5aeda6d5518825670c45d147
If you also want to make friend with me, you can get my wechat by blackofsnow