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循环里运行结果怎么样？

22、【Iterator系列】你需要知道的for in和for of 的区别和原理

21、动态绑定事件方法：(1)jquery的on方法；(2)html元素绑定

20、JavaScript系列--八种【数组去重】方法的总结

19、javascript系列--js图片懒加载及优化

18、javascript系列--JavaScript数组reduce()方法详解及奇淫技巧

17、JavaScript 系列--JavaScript一些奇淫技巧的实现方法（三）数字取整，数组求和

16、JavaScript 系列--JavaScript一些奇淫技巧的实现方法（二）数字格式化 1234567890转1,234,567,890；argruments 对象(类数组转数组

15、JavaScript 系列--JavaScript一些奇淫技巧的实现方法（一）简短的sleep函数，获取时间戳

14、javascript系列--深入浅出的理解javascript的快排sort实现原理

13、javascript系列--实现jQuery的extend的功能

12、JavaScript系列--深浅拷贝简单实现

11、javascript系列--十大排序算法的总结（冒泡，选择，插入，希尔，归并，快排，堆排序，计数排序，桶排序，基数排序）

10、javascript系列--时间复杂度和空间复杂度

9、JavaScript系列--类型判断的4种基本方法，研究jquery的type方法，空对象的检测方法，类数组对象

8、JavaScript系列--浅析原型链与继承

7、javascript系列--Object.assign实现浅拷贝的原理以及实现

6、JavaScript系列--浅析JavaScript解析赋值、浅拷贝和深拷贝的区别

5、javascript正则表达式学习（二）-- 位置匹配

4、javascript正则表达式学习（一）--字符匹配

3、javascript数组的常用算法解析

2、javascript深入理解-从作用域链理解闭包

1、javascript深入浅出图解作用域链和闭包

2、框架和类库

（1）Vue

7、vue系列--Virtual DOM 真的比操作原生 DOM 快吗？

6、【解决方案】数据埋点的一点思路与vue的SPA单页面实践

5、vue项目中实现滚动条（具体视窗口的滚动条）操作：（1）置底，（2）置于上次停留的位置

4、vue系列--浅析Vuex 的设计思想

3、vue是如何实现绑定事件

2、浅析vue2.0的diff算法

1、vue.js框架原理浅析

（2）React

3、HTML&&CSS&&CSS3

3、【css系列】Grid布局，你会了吗？

2、【css系列】纯 CSS 实现绘制各种三角形（各种角度）

1、【css系列】六种实现元素水平居中方法

4、前端工程

包括性能优化

6、webAssembly系列--webAssembly初探究竟

5、【模块化系列】Nodejs模块化的原理

4、【npm系列】如何升级自己之前写的npm包，然后发布到npm官网上，然后其他项目怎么更新最新的包

3、npm系列--手把手教你用npm发布第一个npm包的详细教程

2、【elementUI系列】机智使用elementUI调用一次接口同时上传图片和文件，同时需要携带其他参数，实现调用后端接口

1、【elementUI系列】elementUI中表格的【筛选功能】和【排序功能】同时使用：表格表头筛选，表格表头排序，后端排序，后端筛选

5、项目构建

1、webpack系列-webpack4.x入门配置基础（一）

6、大前端系列（端能力）

3、【安卓混合开发】Cordova+Vue实现Android APP开发（一）

2、mac安装flutter

1、mac安装android studio

7、浏览器

8、微信小程序

1、【微信小程序】实现tab选项卡

9、nginx

2、【nginx系列】nginx升级到支持http_image_filter_module处理图片

1、【nginx系列】nginx升级到支持HTTP2.0

四、服务端领域

1、redis系列

1、linux使用yum安装redis，redis 解决启动失败的问题

2、python系列

1、【python3】下载安装和配置教程

五、数据库领域

1、mysql系列

1、mysql如何设置支持emoji表情储存

六、每日一题

关注「松宝写代码」微信公众号，🔥每日一题🔥，持续更新中～

1、JavaScript && ES6

• 第 28 题：【每日一题】(28题)面试官:原型链与构造函数结合方法继承与原型式继承的区别？

• 第 22 题：【每日一题】(22题)面试官问：var与const,let的主要区别是什么？

• 第 21 题：【每日一题】(21题)面试官问：谈谈JS中的 this 的绑定？

• 第 20 题：【每日一题】(20题)面试官问：谈谈JS中的 webSockets 的理解？

• 第 19 题：【每日一题】面试官问：谈谈JS中的 XMLHttpRequest 对象的理解？

• 第 18 题：【每日一题】面试官问：JS中的 Ajax 跨域与扩展 Comet ？

• 第 17 题：【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？

• 第 16 题：【每日一题】面试官问：JS中如何全面进行客户端检测？

• 第 15 题：【每日一题】面试官问：JS类型判断有哪几种方法？

• 第 14 题：【每日一题】面试官问：谈谈你对JS对象的创建和引申

• 第 13 题[每日一题]面试官问：['1', '2', '3'].map(parseInt)输出，原因，以及延伸？

• 第 12 题[每日一题]面试官问：JS引擎的执行过程（二）

• 第 11 题[每日一题]面试官问：JS引擎的执行过程（一）

• 第 10 题[每日一题]面试官问：详细说一下JS数据类型

• 第 8 题[每日一题]面试官问：谈谈你对ES6的proxy的理解？

• 第 7 题[每日一题]面试官问：for in和for of 的区别和原理？

• 第 6 题[每日一题]面试官问：Async/Await 如何通过同步的方式实现异步？

• 第 3 道「「每日一题」面试官问你对 Promise 的理解？可能是需要你能手动实现各个特性」

• 第 2 道「[每日一题]ES6 中为什么要使用 Symbol？」

2、浏览器

• 第 9 题[每日一题]requestAnimationFrame不香吗？

3、Vue

• 第 5 道「每日一题」到底该如何回答：vue数据绑定的实现原理？

4、HTML5

• 第 29 道【每日一题】(29题)面试官:HTML-HTML5新增标签属性的理解？

5、算法

• 第 27 道【每日一题】(27题)算法题:如何使用多种解决方案来实现跳一跳游戏？

• 第 26 道【每日一题】(26题)算法题:最长公共前缀？

• 第 25 道【每日一题】(25题)算法题:堆数据结构-前 K 个高频元素？

• 第 24 道【每日一题】(24题)算法题:贪心算法-环游世界之如何加油？

• 第 4 道「每日一题」与面试官手撕代码：如何科学高效的寻找重复元素？

6、Node

• 第 23 道【每日一题】(23题)面试官问：详细描述事件循环Event Loop？

7、Http

• 第 1 道「一道面试题是如何引发深层次的灵魂拷问？」