full_stack_knowledge_list，开发知识体系，主要是全栈开发知识体系。

# [full_stack_knowledge_list](https://github.com/saucxs/full_stack_knowledge_list) ## 一、前言 1、作者常用昵称有saucxs，songEagle，松宝写代码。「松宝写代码」公众号作者，精选好文，每日一题，实验室，进阶学习，字节内推等。一个爱好折腾，致力于全栈，正在努力成长的字节跳动工程师，星辰大海，未来可期。 2、长按下面图片，关注「松宝写代码」公众号：研发知识体系构建，精选文章，技术分享，项目实战，实验室，**每日一道面试题**，进阶学习，**内推字节跳动各个部门各个岗位**，带你一起学习新技术，总结学习过程，让你进阶到高级资深工程师，学习项目管理，思考职业发展，生活感悟，涉及到，(1)前端领域：JavaScript，Node，Vue，React，浏览器，http，端相关，小程序等；(2)服务端领域：Linux，Redis，Python等；(3)算法与数据结构领域；(4)数据库领域：mysql等；(5)自动化测试领域；(6)AI人工智能领域；(7)大数据领域，希望可以帮助到你，我们一起成长～ 3、时间永远是自己，每分每秒也都是为将来铺垫和增值。  ## 二、开发知识体系 互联网是一个更新迭代速度，知识更新快，我们研发同学保持学习，形成自己的开发知识体系，主要是全栈开发知识体系。 + 目的：每一个开发人员都应该形成自己的知识体系，做到提纲挈领。在设计代码，聊技术，面试，系统结构设计，架构设计等时候，能够游刃有余，充满自信。 + 特点： + 1、前端领域：Html和css基础，JavaScript，计算机基础，框架和类库，前端工程，项目构建，端能力，小程序等。 + 2、服务端领域 + 3、算法与数据结构领域 + 4、数据库领域 + 5、自动化测试领域 + 6、AI人工智能领域 + 7、大数据领域 ## 三、前端领域  ### 1、JavaScript系列  23、[【异步编程系列】async/await在for循环里运行结果怎么样？](http://www.chengxinsong.cn/post/91) 22、[【Iterator系列】你需要知道的for in和for of 的区别和原理](http://www.chengxinsong.cn/post/90) 21、[动态绑定事件方法：(1)jquery的on方法；(2)html元素绑定](http://www.chengxinsong.cn/post/81) 20、[JavaScript系列--八种【数组去重】方法的总结](http://www.chengxinsong.cn/post/73) 19、[javascript系列--js图片懒加载及优化](http://www.chengxinsong.cn/post/71) 18、[javascript系列--JavaScript数组reduce()方法详解及奇淫技巧](http://www.chengxinsong.cn/post/67) 17、[JavaScript 系列--JavaScript一些奇淫技巧的实现方法（三）数字取整，数组求和](https://www.cnblogs.com/chengxs/p/10985513.html) 16、[JavaScript 系列--JavaScript一些奇淫技巧的实现方法（二）数字格式化 1234567890转1,234,567,890；argruments 对象(类数组转数组](http://www.chengxinsong.cn/post/62) 15、[JavaScript 系列--JavaScript一些奇淫技巧的实现方法（一）简短的sleep函数，获取时间戳](http://www.chengxinsong.cn/post/61) 14、[javascript系列--深入浅出的理解javascript的快排sort实现原理](http://www.chengxinsong.cn/post/60) 13、[javascript系列--实现jQuery的extend的功能](http://www.chengxinsong.cn/post/59) 12、[JavaScript系列--深浅拷贝简单实现](http://www.chengxinsong.cn/post/58) 11、[javascript系列--十大排序算法的总结（冒泡，选择，插入，希尔，归并，快排，堆排序，计数排序，桶排序，基数排序）](http://www.chengxinsong.cn/post/56) 10、[javascript系列--时间复杂度和空间复杂度](http://www.chengxinsong.cn/post/55) 9、[JavaScript系列--类型判断的4种基本方法，研究jquery的type方法，空对象的检测方法，类数组对象](http://www.chengxinsong.cn/post/54) 8、[JavaScript系列--浅析原型链与继承](http://www.chengxinsong.cn/post/45) 7、[javascript系列--Object.assign实现浅拷贝的原理以及实现](http://www.chengxinsong.cn/post/43) 6、[JavaScript系列--浅析JavaScript解析赋值、浅拷贝和深拷贝的区别](http://www.chengxinsong.cn/post/42) 5、[javascript正则表达式学习（二）-- 位置匹配](http://www.chengxinsong.cn/post/41) 4、[javascript正则表达式学习（一）--字符匹配](http://www.chengxinsong.cn/post/39) 3、[javascript数组的常用算法解析](http://www.chengxinsong.cn/post/37) 2、[javascript深入理解-从作用域链理解闭包](http://www.chengxinsong.cn/post/31) 1、[javascript深入浅出图解作用域链和闭包](http://www.chengxinsong.cn/post/30) ### 2、框架和类库  #### （1）Vue 7、[vue系列--Virtual DOM 真的比操作原生 DOM 快吗？](http://www.chengxinsong.cn/post/68) 6、[【解决方案】数据埋点的一点思路与vue的SPA单页面实践](http://www.chengxinsong.cn/post/85) 5、[vue项目中实现滚动条（具体视窗口的滚动条）操作：（1）置底，（2）置于上次停留的位置](http://www.chengxinsong.cn/post/75) 4、[vue系列--浅析Vuex 的设计思想](http://www.chengxinsong.cn/post/69) 3、[vue是如何实现绑定事件](http://www.chengxinsong.cn/post/65) 2、[浅析vue2.0的diff算法](http://www.chengxinsong.cn/post/27) 1、[vue.js框架原理浅析](http://www.chengxinsong.cn/post/25) #### （2）React ### 3、HTML&&CSS&&CSS3  3、[【css系列】Grid布局，你会了吗？](http://www.chengxinsong.cn/post/89) 2、[【css系列】纯 CSS 实现绘制各种三角形（各种角度）](http://www.chengxinsong.cn/post/87) 1、[【css系列】六种实现元素水平居中方法](http://www.chengxinsong.cn/post/74) ### 4、前端工程 包括性能优化  6、[webAssembly系列--webAssembly初探究竟](http://www.chengxinsong.cn/post/70) 5、[【模块化系列】Nodejs模块化的原理](http://www.chengxinsong.cn/post/79) 4、[【npm系列】如何升级自己之前写的npm包，然后发布到npm官网上，然后其他项目怎么更新最新的包](http://www.chengxinsong.cn/post/82) 3、[npm系列--手把手教你用npm发布第一个npm包的详细教程](http://www.chengxinsong.cn/post/44) 2、[【elementUI系列】机智使用elementUI调用一次接口同时上传图片和文件，同时需要携带其他参数，实现调用后端接口](http://www.chengxinsong.cn/post/78) 1、[【elementUI系列】elementUI中表格的【筛选功能】和【排序功能】同时使用：表格表头筛选，表格表头排序，后端排序，后端筛选](http://www.chengxinsong.cn/post/76) ### 5、项目构建  1、[webpack系列-webpack4.x入门配置基础（一）](http://www.chengxinsong.cn/post/72) ### 6、大前端系列（端能力） 3、[【安卓混合开发】Cordova+Vue实现Android APP开发（一）](http://www.chengxinsong.cn/post/88) 2、[mac安装flutter](http://www.chengxinsong.cn/post/93) 1、[mac安装android studio](http://www.chengxinsong.cn/post/92) ### 7、浏览器 ### 8、微信小程序 1、[【微信小程序】实现tab选项卡](http://www.chengxinsong.cn/post/86) ### 9、nginx 2、[【nginx系列】nginx升级到支持http_image_filter_module处理图片](http://www.chengxinsong.cn/post/84) 1、[【nginx系列】nginx升级到支持HTTP2.0](http://www.chengxinsong.cn/post/83) ## 四、服务端领域 ### 1、redis系列 1、[linux使用yum安装redis，redis 解决启动失败的问题](http://www.chengxinson