qingzeng/blog.io

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

Ⅰ	Ⅱ	Ⅲ	Ⅳ	Ⅴ	VI	VII	VIII	IX	X
HTML	CSS	JavaScript	Vue	React	浏览器	计算机网络	数据结构	算法	工作笔记

有很重要的话要说

博主是一枚 2019 应届生，因为当时很多大厂的校招已经打响，博主前两天也通过学长学姐们，内推了些大公司，简历一关应该都能过，所以得开始准备一下面试，得复习一哈，在这边的会记录我面试准备看的些书籍和知识点，如果有兴趣的小伙伴，可以看看哦 ~

所有的内容都是结合自己平常复习面试以及面试官提问，还有看《面试图谱》进行的归纳总结，包括会整理自己日常工作中踩到的坑，如果觉得哪个地方写错误导大家的，麻烦邮件私一下我，我会进行修改更正，最重要的是，如有转载，请注明原出处！！！并且邮箱告知一声！谢谢！毕竟我总结写的也不容易，辛苦各位。

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

客官，点个赞?

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

联系方式

github : https://github.com/PDKSophia

书单 : https://github.com/PDKSophia/read-booklist

博客 : https://github.com/PDKSophia/blog.io

掘金 : https://juejin.im/user/594ca8a35188250d892f4139/posts

微博 : https://weibo.com/u/2971991985

邮箱 : 1063137960@qq.com

STSC : https://github.com/SugarTurboS

⏳ KT 技术专栏

• 【KT】谈谈日常写代码中关于设计模式的一些思考

• 【KT】vscode插件实战[📌 update on 2021-02-24 ]

• 【KT】vscode插件开发例子系列 [📌 update on 2021-02-07 ]

• 【KT】sugard自定义主题皮肤踩坑总结 [📌 update on 2020-12-30 ]

• 【KT】简易 react 脚手架 [📌 update on 2020-10-28 ]

• 【KT】rc-redux-model 从 0 到 1 [📌 update on 2020-08-23 ]

• 【KT】rc-redux-model 介绍 [📌 update on 2020-08-23 ]

• 【KT】hox 的实践感受及零开发写了个组件版的 dev-tools[📌 update on 2020-07-23 ]

• 【KT】查缺补漏 React 状态管理[📌 update on 2020-07-22 ]

• 【KT】步步深入 Redux 源码解读与编程艺术[📌 update on 2020-06-08 ]

• 【KT】浅谈前端设计模式 [📌 update on 2020-04-26 ]

🏹️ 前端渣渣系列

• 前端渣渣对手把手开发公共组件的思考和设计 [📌 update on 2020-04-21 ]

• 前端渣渣对 UI 组件开发的新认识 [📌 update on 2020-03-26 ]

• 前端渣渣使用 react hooks 进行重构的新认识 [📌 update on 2020-03-21 ]

• 前端渣渣记一次排查万恶之源 IE 兼容性的问题 [📌 update on 2020-03-10 ]

• 前端渣渣 JS 下载资源，兼容 IE 和 Edge [📌 update on 2020-03-02 ]

• 前端渣渣对 DNS 的正确认知 · hot [📌 update on 2019-10-23 ]

💕 热门文章

• 手把手教你自己写一个 npm 包

• React 合成事件的背后故事

• 原型和原型链

• 面向对象与继承

• apply 与 call 的不正当关系

• nextTick 与 watcher 以及 Dep 的蓝色生死恋

🐷 HTML

• HTTP 状态码
• HTML 语义化的理解
• 如何进行网站性能优化
• 行内元素有哪些？块级元素有哪些？
• 页面导入样式时，使用 link 和 @import 有什么区别
• sessionStorage 、localStorage 、 cookie、 indexDB
• DOCTYPE 作用 ？ 标准模式（严格模式）和 兼容模式（混杂模式）有什么区别？

🐒 CSS

• 盒模型
• Flex 布局
• BFC 的理解
• 垂直居中的方式 · hot
• 清除浮动的几种方式
• 块级元素和行内元素
• 面试题: CSS3 新特性
• position 属性的了解
• CSS 优先级算法如何计算
• 如何画一条 0.5px 的线
• transition 和 animation 的区别 · hot
• border: none 和 border: 0 的区别
• 如果需要手动写动画，你认为最小时间间隔是多久，为什么
• visibility : hidden 和 display : none 以及 opacity : 0

🐼 JavaScript

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

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

