Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/saucxs/full_stack_knowledge_list

full_stack_knowledge_list，开发知识体系，主要是全栈开发知识体系。目的：每一个开发人员都应该形成自己的知识体系，做到提纲挈领。在设计代码，聊技术，面试，系统结构设计，架构设计等时候，能够游刃有余，充满自信。特点： 1、前端领域：Html和css基础，JavaScript，计算机基础，框架和类库，前端工程，项目构建，算法与数据结构等。 2、后端领域：欢迎补充。。。
https://github.com/saucxs/full_stack_knowledge_list
backend brower css fontend fullstack git html javascript knowledge nginx react redis vue
Last synced: 24 days ago
JSON representation
Host: GitHub
URL: https://github.com/saucxs/full_stack_knowledge_list
Owner: saucxs
Created: 2019-07-09T10:05:11.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2022-05-14T15:14:35.000Z (over 2 years ago)
Last Synced: 2024-04-20T19:39:42.697Z (7 months ago)
Topics: backend, brower, css, fontend, fullstack, git, html, javascript, knowledge, nginx, react, redis, vue
Language: JavaScript
Homepage:
Size: 90.4 MB
Stars: 36
Watchers: 3
Forks: 7
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # [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、时间永远是自己，每分每秒也都是为将来铺垫和增值。

![松宝写代码](https://raw.githubusercontent.com/saucxs/full_stack_knowledge_list/master/image/songbao.png?raw=true)

## 二、开发知识体系

互联网是一个更新迭代速度，知识更新快，我们研发同学保持学习，形成自己的开发知识体系，主要是全栈开发知识体系。

+ 目的：每一个开发人员都应该形成自己的知识体系，做到提纲挈领。在设计代码，聊技术，面试，系统结构设计，架构设计等时候，能够游刃有余，充满自信。

+ 特点：

    + 1、前端领域：Html和css基础，JavaScript，计算机基础，框架和类库，前端工程，项目构建，端能力，小程序等。

    + 2、服务端领域

    + 3、算法与数据结构领域

    + 4、数据库领域

    + 5、自动化测试领域

    + 6、AI人工智能领域

    + 7、大数据领域

## 三、前端领域

![前端知识体系](./output/png/前端知识体系大概.png)

### 1、JavaScript系列

![前端知识体系](./output/png/JavaScript.png)

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、框架和类库

![前端知识体系](./output/png/框架和类库.png)

#### （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

![前端知识体系](./output/png/HTML和CSS基础.png)

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、前端工程

包括性能优化

![前端知识体系](./output/png/前端工程.png)

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、项目构建

![前端知识体系](./output/png/项目构建.png)

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.chengxinsong.cn/post/94)

### 2、python系列

