{"id":17048911,"url":"https://github.com/saucxs/full_stack_knowledge_list","last_synced_at":"2025-04-12T15:31:29.280Z","repository":{"id":50282118,"uuid":"195983454","full_name":"saucxs/full_stack_knowledge_list","owner":"saucxs","description":"full_stack_knowledge_list，开发知识体系，主要是全栈开发知识体系。  目的：每一个开发人员都应该形成自己的知识体系，做到提纲挈领。在设计代码，聊技术，面试，系统结构设计，架构设计等时候，能够游刃有余，充满自信。 特点： 1、前端领域：Html和css基础，JavaScript，计算机基础，框架和类库，前端工程，项目构建，算法与数据结构等。 2、后端领域：欢迎补充。。。","archived":false,"fork":false,"pushed_at":"2022-05-14T15:14:35.000Z","size":94760,"stargazers_count":39,"open_issues_count":0,"forks_count":7,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-26T10:11:23.178Z","etag":null,"topics":["backend","brower","css","fontend","fullstack","git","html","javascript","knowledge","nginx","react","redis","vue"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saucxs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-07-09T10:05:11.000Z","updated_at":"2025-03-26T09:33:12.000Z","dependencies_parsed_at":"2022-08-25T14:40:28.524Z","dependency_job_id":null,"html_url":"https://github.com/saucxs/full_stack_knowledge_list","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Ffull_stack_knowledge_list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Ffull_stack_knowledge_list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Ffull_stack_knowledge_list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saucxs%2Ffull_stack_knowledge_list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saucxs","download_url":"https://codeload.github.com/saucxs/full_stack_knowledge_list/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248589504,"owners_count":21129628,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["backend","brower","css","fontend","fullstack","git","html","javascript","knowledge","nginx","react","redis","vue"],"created_at":"2024-10-14T09:53:22.018Z","updated_at":"2025-04-12T15:31:24.261Z","avatar_url":"https://github.com/saucxs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [full_stack_knowledge_list](https://github.com/saucxs/full_stack_knowledge_list)\n\n## 一、前言\n1、作者常用昵称有saucxs，songEagle，松宝写代码。「松宝写代码」公众号作者，精选好文，每日一题，实验室，进阶学习，字节内推等。一个爱好折腾，致力于全栈，正在努力成长的字节跳动工程师，星辰大海，未来可期。\n\n2、长按下面图片，关注「松宝写代码」公众号：研发知识体系构建，精选文章，技术分享，项目实战，实验室，**每日一道面试题**，进阶学习，**内推字节跳动各个部门各个岗位**，带你一起学习新技术，总结学习过程，让你进阶到高级资深工程师，学习项目管理，思考职业发展，生活感悟，涉及到，(1)前端领域：JavaScript，Node，Vue，React，浏览器，http，端相关，小程序等；(2)服务端领域：Linux，Redis，Python等；(3)算法与数据结构领域；(4)数据库领域：mysql等；(5)自动化测试领域；(6)AI人工智能领域；(7)大数据领域，希望可以帮助到你，我们一起成长～\n\n3、时间永远是自己，每分每秒也都是为将来铺垫和增值。\n\n![松宝写代码](https://raw.githubusercontent.com/saucxs/full_stack_knowledge_list/master/image/songbao.png?raw=true)\n\n## 二、开发知识体系\n互联网是一个更新迭代速度，知识更新快，我们研发同学保持学习，形成自己的开发知识体系，主要是全栈开发知识体系。\n\n+ 目的：每一个开发人员都应该形成自己的知识体系，做到提纲挈领。在设计代码，聊技术，面试，系统结构设计，架构设计等时候，能够游刃有余，充满自信。\n+ 特点：\n    + 1、前端领域：Html和css基础，JavaScript，计算机基础，框架和类库，前端工程，项目构建，端能力，小程序等。\n    + 2、服务端领域\n    + 3、算法与数据结构领域\n    + 4、数据库领域\n    + 5、自动化测试领域\n    + 6、AI人工智能领域\n    + 7、大数据领域\n\n## 三、前端领域\n\n![前端知识体系](./output/png/前端知识体系大概.png)\n### 1、JavaScript系列\n![前端知识体系](./output/png/JavaScript.png)\n\n23、[【异步编程系列】async/await在for循环里运行结果怎么样？](http://www.chengxinsong.cn/post/91)\n\n22、[【Iterator系列】你需要知道的for in和for of 的区别和原理](http://www.chengxinsong.cn/post/90)\n\n21、[动态绑定事件方法：(1)jquery的on方法；(2)html元素绑定](http://www.chengxinsong.cn/post/81)\n\n20、[JavaScript系列--八种【数组去重】方法的总结](http://www.chengxinsong.cn/post/73)\n\n19、[javascript系列--js图片懒加载及优化](http://www.chengxinsong.cn/post/71)\n\n18、[javascript系列--JavaScript数组reduce()方法详解及奇淫技巧](http://www.chengxinsong.cn/post/67)\n\n17、[JavaScript 系列--JavaScript一些奇淫技巧的实现方法（三）数字取整，数组求和](https://www.cnblogs.com/chengxs/p/10985513.html)\n\n16、[JavaScript 系列--JavaScript一些奇淫技巧的实现方法（二）数字格式化 1234567890转1,234,567,890；argruments 对象(类数组转数组](http://www.chengxinsong.cn/post/62)\n\n15、[JavaScript 系列--JavaScript一些奇淫技巧的实现方法（一）简短的sleep函数，获取时间戳](http://www.chengxinsong.cn/post/61)\n\n14、[javascript系列--深入浅出的理解javascript的快排sort实现原理](http://www.chengxinsong.cn/post/60)\n\n13、[javascript系列--实现jQuery的extend的功能](http://www.chengxinsong.cn/post/59)\n\n12、[JavaScript系列--深浅拷贝简单实现](http://www.chengxinsong.cn/post/58)\n\n11、[javascript系列--十大排序算法的总结（冒泡，选择，插入，希尔，归并，快排，堆排序，计数排序，桶排序，基数排序）](http://www.chengxinsong.cn/post/56)\n\n10、[javascript系列--时间复杂度和空间复杂度](http://www.chengxinsong.cn/post/55)\n\n9、[JavaScript系列--类型判断的4种基本方法，研究jquery的type方法，空对象的检测方法，类数组对象](http://www.chengxinsong.cn/post/54)\n\n8、[JavaScript系列--浅析原型链与继承](http://www.chengxinsong.cn/post/45)\n\n7、[javascript系列--Object.assign实现浅拷贝的原理以及实现](http://www.chengxinsong.cn/post/43)\n\n6、[JavaScript系列--浅析JavaScript解析赋值、浅拷贝和深拷贝的区别](http://www.chengxinsong.cn/post/42)\n\n5、[javascript正则表达式学习（二）-- 位置匹配](http://www.chengxinsong.cn/post/41)\n\n4、[javascript正则表达式学习（一）--字符匹配](http://www.chengxinsong.cn/post/39)\n\n3、[javascript数组的常用算法解析](http://www.chengxinsong.cn/post/37)\n\n2、[javascript深入理解-从作用域链理解闭包](http://www.chengxinsong.cn/post/31)\n\n1、[javascript深入浅出图解作用域链和闭包](http://www.chengxinsong.cn/post/30)\n\n\n### 2、框架和类库\n![前端知识体系](./output/png/框架和类库.png)\n\n#### （1）Vue\n7、[vue系列--Virtual DOM 真的比操作原生 DOM 快吗？](http://www.chengxinsong.cn/post/68)\n\n6、[【解决方案】数据埋点的一点思路与vue的SPA单页面实践](http://www.chengxinsong.cn/post/85)\n\n5、[vue项目中实现滚动条（具体视窗口的滚动条）操作：（1）置底，（2）置于上次停留的位置](http://www.chengxinsong.cn/post/75)\n\n4、[vue系列--浅析Vuex 的设计思想](http://www.chengxinsong.cn/post/69)\n\n3、[vue是如何实现绑定事件](http://www.chengxinsong.cn/post/65)\n\n2、[浅析vue2.0的diff算法](http://www.chengxinsong.cn/post/27)\n\n1、[vue.js框架原理浅析](http://www.chengxinsong.cn/post/25)\n\n\n#### （2）React\n\n\n### 3、HTML\u0026\u0026CSS\u0026\u0026CSS3\n![前端知识体系](./output/png/HTML和CSS基础.png)\n\n3、[【css系列】Grid布局，你会了吗？](http://www.chengxinsong.cn/post/89)\n\n2、[【css系列】纯 CSS 实现绘制各种三角形（各种角度）](http://www.chengxinsong.cn/post/87)\n\n1、[【css系列】六种实现元素水平居中方法](http://www.chengxinsong.cn/post/74)\n\n\n### 4、前端工程\n包括性能优化\n\n![前端知识体系](./output/png/前端工程.png)\n\n6、[webAssembly系列--webAssembly初探究竟](http://www.chengxinsong.cn/post/70)\n\n5、[【模块化系列】Nodejs模块化的原理](http://www.chengxinsong.cn/post/79)\n\n4、[【npm系列】如何升级自己之前写的npm包，然后发布到npm官网上，然后其他项目怎么更新最新的包](http://www.chengxinsong.cn/post/82)\n\n3、[npm系列--手把手教你用npm发布第一个npm包的详细教程](http://www.chengxinsong.cn/post/44)\n\n2、[【elementUI系列】机智使用elementUI调用一次接口同时上传图片和文件，同时需要携带其他参数，实现调用后端接口](http://www.chengxinsong.cn/post/78)\n\n1、[【elementUI系列】elementUI中表格的【筛选功能】和【排序功能】同时使用：表格表头筛选，表格表头排序，后端排序，后端筛选](http://www.chengxinsong.cn/post/76)\n\n### 5、项目构建\n![前端知识体系](./output/png/项目构建.png)\n\n1、[webpack系列-webpack4.x入门配置基础（一）](http://www.chengxinsong.cn/post/72)\n\n### 6、大前端系列（端能力）\n\n3、[【安卓混合开发】Cordova+Vue实现Android APP开发（一）](http://www.chengxinsong.cn/post/88)\n\n2、[mac安装flutter](http://www.chengxinsong.cn/post/93)\n\n1、[mac安装android studio](http://www.chengxinsong.cn/post/92)\n\n\n### 7、浏览器\n\n### 8、微信小程序\n1、[【微信小程序】实现tab选项卡](http://www.chengxinsong.cn/post/86)\n\n### 9、nginx\n2、[【nginx系列】nginx升级到支持http_image_filter_module处理图片](http://www.chengxinsong.cn/post/84)\n\n1、[【nginx系列】nginx升级到支持HTTP2.0](http://www.chengxinsong.cn/post/83)\n\n## 四、服务端领域\n### 1、redis系列\n1、[linux使用yum安装redis，redis 解决启动失败的问题](http://www.chengxinsong.cn/post/94)\n\n### 2、python系列\n1、[【python3】下载安装和配置教程](http://www.chengxinsong.cn/post/95)\n\n\n## 五、数据库领域\n### 1、mysql系列\n1、[mysql如何设置支持emoji表情储存](http://www.chengxinsong.cn/post/96)\n\n## 六、每日一题\n\n关注「松宝写代码」微信公众号，🔥每日一题🔥，持续更新中～\n### 1、JavaScript \u0026\u0026 ES6\n\n+ 第 28 题：[【每日一题】(28题)面试官:原型链与构造函数结合方法继承与原型式继承的区别？](https://mp.weixin.qq.com/s/uPUxo8gIGyHv-b_aWdgzaw)\n\n+ 第 22 题：[【每日一题】(22题)面试官问：var与const,let的主要区别是什么？](https://mp.weixin.qq.com/s/wJ1cG7eQw85fpqpk_fHq7w)\n\n+ 第 21 题：[【每日一题】(21题)面试官问：谈谈JS中的 this 的绑定？](https://mp.weixin.qq.com/s/WvDIjv_FNfDsD9OmB6SirA)\n\n+ 第 20 题：[【每日一题】(20题)面试官问：谈谈JS中的 webSockets 的理解？](https://mp.weixin.qq.com/s/GA-Wl03ZDLhnBCAG0wTi0w)\n\n+ 第 19 题：[【每日一题】面试官问：谈谈JS中的 XMLHttpRequest 对象的理解？](https://mp.weixin.qq.com/s/wxIEGJVmfxq0Q-8E4tbv1A)\n\n+ 第 18 题：[【每日一题】面试官问：JS中的 Ajax 跨域与扩展 Comet ？](https://mp.weixin.qq.com/s/mb8TRlw1yzEOfDzMyYLW2g)\n\n+ 第 17 题：[【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？](https://mp.weixin.qq.com/s/mb8TRlw1yzEOfDzMyYLW2g)\n\n+ 第 16 题：[【每日一题】面试官问：JS中如何全面进行客户端检测？](https://mp.weixin.qq.com/s/-tNI1vwdK_SAxNGRQTCd1Q)\n\n+ 第 15 题：[【每日一题】面试官问：JS类型判断有哪几种方法？](https://mp.weixin.qq.com/s/UwVgQMaVPg6Z0SVgn4kqwA)\n\n+ 第 14 题：[【每日一题】面试官问：谈谈你对JS对象的创建和引申](https://mp.weixin.qq.com/s/-HTpVMFMRDu8sElNv-WqIw)\n\n+ 第 13 题[[每日一题]面试官问：['1', '2', '3'].map(parseInt)输出，原因，以及延伸？](https://mp.weixin.qq.com/s/DJ6Av4tQgJpqa8hKAPk_uA)\n\n+ 第 12 题[[每日一题]面试官问：JS引擎的执行过程（二）](https://mp.weixin.qq.com/s/CCUsCM2vzb6S1wcwIsjQuA)\n\n+ 第 11 题[[每日一题]面试官问：JS引擎的执行过程（一）](https://mp.weixin.qq.com/s/Lhd5N5a1b8fAstWn5H3B3Q)\n\n+ 第 10 题[[每日一题]面试官问：详细说一下JS数据类型](https://mp.weixin.qq.com/s/wm0EGVXTTHoHMcdUxMQmKA)\n\n+ 第 8 题[[每日一题]面试官问：谈谈你对ES6的proxy的理解？](https://mp.weixin.qq.com/s/8loJlarVrmj47XjgrZLI1w)\n\n+ 第 7 题[[每日一题]面试官问：for in和for of 的区别和原理？](https://mp.weixin.qq.com/s/RsynH85UkAwAgIAzwxs-Ag)\n\n+ 第 6 题[[每日一题]面试官问：Async/Await 如何通过同步的方式实现异步？](https://mp.weixin.qq.com/s/UAYBnQvekRugR8DVEUPB3Q)\n\n+ 第 3 道[「「每日一题」面试官问你对 Promise 的理解？可能是需要你能手动实现各个特性」](https://mp.weixin.qq.com/s/QuuPd2KCp50snN7F2o3oYg)\n\n+ 第 2 道[「[每日一题]ES6 中为什么要使用 Symbol？」](https://mp.weixin.qq.com/s/omeVJdtabo5MeN3DItDfWg)\n\n### 2、浏览器\n\n+ 第 9 题[[每日一题]requestAnimationFrame不香吗？](https://mp.weixin.qq.com/s/4Ob_CEiZUyoHKxffAeAYdw)\n\n\n### 3、Vue\n\n+ 第 5 道[「每日一题」到底该如何回答：vue数据绑定的实现原理？](https://mp.weixin.qq.com/s/8eo4frdB-zMA7nD_1wdnLw)\n\n### 4、HTML5\n+ 第 29 道[【每日一题】(29题)面试官:HTML-HTML5新增标签属性的理解？](https://mp.weixin.qq.com/s/Lx5-bF-xliB9TBuEtE7dLw)\n\n### 5、算法\n+ 第 27 道[【每日一题】(27题)算法题:如何使用多种解决方案来实现跳一跳游戏？](https://mp.weixin.qq.com/s/EY99dnyjjTvdBflpE5T2Fw)\n\n+ 第 26 道[【每日一题】(26题)算法题:最长公共前缀？](https://mp.weixin.qq.com/s/1TzP0JgrzqXbQes1jzzwFg)\n\n+ 第 25 道[【每日一题】(25题)算法题:堆数据结构-前 K 个高频元素？](https://mp.weixin.qq.com/s/desqLK9Wst9v7XPcNyvwlQ)\n\n+ 第 24 道[【每日一题】(24题)算法题:贪心算法-环游世界之如何加油？](https://mp.weixin.qq.com/s/ST6pf00iBZiDs4GpGK0eOw)\n\n+ 第 4 道[「每日一题」与面试官手撕代码：如何科学高效的寻找重复元素？](https://mp.weixin.qq.com/s/jFZ_2f272LhBBPuuLaWnyg)\n\n### 6、Node\n\n+ 第 23 道[【每日一题】(23题)面试官问：详细描述事件循环Event Loop？](https://mp.weixin.qq.com/s/hE-tK_PbSYkMms8P9b2H7A)\n\n### 7、Http\n\n+ 第 1 道[「一道面试题是如何引发深层次的灵魂拷问？」](https://mp.weixin.qq.com/s/O8j9gM5tD5rjLz1kdda3LA)\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaucxs%2Ffull_stack_knowledge_list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaucxs%2Ffull_stack_knowledge_list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaucxs%2Ffull_stack_knowledge_list/lists"}