• 闭包 · hot
• 聊下操作符
• 防抖和节流
• 前端模块化
• 垃圾回收机制 · hot
• async 和 await
• 深拷贝和浅拷贝
• 聊下 Ajax 原理
• 原型与原型链 · hot
• 表单脚本
• JS-私有变量
• 函数内部属性
• 谈谈 Promise 这个折磨人的小妖精 · hot
• call 与 apply 终极大 boss · hot
• 执行环境及作用域 · hot
• 函数声明及函数表达式
• 数据属性于访问器属性
• 闯关 BOS 之 JS 的继承
• JS-高级技巧-惰性载入函数
• 异步加载 js, async 和 defer 的区别
• let 和 const 及 var 的理解
• 面向对象与继承，ES6 Class · hot
• JS-高级技巧-作用域安全的构造函数
• 函数绑定与柯里化函数，手动实现一个 bind()函数 · hot

🐑 浏览器

• Event Loop
• 事件机制及事件委托 · fix
• 浏览器渲染页面原理及流程 · hot
• 来聊聊五毛钱话题-跨域问题
• setTimeout 和 setInterval 的小秘密

🐯 计算机网络

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

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

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

🦁️ Vue

• Vue 生命周期的理解
• Vue 的双向数据绑定原理是什么 · hot
• Vue 篇-看个五毛钱的 diff 算法
• Vue 中的 computed 和 methods 有什么区别
• Vue 之 nextTick 与 Watcher 以及 Dep 的蓝色生死恋 · hot

🐱 React

• Redux 的内幕（一） · new
• Redux 的内幕（二） · new
• 步步深入 Redux 源码解读与编程艺术 · hot
• React 合成事件的背后故事 · hot
• 从源码看 React 的生命周期
• Vue 和 React 中 key 的作用吗
• 今天的考核题目: 你知道 Vue 和 React 的区别吗? · hot
• 简易 react 脚手架 · hot
• rc-redux-model 从 0 到 1
• rc-redux-model 介绍
• hox 的实践感受及零开发写了个组件版的 dev-tools
• 查缺补漏 React 状态管理 · hot
• 前端渣渣使用 react hooks 进行重构的新认识

设计思考

• 浅谈前端设计模式 · hot
• 前端渣渣对 UI 组件开发的新认识
• 前端渣渣对手把手开发公共组件的思考和设计 · hot
• 谈谈日常写代码中关于设计模式的一些思考

🦉 算法

📢 这里我需要补充一点，前端对算法也是很看重的，对我来说，只要会写简单的算法题即可~

大家可以去 leetcode 刷 Top100 题，刷完差不多就行了，还可搭配《剑指 offer》哦

• 排序算法 · new
• 常见的面试题
• 《剑指 offer》面试题 · new
• leetcode top 100

🐶 数据结构

📢 下边我就对数据结构简单进行整理啦 ~

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

🌲 工作笔记

• 移动端遇到过的坑
• 前端监控及前端埋点
• Canvas 绘制图片的坑
• Service Worker 的了解
• 不同机型对字体大小的兼容
• Taro 基于 React 实现小程序的优化
• 前端渣渣对 DNS 的正确认知 · hot
• 前端渣渣开发共公组件的思考 · new
• 前端渣渣对 requestAPI 的不断重构之路 · hot
• 前端渣渣记一次排查万恶之源 IE 兼容性的问题
• 前端渣渣使用 react hooks 进行重构的新认识 · hot
• Node 在 redis 中缓存 session 遇到的坑 · hot
• sessionStorage 的数据在同一个网站上是否共享?
• JS 下载图片和 PDF 及 DOC 等资源文件且兼容 IE 和 Edge

项目专区

☁ erek-resumes

erek-resumes 致力于为简历差劲不懂如何制作简历的同学在线制作一份较为完美的简历。目前此项目已经废弃，已转接新项目：visResumeMook，该项目建设中，暂未开源，同时撰写配套的掘金小册，尽情期待～

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

📈 vue-erek-manage

Vue-Erek-Manage 是一款基于 Vue 2.5 + iView UI 的后台管理, 借鉴模仿 pro-ant-design 的设计，👉 适用于小型项目后台管理，个人维护项目

📢 更多介绍看这里 : vue-erek-manage

📕 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

开源组织 STSC

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

• 官网 : https://sugarturbos-1a0e94-1303212867.tcloudbaseapp.com （备案中，临时域名）
• 组织 : https://github.com/SugarTurboS
• 掘金 ： https://juejin.im/user/3526889001458910
• 博客 : https://github.com/SugarTurboS/Blogs
• 社区 : https://github.com/SugarTurboS/Sugar-Community

书单打卡

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

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

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

吐槽一下

认真的准备和复习了一个月，才发现，自己有多么的菜，好多东西都不会，又不能靠脸吃饭，哎，还是好好学习吧，我累了!!!