1、[【python3】下载安装和配置教程](http://www.chengxinsong.cn/post/95)

## 五、数据库领域

### 1、mysql系列

1、[mysql如何设置支持emoji表情储存](http://www.chengxinsong.cn/post/96)

## 六、每日一题

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

### 1、JavaScript && ES6

+ 第 28 题：[【每日一题】(28题)面试官:原型链与构造函数结合方法继承与原型式继承的区别？](https://mp.weixin.qq.com/s/uPUxo8gIGyHv-b_aWdgzaw)

+ 第 22 题：[【每日一题】(22题)面试官问：var与const,let的主要区别是什么？](https://mp.weixin.qq.com/s/wJ1cG7eQw85fpqpk_fHq7w)

+ 第 21 题：[【每日一题】(21题)面试官问：谈谈JS中的 this 的绑定？](https://mp.weixin.qq.com/s/WvDIjv_FNfDsD9OmB6SirA)

+ 第 20 题：[【每日一题】(20题)面试官问：谈谈JS中的 webSockets 的理解？](https://mp.weixin.qq.com/s/GA-Wl03ZDLhnBCAG0wTi0w)

+ 第 19 题：[【每日一题】面试官问：谈谈JS中的 XMLHttpRequest 对象的理解？](https://mp.weixin.qq.com/s/wxIEGJVmfxq0Q-8E4tbv1A)

+ 第 18 题：[【每日一题】面试官问：JS中的 Ajax 跨域与扩展 Comet ？](https://mp.weixin.qq.com/s/mb8TRlw1yzEOfDzMyYLW2g)

+ 第 17 题：[【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？](https://mp.weixin.qq.com/s/mb8TRlw1yzEOfDzMyYLW2g)

+ 第 16 题：[【每日一题】面试官问：JS中如何全面进行客户端检测？](https://mp.weixin.qq.com/s/-tNI1vwdK_SAxNGRQTCd1Q)

+ 第 15 题：[【每日一题】面试官问：JS类型判断有哪几种方法？](https://mp.weixin.qq.com/s/UwVgQMaVPg6Z0SVgn4kqwA)

+ 第 14 题：[【每日一题】面试官问：谈谈你对JS对象的创建和引申](https://mp.weixin.qq.com/s/-HTpVMFMRDu8sElNv-WqIw)

+ 第 13 题[[每日一题]面试官问：['1', '2', '3'].map(parseInt)输出，原因，以及延伸？](https://mp.weixin.qq.com/s/DJ6Av4tQgJpqa8hKAPk_uA)

+ 第 12 题[[每日一题]面试官问：JS引擎的执行过程（二）](https://mp.weixin.qq.com/s/CCUsCM2vzb6S1wcwIsjQuA)

+ 第 11 题[[每日一题]面试官问：JS引擎的执行过程（一）](https://mp.weixin.qq.com/s/Lhd5N5a1b8fAstWn5H3B3Q)

+ 第 10 题[[每日一题]面试官问：详细说一下JS数据类型](https://mp.weixin.qq.com/s/wm0EGVXTTHoHMcdUxMQmKA)

+ 第 8 题[[每日一题]面试官问：谈谈你对ES6的proxy的理解？](https://mp.weixin.qq.com/s/8loJlarVrmj47XjgrZLI1w)

+ 第 7 题[[每日一题]面试官问：for in和for of 的区别和原理？](https://mp.weixin.qq.com/s/RsynH85UkAwAgIAzwxs-Ag)

+ 第 6 题[[每日一题]面试官问：Async/Await 如何通过同步的方式实现异步？](https://mp.weixin.qq.com/s/UAYBnQvekRugR8DVEUPB3Q)

+ 第 3 道[「「每日一题」面试官问你对 Promise 的理解？可能是需要你能手动实现各个特性」](https://mp.weixin.qq.com/s/QuuPd2KCp50snN7F2o3oYg)

+ 第 2 道[「[每日一题]ES6 中为什么要使用 Symbol？」](https://mp.weixin.qq.com/s/omeVJdtabo5MeN3DItDfWg)

### 2、浏览器

+ 第 9 题[[每日一题]requestAnimationFrame不香吗？](https://mp.weixin.qq.com/s/4Ob_CEiZUyoHKxffAeAYdw)

### 3、Vue

+ 第 5 道[「每日一题」到底该如何回答：vue数据绑定的实现原理？](https://mp.weixin.qq.com/s/8eo4frdB-zMA7nD_1wdnLw)

### 4、HTML5

+ 第 29 道[【每日一题】(29题)面试官:HTML-HTML5新增标签属性的理解？](https://mp.weixin.qq.com/s/Lx5-bF-xliB9TBuEtE7dLw)

### 5、算法

+ 第 27 道[【每日一题】(27题)算法题:如何使用多种解决方案来实现跳一跳游戏？](https://mp.weixin.qq.com/s/EY99dnyjjTvdBflpE5T2Fw)

+ 第 26 道[【每日一题】(26题)算法题:最长公共前缀？](https://mp.weixin.qq.com/s/1TzP0JgrzqXbQes1jzzwFg)

+ 第 25 道[【每日一题】(25题)算法题:堆数据结构-前 K 个高频元素？](https://mp.weixin.qq.com/s/desqLK9Wst9v7XPcNyvwlQ)

+ 第 24 道[【每日一题】(24题)算法题:贪心算法-环游世界之如何加油？](https://mp.weixin.qq.com/s/ST6pf00iBZiDs4GpGK0eOw)

+ 第 4 道[「每日一题」与面试官手撕代码：如何科学高效的寻找重复元素？](https://mp.weixin.qq.com/s/jFZ_2f272LhBBPuuLaWnyg)

### 6、Node

+ 第 23 道[【每日一题】(23题)面试官问：详细描述事件循环Event Loop？](https://mp.weixin.qq.com/s/hE-tK_PbSYkMms8P9b2H7A)

### 7、Http

+ 第 1 道[「一道面试题是如何引发深层次的灵魂拷问？」](https://mp.weixin.qq.com/s/O8j9gM5tD5rjLz1kdda3LA)