前端基础，深入以及算法数据结构.zip

[](https://github.com/louzhedong/blog/stargazers) 字节跳动长期招聘各个岗位的员工，扫下面二维码直接进入内推渠道，反馈快哦~~ 不清楚投哪个岗位，也可以发简历到我邮箱 michael_lzd@163.com ，由我来帮你选择合适的岗位~~~  # 文章列表 ## HTML [1、图片分辨率切换](https://github.com/louzhedong/blog/issues/97) [2、BFC原理解析](https://github.com/louzhedong/blog/issues/145) [3、前端跨域问题总结](https://github.com/louzhedong/blog/issues/27) [4、DOMContentLoaded解析](https://github.com/louzhedong/blog/issues/209) [5、监听页面关闭](https://github.com/louzhedong/blog/issues/207) [6、浏览器缓存详解](https://github.com/louzhedong/blog/issues/177) [7、图片懒加载以及尺寸适配](https://github.com/louzhedong/blog/issues/182) [8、DOM操作性能提升](https://github.com/louzhedong/blog/issues/179) [9、viewport深入理解](https://github.com/louzhedong/blog/issues/236) [10、浏览器理解](https://github.com/louzhedong/blog/issues/219) ## CSS [1、css 水平垂直居中实现方式](https://github.com/louzhedong/blog/issues/2) [2、z-index总结](https://github.com/louzhedong/blog/issues/95) [3、几种页面Loading动画](https://github.com/louzhedong/blog/issues/211) ## JS [1、面试中会遇到的正则题](https://github.com/louzhedong/blog/issues/3) [2、深浅拷贝实现](https://github.com/louzhedong/blog/issues/108) [3、原生JS实现轮播图](https://github.com/louzhedong/blog/issues/120) [4、方法链式调用](https://github.com/louzhedong/blog/issues/165) [5、JS动态引入](https://github.com/louzhedong/blog/issues/167) [6、JS中的创建对象](https://github.com/louzhedong/blog/issues/176) [7、手写AJAX](https://github.com/louzhedong/blog/issues/208) [8、Javascript继承](https://github.com/louzhedong/blog/issues/134) [9、原生JS实现hash路由](https://github.com/louzhedong/blog/issues/119) [10、call和apply实现](https://github.com/louzhedong/blog/issues/106) [11、bind实现](https://github.com/louzhedong/blog/issues/107) [12、new原理及实现](https://github.com/louzhedong/blog/issues/143) [13、Promise规范及实现](https://github.com/louzhedong/blog/issues/180) [14、图片压缩](https://github.com/louzhedong/blog/issues/164) [15、JS中的this](https://github.com/louzhedong/blog/issues/172) [16、JS执行上下文] (待完成) [17、JavaScript异步编程]（待完成） [18、Proxy使用](https://github.com/louzhedong/blog/issues/229) [19、初识正则表达式引擎](https://github.com/louzhedong/blog/issues/261) ## NODE [1、Node.js中package.json中库版本号详解](https://github.com/louzhedong/blog/issues/178) ## 动画系列 [1、前端动画（一）](https://github.com/louzhedong/blog/issues/181) ## 工程化 [1、编写一个模块化组件](https://github.com/louzhedong/blog/issues/146) [2、实现一个模板引擎] (待完成) [3、webpack原理] (待完成) [4、DDD(领域驱动设计)](https://github.com/louzhedong/blog/issues/232) [5、git基础](https://github.com/louzhedong/blog/issues/231) [6、灰度发布] (待完成) [7、实现一个简单的vscode 插件](https://github.com/louzhedong/blog/issues/260) ## 设计模式 [1、单例模式](https://github.com/louzhedong/blog/issues/212) [2、工厂模式](https://github.com/louzhedong/blog/issues/213) [3、模板方法模式](https://github.com/louzhedong/blog/issues/214) [4、代理模式](https://github.com/louzhedong/blog/issues/215) [5、中介者模式](https://github.com/louzhedong/blog/issues/216) [6、命令模式](https://github.com/louzhedong/blog/issues/217) [7、装饰器模式](https://github.com/louzhedong/blog/issues/218) [8、策略模式](https://github.com/louzhedong/blog/issues/220) [9、适配器模式](https://github.com/louzhedong/blog/issues/221) [10、迭代器模式](https://github.com/louzhedong/blog/issues/222) [11、组合模式](https://github.com/louzhedong/blog/issues/223) [12、观察者模式](https://github.com/louzhedong/blog/issues/225) [13、状态模式](https://github.com/louzhedong/blog/issues/226) [14、解释器模式](https://github.com/louzhedong/blog/issues/227) [15、享元模式](https://github.com/louzhedong/blog/issues/228) ## Vue系列 [1、Vue服务端渲染项目配置](https://github.com/louzhedong/blog/issues/30) [2、vue+jest配置](https://github.com/louzhedong/blog/issues/166) [3、面试题：你能写一个Vue的双向数据绑定吗？](https://github.com/louzhedong/blog/issues/4) [4、做一个Vue的Toast组件](https://github.com/louzhedong/blog/issues/163) [5、Vue中滚动加载更多的实现](https://github.com/louzhedong/blog/issues/174) [6、Vue中Lazyload的一种实现](https://github.com/louzhedong/blog/issues/175) [7、Vuex原理] (待完成) [8、VueRouter原理] (待完成) ## React系列 [1、React高阶组件](https://github.com/louzhedong/blog/issues/1) [2、React diff算法] (待完成) [3、实现一个简单的Redux](https://github.com/louzhedong/blog/issues/234) [4、ReactRouter原理] (待完成) [5、React Fiber原理](https://github.com/louzhedong/blog/issues/204) [6、Immutable解读](https://github.com/louzhedong/blog/issues/224) ## 面试习题系列 [1、面试题1](https://github.com/louzhedong/blog/issues/131) [2、面试题2](https://github.com/louzhedong/blog/issues/132) [3、面试题3](https://github.com/louzhedong/blog/issues/206) [4、面试](https://github.com/louzhedong/blog/issues/245) ## 基础数据结构和算法 [1、快速排序](https://github.com/louzhedong/blog/issues/127) [2、冒泡排序](https://github.com/louzhedong/blog/issues/183) [3、选择排序](https://github.com/louzhedong/blog/issues/184) [4、插入排序](https://github.com/louzhedong/blog/issues/185) [5、希尔排序](https://github.com/louzhedong/blog/issues/186) [6、桶排序](https://github.com/louzhedong/blog/issues/187) [7、基数排序](https://github.com/louzhedong/blog/issues/188) [8、归并排序](https://github.com/louzhedong/blog/issues/189) [9、堆排序](https://github.com/louzhedong/blog/issues/190) [10、计数排序](https://github.com/louzhedong/blog/issues/191) [11、构建二叉搜索树](https://github.com/louzhedong/blog/issues/192) [12、二叉树的中序遍历](https://github.com/louzhedong/blog/issues/195) [13、二叉树的先序遍历](https://github.com/louzhedong/blog/issues/196) [14、二叉树的后序遍历](https://github.com/louzhedong/blog/issues/197) [15、哈夫曼编码](https://github.com/louzhedong/blog/issues/205) [16、短链接原理](https://github.com/louzhedong/blog/issues/133) [17、AVL树](https://github.com/louzhedong/blog/issues/233) ## 每天一道算法题 ### 栈 [1、棒球比赛](https://github.com/louzhedong/blog/issues/237) [2、基本计算器 II](https://github.com/louzhedong/blog/issues/238) [3、比较含退格的字符串](https://github.com/louzhedong/blog/issues/239) [4、删除最外层的括号](https://github.com/louzhedong/blog/issues/240) [5、删除字符串中的所有相邻重复项](https://github.com/louzhedong/blog/issues/241) [6、验证二叉树的前序序列化](https://github.com/louzhedong/blog/issues/242) [7、扁平化嵌套列表迭代器](https://github.com/louzhedong/blog/issues/243) [8、移掉K位数字](https://github.com/louzhedong/blog/issues/244) [9、去除重复字母](https://github.com/louzhedong/blog/issues/246) [10、每日温度](https://github.com/louzhedong/blog/issues/250) [11、行星碰撞](https://github.com/louzhedong/blog/issues/251) [12、字符串解码](https://github.com/louzhedong/blog/issues/252) [13、反转每对括号间的子串](