mirror of
https://github.com/142vip/408CSFamily.git
synced 2026-02-03 02:23:38 +08:00
docs: update
This commit is contained in:
@@ -552,9 +552,11 @@
|
||||
<table style="border:none;cell-padding:0; cell-spacing:0;border-collapse:collapse;" border="0">
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/media/fairy-sister-450x450.jpg"
|
||||
width="250px"
|
||||
style="margin:10px"
|
||||
title="欢迎关注公众号:Rong姐姐好可爱" alt="关注公众号"/>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/media/chu-fan-443-650x650.jpg"
|
||||
width="250px"
|
||||
style="margin:10px"
|
||||
title="欢迎添加微信:chufan443 " alt="联系作者"/>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
@@ -40,33 +40,13 @@ export const navbar = [
|
||||
text: "计算机网络",
|
||||
link: "/manuscripts/cn"
|
||||
},
|
||||
{
|
||||
text: '其他资料',
|
||||
children: [{
|
||||
text: '考研相关',
|
||||
children: [{
|
||||
text: '111',
|
||||
link: '/333'
|
||||
}]
|
||||
}, {
|
||||
text: "思维导图",
|
||||
children: [{
|
||||
text: '数据结构',
|
||||
link: '/note-map/ds-map'
|
||||
}, {
|
||||
text: '操作系统',
|
||||
link: '/note-map/os-map'
|
||||
}, {
|
||||
text: '计算机组成原理',
|
||||
link: '/note-map/ccp-map'
|
||||
}, {
|
||||
text: '计算机网络',
|
||||
link: '/note-map/cn-map'
|
||||
}]
|
||||
}]
|
||||
},
|
||||
{
|
||||
text: "大事记",
|
||||
link: "/big-event-history"
|
||||
},
|
||||
{
|
||||
text: '其他',
|
||||
link: "/manuscripts/note-map"
|
||||
},
|
||||
|
||||
];
|
||||
|
||||
@@ -2,6 +2,8 @@ import {algorithmSidebar} from "../../manuscripts/algorithm/algorithm.sidebar";
|
||||
import {dsSidebar} from "../../manuscripts/ds/ds.sidebar";
|
||||
import {cppSidebar} from "../../manuscripts/ccp/cpp.sidebar";
|
||||
import osSidebar from "../../manuscripts/os/os.sidebar";
|
||||
import {cnSidebar} from "../../manuscripts/cn/cn.sidebar";
|
||||
import {noteMapSidebar} from "../../manuscripts/note-map/note-map.sidebar";
|
||||
|
||||
export const sidebar = {
|
||||
"/ds": dsSidebar,
|
||||
@@ -9,5 +11,6 @@ export const sidebar = {
|
||||
"/manuscripts/ds":dsSidebar,
|
||||
"/manuscripts/os":osSidebar,
|
||||
"/manuscripts/ccp":cppSidebar,
|
||||
"/manuscripts/cn":algorithmSidebar,
|
||||
"/manuscripts/cn":cnSidebar,
|
||||
"/manuscripts/note-map":noteMapSidebar,
|
||||
}
|
||||
153
docs/job-poster-bytedance.md
Normal file
153
docs/job-poster-bytedance.md
Normal file
@@ -0,0 +1,153 @@
|
||||
---
|
||||
headerDepth: 4
|
||||
---
|
||||
|
||||
# 工作机会
|
||||
|
||||
## 字节工作内推
|
||||
|
||||
|
||||
|
||||
**帮朋友转发、宣传一下jd是相对社招而言,校招、实习会降低要求!社招、校招、实习机会多多,更有漂亮hr小姐姐引导整个流程;
|
||||
不论是在校学生还是已步入职场的你,只要有兴趣,觉得合适的给我简历安排内推;欢迎简历骚扰,备注来意即可:mmdapl@163.com**
|
||||
|
||||
|
||||
#### 资深前端开发工程师 - 抖音电商
|
||||
|
||||
##### 职位描述
|
||||
- 负责字节跳动电商C端业务产品(抖音、西瓜、头条、番茄小说、皮皮虾等应用)的工程架构设计、业务开发、跨端架构设计,覆盖Web应用、多端组件库、C端搭建等多个方向;
|
||||
|
||||
- 参与团队前端工程化体系建设,逐步提升研发效率、研发质量,通过前端技术的不断产出驱动业务的发展;
|
||||
- 与产品经理、设计师、后端工程师一起,提升产品的用户体验,打造卓越的互联网产品;
|
||||
- 关注前端前沿技术发展,能够将新知识传递给团队,并且转化到潜在项目中。
|
||||
##### 职位要求
|
||||
- 扎实的计算机基础知识,熟悉常用的数据结构、算法和设计模式,并能在日常研发中灵活使用;
|
||||
- 深入理解Web前端开发技术,包括HTML/CSS/JavaScript等;
|
||||
- 掌握至少一种主流前端框架,包括React/vue等,有实际项目研发经验;
|
||||
- 了解React Native、OC、小程序、跨端开发等,有一定的实际开发经验;
|
||||
- 深入跨端、浏览器、运行时容器等任一方向即可,对于运行时容器、渲染引擎等方面有一定的技术认知;。
|
||||
- 熟悉交互设计理论,能够将优秀的交互设计落地到产品中,能够独立完成一个复杂模块或项目的研发工作;
|
||||
- 具备较强的责任感、团队合作精神、逻辑思维能力和表达能力。
|
||||
|
||||
|
||||
|
||||
#### 高级前端研发工程师-抖音短视频
|
||||
|
||||
##### 职位描述
|
||||
- 负责抖音相关产品功能开发,包括用户产品端功能、大型活动、小程序等的开发;
|
||||
- 负责抖音相关中台、业务平台、ToB产品的全栈技术方案设计、开发;
|
||||
- 负责基础框架、工具链、组件库等基础设施设计、开发和维护;
|
||||
- 在跨端及全栈、音视频等技术方向进行核心难题攻坚;
|
||||
- 基于跨端和全栈技术探索高效开发迭代模式。
|
||||
##### 职位要求
|
||||
- 本科及以上学历,扎实的计算机基础和前端基础;
|
||||
- 熟练掌握React/Vue等大型前端框架,理解底层原理,能够灵活运用;
|
||||
- 了解跨客户端/全栈 其中的一种技术体系,理解相关底层原理;
|
||||
- 熟悉前端工程化相关及原理,具备良好的架构设计和工程设计能力;
|
||||
- 有全栈实践,熟悉 Node/Python/Go 加分;
|
||||
- 有跨端开发经验(React Native/Weex/Flutter)加分;
|
||||
- 有Web游戏开发或引擎开发,音视频相关实践经验加分。
|
||||
|
||||
|
||||
|
||||
|
||||
#### 高级前端研发工程师 - 翻译平台
|
||||
|
||||
##### 职位描述
|
||||
- 负责国际化文案管理及翻译平台的迭代,促进公司内外部各产品的国际化发展;
|
||||
- 负责国际化多语言工具链建设,提升国际化开发、翻译的效率。
|
||||
##### 职位要求
|
||||
- 本科及以上学历,2 年及以上工作经验,计算机相关专业优先;
|
||||
- 熟悉React、Redux/Mobx技术栈以及Webpack等打包构建工具,具备较强的项目架构能力;
|
||||
- 对设计原理有一定研究,有良好的代码设计意识;
|
||||
- 熟悉至少一门后端编程语言,NodeJS、Golang、Python等,并有实践经验;
|
||||
- 有国际化产品背景加分;
|
||||
- 有i18n相关方案开发或者维护经验的加分。
|
||||
|
||||
|
||||
|
||||
#### 高级前端开发工程师 - 中后台方向
|
||||
|
||||
##### 职位描述
|
||||
- 参与IES企业级设计体系『Semi Design』开发及维护,包括UI组件库、主题平台、物料平台等;
|
||||
- 参与IES中后台设计开发工具链开发及维护,包括主题/物料开发工具、Sketch/Figma插件、IDE插件等;
|
||||
- 参与IES中后台基础库、解决方案开发及维护,包括i18n、权限、路由等方案;
|
||||
- 参与前沿设计智能的研究。
|
||||
##### 职位要求
|
||||
- 三年以上前端相关工作经验,计算机及相关专业;
|
||||
- 对React相关技术栈有深入研究,了解Vue相关技术栈;
|
||||
- 熟悉Webpack等打包构建工具;
|
||||
- 有丰富的中后台开发经验,具备一定的服务端开发基础,熟悉;Koa/Express开发,熟悉运维部署。
|
||||
|
||||
|
||||
#### 高级前端研发工程师-抖音用户增长-激励体系方向
|
||||
##### 职位描述
|
||||
- 负责抖音端内金币激励产品迭代;
|
||||
- 负责抖音端内增长游戏产品迭代。
|
||||
##### 职位要求
|
||||
- 本科及以上学历,计算机基础扎实,熟练掌握Javascript/CSS;
|
||||
- 掌握当前流行的前端框架,如React/Vue,并熟悉其衍生生态,如Redux、Webpack等;
|
||||
- 有跨端开发经验,有RN/Weex/小程序/Flutter等项目经验;
|
||||
- 对小游戏玩法有强烈兴趣,对游戏引擎有一定认知,如 Cocos2d,Layabox,Egret 等。
|
||||
|
||||
|
||||
|
||||
#### 前端开发工程师-直播方向
|
||||
|
||||
##### 职位描述
|
||||
- 负责抖音/抖音火山版/西瓜视频/今日头条等产品直播研发,webapp/hybrid/React Native/小程序/Electron/多媒体,以及大型中后台大前端研发;
|
||||
- 追求极致,不停探索前端跨平台技术。
|
||||
##### 职位要求
|
||||
- 计算机基础扎实,熟练掌握Javascript,ES5/6,CSS,熟练掌握各种布局;
|
||||
- 对解决 CSS/JS 多浏览器兼容性问题,前端性能优化有一定的经验;
|
||||
- 理解工程化思想,对构建和持续集成有一定认识,熟悉一种构建工具;
|
||||
- 理解组件化开发思想,有一定的设计能力,熟悉最少一种前端MV*框架;
|
||||
- 对后端技术和数据库有一定了解;
|
||||
- 有移动端web开发经验(Hybrid,React Native等)优先;
|
||||
- 对大型网站重构有丰富经验者优先,有成功作品者优先;
|
||||
- 对动画渲染引擎有经验者优先。
|
||||
|
||||
|
||||
|
||||
#### 前端开发工程师-支付
|
||||
|
||||
##### 团队介绍
|
||||
|
||||
依托字节跳动强大的业务中台和技术中台能力,快速探索互联网全新的业务形态,寻找全新的用户需求,创造全新的业务场景,服务数亿用户。
|
||||
##### 职位描述
|
||||
|
||||
- 自我驱动完成核心业务系统的前端研发工作;
|
||||
- 优化前端体验,解决性能和交互难点;
|
||||
- 参与前端工具链、通用服务、基础库、设计语言建设。
|
||||
##### 职位要求
|
||||
- 本科及以上学历,计算机相关专业优先;
|
||||
- 理解并熟练掌握 HTML(5)、CSS(3)、JS,拥有成熟应用经验;
|
||||
- 熟练前端生态并怀有兴趣和好奇心,至少熟悉一种主流框架;
|
||||
- 学习能力强,对产品有强烈的责任感,拥有沟通和团队协作能力,适应自驱工作环境 。
|
||||
|
||||
|
||||
#### 前端研发工程师-智能营销中台
|
||||
|
||||
##### 职位描述
|
||||
- 负责设计稿智能解析生成UI界面平台开发;
|
||||
- 负责智能设计辅助平台开发;
|
||||
- 负责公司运营活动平台建设。
|
||||
##### 职位要求
|
||||
- 计算机、通信和电子信息科学相关专业优先;
|
||||
- 有图像算法、深度学习背景优先;
|
||||
- 熟悉前端相关技术,包括HTML、CSS、JavaScript等;
|
||||
- 有自己的技术产品、开源作品、或活跃的开源社区贡献者优先;
|
||||
- 积极乐观、责任心强、工作认真细致、具有良好的服务意识、具有良好的沟通协作能力。
|
||||
|
||||
#### 前端开发工程师-社区安全方向
|
||||
|
||||
##### 职位描述
|
||||
- 负责抖音端内社区安全和隐私合规相关功能的前端开发工作;
|
||||
- 负责抖音社区安全、隐私合规方向的平台建设工作。
|
||||
##### 职位要求
|
||||
- 计算机基础扎实,熟悉常用的数据结构和算法,具备扎实的编码能力;
|
||||
- 前端基础扎实,熟练掌握HTML、Javascript、CSS及HTTP协议;
|
||||
- 熟悉至少一种Web开发框架,如React、Vue、Angular等;
|
||||
- 具备良好的系统设计能力,能自主完成常规技术方案的设计及落地;
|
||||
- 具有良好的团队合作精神和积极主动的沟通意识;
|
||||
- 有安全相关工作背景者优先,有大型网站架构经验者优先,具备全栈/跨端开发能力者优先。
|
||||
@@ -58,17 +58,17 @@ export const dsSidebar = [
|
||||
text: '3.2 栈的顺序存储结构',
|
||||
link: '2.栈的顺序存储结构.md'
|
||||
}, {
|
||||
text: '3.3 栈的基本概念和基本操作',
|
||||
link: '1.栈的基本概念和基本操作.md'
|
||||
text: '3.3 栈的链式存储结构',
|
||||
link: '3.栈的链式存储结构.md'
|
||||
}, {
|
||||
text: '3.4 栈的基本概念和基本操作',
|
||||
link: '1.栈的基本概念和基本操作.md'
|
||||
text: '3.4 队列的基本概念和操作',
|
||||
link: '4.队列的基本概念和操作.md'
|
||||
}, {
|
||||
text: '3.5 栈的基本概念和基本操作',
|
||||
link: '1.栈的基本概念和基本操作.md'
|
||||
text: '3.5 队列的顺序存储结构',
|
||||
link: '5.队列的顺序存储结构.md'
|
||||
}, {
|
||||
text: '3.6 栈的基本概念和基本操作',
|
||||
link: '1.栈的基本概念和基本操作.md'
|
||||
text: '3.6 队列的链式存储结构',
|
||||
link: '6.队列的链式存储结构.md'
|
||||
}, {
|
||||
text: '3.7 栈和队列的应用',
|
||||
link: '7.栈和队列的应用.md'
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
|
||||
|
||||
|
||||
# 队列的基本概念和基础操作
|
||||
# 队列的基本概念和操作
|
||||
|
||||
|
||||
### 基本概念
|
||||
@@ -15,7 +15,7 @@
|
||||
- [栈的基本概念和基本操作](1.栈的基本概念和基本操作.md)
|
||||
- [栈的顺序存储结构](2.栈的顺序存储结构.md)
|
||||
- [栈的链式存储结构](3.栈的链式存储结构.md)
|
||||
- [队列的基本概念和基础操作](4.队列的基本概念和基础操作.md)
|
||||
- [队列的基本概念和基础操作](4.队列的基本概念和操作.md)
|
||||
- [队列的顺序存储](5.队列的顺序存储结构.md)
|
||||
- [队列的链式存储](6.队列的链式存储结构.md)
|
||||
- [栈和队列的应用](7.栈和队列的应用.md)
|
||||
|
||||
2
docs/manuscripts/note-map/ccp-map.md
Normal file
2
docs/manuscripts/note-map/ccp-map.md
Normal file
@@ -0,0 +1,2 @@
|
||||
|
||||
# 计算机组成原理
|
||||
@@ -1,2 +1,2 @@
|
||||
|
||||
# 计算机网络思维导图
|
||||
# 计算机网络
|
||||
@@ -1 +1,2 @@
|
||||
## 数据结构思维导图
|
||||
|
||||
# 数据结构
|
||||
23
docs/manuscripts/note-map/note-map.sidebar.ts
Normal file
23
docs/manuscripts/note-map/note-map.sidebar.ts
Normal file
@@ -0,0 +1,23 @@
|
||||
|
||||
export const noteMapSidebar=[{
|
||||
text: '考研相关',
|
||||
children: [{
|
||||
text: '测试',
|
||||
link: '/333'
|
||||
}]
|
||||
}, {
|
||||
text: "思维导图",
|
||||
children: [{
|
||||
text: '数据结构',
|
||||
link: 'ds-map.md'
|
||||
}, {
|
||||
text: '操作系统',
|
||||
link: 'os-map.md'
|
||||
}, {
|
||||
text: '计算机组成原理',
|
||||
link: 'ccp-map.md'
|
||||
}, {
|
||||
text: '计算机网络',
|
||||
link: 'cn-map.md'
|
||||
}]
|
||||
}]
|
||||
2
docs/manuscripts/note-map/os-map.md
Normal file
2
docs/manuscripts/note-map/os-map.md
Normal file
@@ -0,0 +1,2 @@
|
||||
|
||||
# 操作系统
|
||||
788
docs/quick-start.md
Normal file
788
docs/quick-start.md
Normal file
@@ -0,0 +1,788 @@
|
||||
---
|
||||
headerDepth:4
|
||||
---
|
||||
|
||||
## 写最前面
|
||||
|
||||
<div style="text-align: center">
|
||||
<div align="center" >
|
||||
<table style="border:none;cell-padding:0; cell-spacing:0;border-collapse:collapse;" border="0">
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/media/fairy-sister-450x450.jpg"
|
||||
width="250px"
|
||||
style="margin: 10px"
|
||||
title="欢迎关注公众号:Rong姐姐好可爱" alt="关注公众号"/>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/media/chu-fan-443-650x650.jpg"
|
||||
width="250px"
|
||||
style="margin: 10px"
|
||||
title="欢迎添加微信:chufan443 " alt="联系作者"/>
|
||||
</table>
|
||||
</div>
|
||||
<div style="text-align: center;padding: 10px" align="center">
|
||||
<a
|
||||
href="https://github.com/mmdapl"
|
||||
rel="nofollow noreferrer"
|
||||
target="_blank"
|
||||
title="点击跳转Github主页"
|
||||
>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/main-vip/svg/github.svg"
|
||||
style="margin: 5px;width: 24px;height: 24px;">
|
||||
</a>
|
||||
<a
|
||||
href="https://gitee.com/Mmdapl"
|
||||
rel="nofollow noreferrer"
|
||||
target="_blank"
|
||||
title="点击跳转码云主页"
|
||||
>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/main-vip/svg/gitee.svg"
|
||||
style="margin: 5px;width: 24px;height: 24px;">
|
||||
</a>
|
||||
<a
|
||||
href="https://juejin.im/user/448256476724807"
|
||||
rel="nofollow noreferrer"
|
||||
target="_blank"
|
||||
title="点击跳转掘金主页"
|
||||
>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/main-vip/svg/juejin.svg"
|
||||
style="margin: 5px;width: 24px;height: 24px;">
|
||||
</a>
|
||||
<a
|
||||
href="https://space.bilibili.com/350937042"
|
||||
rel="nofollow noreferrer"
|
||||
target="_blank"
|
||||
title="点击跳转B站主页"
|
||||
>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/main-vip/svg/bilibili.svg"
|
||||
style="margin: 5px;width: 24px;height: 24px;">
|
||||
</a>
|
||||
<a
|
||||
href="https://blog.csdn.net/Mmdapl"
|
||||
rel="nofollow noreferrer"
|
||||
target="_blank"
|
||||
title="点击跳转CSDN博客主页"
|
||||
>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/main-vip/svg/csdn.svg"
|
||||
title="点击跳转CSDN博客主页"
|
||||
style="margin: 5px;width: 24px;height: 24px;">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
> 这里是工作、学习、生活中总结的各类笔记文章,涉及开发技术,也会感慨万千、水一些`思考`;若发现博客外链不能访问欢迎指正;
|
||||
> 所有内容会选择性的发表于**微信公众号、博客、掘金、CSDN、Github ,实际内容以本仓库排版、校对为主。** 代码会不定期同步到 **码云** 。
|
||||
|
||||
|
||||
**没有效访问链接的代表尚未完成,大家善用快捷键`Ctrl+F`**
|
||||
|
||||
|
||||
## 日常推荐
|
||||
|
||||
|
||||
|
||||
## 思维导图
|
||||
|
||||
|
||||
> 内容同步与文档,可以结合思维导图对文档进行有效学习.相关目录的xmind文件为思维导图原文件
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## 文章笔记
|
||||
|
||||
|
||||
### 前端
|
||||
|
||||
|
||||
> 前端技术百花齐放、层出不穷,个人认为要注重广度,学会看官方文档熟练操作即可;
|
||||
|
||||
|
||||
### CSS
|
||||
|
||||
|
||||
> 依赖W3CSchool文档和日常整理,主要是对CSS常用操作和基础属性进行整理总结。不是专家,望谅解
|
||||
|
||||
|
||||
- CSS开发规范
|
||||
|
||||
- 样式属性
|
||||
|
||||
- 页面布局
|
||||
|
||||
- 移动端适配
|
||||
|
||||
|
||||
|
||||
|
||||
##### 基础教程
|
||||
|
||||
|
||||
|
||||
### JavaScript
|
||||
|
||||
#### 快速入门
|
||||
|
||||
|
||||
- [简单介绍]()
|
||||
- [快速了解]()
|
||||
- [JavasScript开发规范]()
|
||||
|
||||
|
||||
#### 基础教程
|
||||
|
||||
|
||||
- [语法与数据结构]()
|
||||
- [循环与迭代]()
|
||||
- [流程控制与错误处理]()
|
||||
- [表达式和运算符]()
|
||||
- [函数和方法]()
|
||||
- [数字和日期]()
|
||||
- [对象的使用]()
|
||||
- [正则表达式]()
|
||||
- [promise对象的使用]()
|
||||
- [modules模块]()
|
||||
|
||||
|
||||
#### 中级教程
|
||||
|
||||
|
||||
- [Promise对象]()
|
||||
- [async函数]()
|
||||
- [class类]()
|
||||
|
||||
|
||||
#### 高级教程
|
||||
|
||||
|
||||
- [不一样的ajax]()
|
||||
- [什么是事件循环]()
|
||||
- [JSON.stringify()的三个参数]()
|
||||
|
||||
|
||||
<!-- #### 最后稻草 -->
|
||||
|
||||
|
||||
- [ES6、ES7、ES8、ES9、ES10的新特性]()
|
||||
- [ES2020新特性]()
|
||||
- [JavaScript 工具函数大全]()
|
||||
- [常用函数方法整理]()
|
||||
|
||||
|
||||
### JQuery
|
||||
|
||||
|
||||
- [安装使用]()
|
||||
- [基本属性]()
|
||||
|
||||
|
||||
- Css样式
|
||||
|
||||
|
||||
- 选择器
|
||||
|
||||
|
||||
- 文档处理
|
||||
|
||||
|
||||
- 筛选
|
||||
|
||||
|
||||
- 事件
|
||||
|
||||
|
||||
- 效果
|
||||
|
||||
|
||||
- 事件对象
|
||||
|
||||
|
||||
- 延迟对象
|
||||
|
||||
|
||||
- 回调函数
|
||||
|
||||
|
||||
- 其他整理
|
||||
|
||||
|
||||
### Vue.js
|
||||
|
||||
|
||||
> 介绍基础、常用的vue功能,不会很深入的涉及到vue源码及原理
|
||||
|
||||
|
||||
### React
|
||||
|
||||
|
||||
### Nuxtjs
|
||||
|
||||
|
||||
> Nuxtjs是在vue框架上进行封装的,主要是用来解决单体页面的服务端渲染问题,提供网站进行SEO优化的可能
|
||||
|
||||
|
||||
[前端读写cookie]()
|
||||
|
||||
|
||||
### UI框架
|
||||
|
||||
|
||||
> 市面上前端框架层出不穷,不同的技术栈依赖的UI框架也不尽相同,这里将会依据笔者使用的UI框架,以线上项目展示的方式,介绍用过的框架;
|
||||
|
||||
|
||||
- Bootstrap
|
||||
- LayerUI
|
||||
- Ant-design-vue
|
||||
- iView-UI
|
||||
- VantUI
|
||||
- Element-UI
|
||||
|
||||
|
||||
## 后端【Node.js】
|
||||
|
||||
|
||||
> 相比前端,作为偏后端的开发者, 后端技术的学习则需要稳扎稳打、不断积累整理,在会用、能用、熟练的基础上,更应该学习其中的原理;所以若你为后端开发者,不论Java、Nodejs、Go等技术栈,对待下面将提及的微服务架构、容器技术、服务治理、高可用等都需要努力学习,抓住重点;
|
||||
>
|
||||
> 在面试面前,能力是不会说谎的,打铁还需自身硬,加油~
|
||||
|
||||
|
||||
### Express框架
|
||||
|
||||
|
||||
- [框架概念简介]()
|
||||
- [brew和tree的安装]()
|
||||
- 搭建express基础项目
|
||||
- 安装
|
||||
- 路由
|
||||
- 静态文件
|
||||
- 中间件
|
||||
- 统一错误处理
|
||||
- [express()函数]()
|
||||
- [application对象详解]()
|
||||
- [request对象]()
|
||||
- [respon对象]()
|
||||
- [router对象]()
|
||||
- 数据库集成
|
||||
- MVC分层
|
||||
- [pm2进程管理]()
|
||||
- 分环境部署上线
|
||||
|
||||
|
||||
### Koa框架
|
||||
|
||||
|
||||
- koa介绍
|
||||
- 手把手搭建第一个koa项目
|
||||
- 应用(Application)
|
||||
- 中间件(Middleware)
|
||||
- 上下文(Context)
|
||||
- 请求(Request)
|
||||
- 响应(Response)
|
||||
|
||||
|
||||
### Eggjs框架
|
||||
|
||||
|
||||
#### 基础篇
|
||||
|
||||
|
||||
- [第一部分:Git概述]()
|
||||
|
||||
|
||||
- [1.1 下载和安装]()
|
||||
- [1.2 基本配置]()
|
||||
- [1.3 常用命令]()
|
||||
- [1.4 GitHub简单使用]()
|
||||
- [1.5 GitBook简单使用]()
|
||||
- [1.5.1 Typora简介]()
|
||||
- [1.5.2 MarkDown语法]()
|
||||
- [1.6 码云和GitHub的选择]()
|
||||
|
||||
|
||||
- [第二部分:数据库概述]()
|
||||
|
||||
|
||||
- [2.1 下载和安装]()
|
||||
- [2.2 连接数据库]()
|
||||
- [2.3 CURD操作]()
|
||||
- [2.4 Redis缓存]()
|
||||
- [2.4.1 redis安装]()
|
||||
- [2.4.2 redis常用指令]()
|
||||
- [2.5 可视化管理]()
|
||||
|
||||
|
||||
#### 入门篇
|
||||
|
||||
|
||||
- [第一部分:Egg框架快速入门]()
|
||||
|
||||
|
||||
- [1.1 基础功能]()
|
||||
- [1.1.1 接口参数获取]()
|
||||
- [1.1.2 Egg内置对象 ]()
|
||||
- [1.1.3 Config配置]()
|
||||
- [1.1.4 Egg生命周期]()
|
||||
- [1.1.5 中间件理解]()
|
||||
- [1.1.6 Router路由分发]()
|
||||
- [1.1.7 Controller控制器]()
|
||||
- [1.1.8 Service服务]()
|
||||
- [1.1.9 常用插件]()
|
||||
- [1.2 核心功能]()
|
||||
- [1.2.1 日志输出]()
|
||||
- [1.2.2 定时任务]()
|
||||
- [1.2.2 HttpClient网络请求]()
|
||||
- [1.2.3 Cookie的基本使用]()
|
||||
- [1.2.4 Session的基本使用]()
|
||||
- [1.2.5 统一异常-错误处理]()
|
||||
- [1.2.6 CSRF防范和XSS攻击]()
|
||||
- [1.2.7 RESTful API接口风格]()
|
||||
|
||||
|
||||
- [第二部分:插件开发]()
|
||||
|
||||
|
||||
- [2.1 egg-validate参数校验]()
|
||||
- [2.2 egg-view-ejs页面渲染]()
|
||||
- [2.3 egg-redis缓存]()
|
||||
- [2.4 egg-mysql]()
|
||||
- [2.5 egg-sequelize]()
|
||||
- [2.6 egg-socket.io即时通讯]()
|
||||
|
||||
|
||||
#### 代码实战篇
|
||||
|
||||
|
||||
- [第一部分:常用代码]()
|
||||
|
||||
|
||||
- [1.1 图片前端在线剪辑]()
|
||||
- [1.2 文件上传后台处理]()
|
||||
- [1.3 MD5加密-解密算法]()
|
||||
- [1.4 Egg Jwt加密和校验]()
|
||||
- [第二部分:项目简介]()
|
||||
|
||||
|
||||
- [2.1 基于OAuth2的统一认证中心系统]()
|
||||
- [2.2 常用前后端分页比较与实现]()
|
||||
- [2.3基于Spring Boot实现的个人博客]()
|
||||
- [2.4 基于Yapi搭建的接口管理系统]()
|
||||
- [2.5 GitBook开源笔记总结站点搭建]()
|
||||
- [2.6 个人网站及接口服务搭建搭建]()
|
||||
- [第三部分:手把手搭建基础Egg开发框架]()
|
||||
|
||||
|
||||
### Nestjs框架
|
||||
|
||||
|
||||
> Nestjs框架推崇typescript语法,并且友好的兼容express框架,因此在学习Nestjs框架之前,请务必先熟悉express框架相关操作并进行typescript入门;在一定程度上typescript和面向对象语言Java、Net等很相似,如果你之前有JavaScript和Java的基础,那么应该恭喜你,你的学习速度将会倍速提高
|
||||
|
||||
|
||||
- [核心基础概念]()
|
||||
- [项目创建初始化入门]()
|
||||
- [整合swagger快速生成api文档]()
|
||||
- [接口路由请求传参]()
|
||||
|
||||
|
||||
## 算法
|
||||
|
||||
|
||||
- 算法分析
|
||||
|
||||
|
||||
### 查找
|
||||
|
||||
|
||||
- 顺序查找
|
||||
- 折半查找
|
||||
- 分块查找
|
||||
- B树和B+树
|
||||
- 散列(Hash)表
|
||||
- 字符串模式匹配(KPM)
|
||||
|
||||
|
||||
### 排序
|
||||
|
||||
|
||||
- 插入排序
|
||||
- 交换排序
|
||||
- 选择排序
|
||||
- 归并排序
|
||||
- 基数排序
|
||||
- 内部排序比较
|
||||
- 外部排序比较
|
||||
|
||||
|
||||
### LeetCode刷题
|
||||
|
||||
|
||||
## 数据库
|
||||
|
||||
|
||||
> 主讲数据库基础知识,结合node的简单使用,相关的部署方案参照下方的文档
|
||||
|
||||
|
||||
### MySQL
|
||||
|
||||
|
||||
- [【服务器版】MySQL的安装部署]()
|
||||
- [MySQL优化之Explain参数说明]()
|
||||
- 索引分类
|
||||
- SQL语句优化
|
||||
- [基于GTID主从复制的原理和基础配置]()
|
||||
- [MySQL日志类型把我难哭了,你学废了吗?]()
|
||||
|
||||
|
||||
### Redis
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
- [key命名规范与建议]()
|
||||
- [redis开发使用规范]()
|
||||
- [redis基础介绍]()
|
||||
- [redis的简单安装和部署]()
|
||||
- [官方默认配置模板]()
|
||||
- 数据类型
|
||||
- [redis简单主从集群部署-docker方式]()
|
||||
- [memCache与Redis比较]()
|
||||
|
||||
|
||||
### Mongo
|
||||
|
||||
|
||||
- 基本介绍
|
||||
- 安装部署
|
||||
- 简单使用
|
||||
- Node下的CURD操作
|
||||
|
||||
|
||||
## 服务部署
|
||||
|
||||
|
||||
### nginx
|
||||
|
||||
|
||||
- [nginx安装,普通安装 Or Docker搞定?]()
|
||||
- [手把手nginx基础入门]()
|
||||
- [反向代理、负载均衡真有那么难吗?]()
|
||||
- [Nginx SSL证书,从此踏上Https之路]()
|
||||
|
||||
|
||||
### docker
|
||||
|
||||
|
||||
- 我与docker的第一次硬碰硬
|
||||
- docker操作入门真有那么难吗?
|
||||
- 这些基础操作指令,你会吗?
|
||||
- 那些年,我常用的docker指令操作汇总
|
||||
|
||||
|
||||
### docker-compose
|
||||
|
||||
|
||||
- 听说你装了N次都没搞定?
|
||||
- 集群启动失败,yaml规范不清楚?
|
||||
- [我了解的docker-compose都在这里了]()
|
||||
|
||||
|
||||
### linux下shell编程
|
||||
|
||||
- [shell基础整理]()
|
||||
- [操作mysql数据库]()
|
||||
- shell操作docker
|
||||
- 环境变量env
|
||||
|
||||
|
||||
## 服务网关
|
||||
|
||||
|
||||
### kong
|
||||
|
||||
|
||||
- [kong的的基本介绍]()
|
||||
- [docker下kong的部署]()
|
||||
- docker-compose搭建kong集群
|
||||
- 可视化管理界面介绍
|
||||
|
||||
|
||||
### Kong-Admin
|
||||
|
||||
|
||||
- 基本介绍与docker部署
|
||||
- 简单使用
|
||||
- 路由管理
|
||||
|
||||
|
||||
### kong-dashboard
|
||||
|
||||
|
||||
- docker简单部署
|
||||
- 路由管理
|
||||
- 插件介绍
|
||||
|
||||
|
||||
## 服务注册
|
||||
|
||||
|
||||
### Apollo
|
||||
|
||||
|
||||
> 携程开发的配置中心经典项目,可集成多语言客户端,实现灰度部署,在分布式微服务的场景下抽离出服务配置,方便统一管理、发布
|
||||
|
||||
|
||||
### Consul
|
||||
|
||||
|
||||
> 服务注册、发现,key-value键值对管理
|
||||
|
||||
|
||||
### Nacos
|
||||
|
||||
|
||||
> 背靠国内一线互联网大厂——阿里巴巴,也是可适用于微服务下的配置管理,支持Java、Nodejs等主流语言,目前生态良好,技术支持表现一般,属于Apollo替代产品
|
||||
|
||||
|
||||
## 消息中间件
|
||||
|
||||
|
||||
> 消息队列已经逐渐成为企业IT系统内部通信的核心手段。具有低耦合、可靠投递、广播、流量控制、最终一致性等一系列功能,成为异步RPC的主要手段之一。当今市面上有很多主流的消息中间件,如老牌的ActiveMQ、RabbitMQ,炙手可热的Kafka,阿里巴巴自主开发RocketMQ等。
|
||||
>
|
||||
> 目前个人了解的有:RabbitMQ、Kafka、RocketMQ
|
||||
|
||||
|
||||
### RabbitMQ
|
||||
|
||||
|
||||
### kafka
|
||||
|
||||
|
||||
### RocketMQ
|
||||
|
||||
|
||||
## RPC框架
|
||||
|
||||
|
||||
### gRPC
|
||||
|
||||
|
||||
> gRPC 一开始由 google 开发,是一款语言中立、平台中立、开源的远程过程调用(RPC)系统,tensorflow分布式与tensorflow serving底层通信都是是用的grpc。我自己基于JavaScript技术栈上较多的接触到gRPC,传送门:[基于js下各框架grpc的使用]()
|
||||
|
||||
|
||||
- nodejs下grpc的简单实用
|
||||
|
||||
|
||||
- grpc集成express框架
|
||||
|
||||
|
||||
- grpc集成koa框架
|
||||
|
||||
|
||||
- eggjs框架下grpc的线上部署
|
||||
|
||||
|
||||
- grpc插件开发示例
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### Dubbo
|
||||
|
||||
|
||||
> Alibaba开发的一个RPC框架,远程接口基于Java Interface, 依托于Spring框架(**Java技术栈重点研究**)
|
||||
|
||||
|
||||
### Thrift
|
||||
|
||||
|
||||
> Apache的一个项目(http://thrift.apache.org),前身是Facebook开发的一个RPC框架,采用thrift作为IDL (Interface description language)。
|
||||
|
||||
|
||||
## Elk日志管理平台
|
||||
|
||||
|
||||
> 全链路日志
|
||||
|
||||
- [ELK基础概念与常用架构整理]()
|
||||
|
||||
|
||||
### ElasticSearch
|
||||
|
||||
|
||||
> 数据存储
|
||||
|
||||
|
||||
### Logstash
|
||||
|
||||
|
||||
> 数据收集
|
||||
|
||||
|
||||
### Kibana
|
||||
|
||||
|
||||
> 数据展示
|
||||
|
||||
|
||||
## 监控工具
|
||||
|
||||
|
||||
> 参考笔者线上平台:http://view.142vip.cn/grafana 账号/密码:test/123456 基于docker部署,由于是个人学生服务器,站点访问延迟较高
|
||||
>
|
||||
> 常用工具:promethus 、grafana、zabbix、lepus等
|
||||
|
||||
|
||||
### Prometheus
|
||||
|
||||
|
||||
### Grafana
|
||||
|
||||
|
||||
### Zabbix
|
||||
|
||||
|
||||
### lepus(天兔)
|
||||
|
||||
|
||||
## 高可用架构
|
||||
|
||||
|
||||
### MySQL集群
|
||||
|
||||
|
||||
#### 主从同步
|
||||
|
||||
|
||||
> 实现功能:主从服务器数据一致,低延迟、高并发
|
||||
|
||||
|
||||
- Binlog主从复制
|
||||
- GTID主从复制
|
||||
- 主主复制
|
||||
|
||||
|
||||
#### 代理中间件
|
||||
|
||||
|
||||
> 实现功能:读写分离、分库分表、负载均衡、故障切换
|
||||
|
||||
|
||||
- Mycat
|
||||
- 360Atlas
|
||||
|
||||
|
||||
#### 集群监控
|
||||
|
||||
|
||||
> 实现功能:实时监控、可视化数据显示、故障报警
|
||||
|
||||
|
||||
##### Prometheus
|
||||
|
||||
|
||||
- 监控MySQL集群
|
||||
- 监控Mongo数据库
|
||||
- 监控Node服务
|
||||
- 监控linux服务器
|
||||
- 监控redis集群
|
||||
|
||||
|
||||
##### Grafana
|
||||
|
||||
|
||||
- 基本安装部署
|
||||
- 功能介绍和简单操作
|
||||
- 可视化数据图形显示界面
|
||||
- 常用模板
|
||||
|
||||
|
||||
##### alter-manager
|
||||
|
||||
|
||||
- 推送到邮箱
|
||||
- 推送到钉钉、微信机器人
|
||||
- 推送到自定义消息接口(webhook钩子)
|
||||
|
||||
|
||||
#### 压力测试
|
||||
|
||||
|
||||
- jmeter
|
||||
|
||||
|
||||
## Redis集群
|
||||
|
||||
|
||||
> 持续整理中...
|
||||
|
||||
|
||||
### 简单主从模式
|
||||
|
||||
|
||||
### 哨兵模式
|
||||
|
||||
|
||||
### cluster模式
|
||||
|
||||
|
||||
## 网站搭建
|
||||
|
||||
|
||||
> 从大二开始搭建个人网站:http://www.142vip.cn 起初非常简陋,工作之后计划进行第三版迭代,一直抽空佛系谢谢, 目前在重构中..
|
||||
|
||||
|
||||
- 最初的梦想
|
||||
- 舍弃Java,我的重构之路
|
||||
- 网站正规化,Nginx配置SSL证书
|
||||
- 小小网站却耗费三台学生服务器?
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## 书籍整理
|
||||
|
||||
### 技术类
|
||||
> 待整理
|
||||
|
||||
#### [狼书 - 了不起的Node.js]()
|
||||
|
||||
- [第一章 Node.js初识]()
|
||||
- [第二章 Nodejs安装与入门]()
|
||||
- [第三章 更了不起的Node.js]()
|
||||
- [第四章 更好的Node.js]()
|
||||
- [第五章 Node.js是如何执行的]()
|
||||
- [第六章 模块与核心]()
|
||||
- [第七章 异步写法与流程控制]()
|
||||
|
||||
- [全部笔记]()
|
||||
|
||||
|
||||
#### [ES6标准入门——阮一峰]()
|
||||
|
||||
> 本书内容较多,很多基础细节都有说明,难度中等、适合入门,书中很多例子我也摘抄了很多,主要是我认为重要的,笔记按照自己学习逻辑整理的,请君慢用
|
||||
- [1.ECMAScript 6 简介]()
|
||||
- [2.let和const命令]()
|
||||
- [3.变量的解构赋值]()
|
||||
- [4.字符串详解]()
|
||||
|
||||
#### [深入浅出的Node.js]()
|
||||
### 非技术类
|
||||
|
||||
> 主要是跟计算机无关的一些书,在看完之后,会选择性的进行思维导图、经典词句整理,也可能添加个人思考
|
||||
|
||||
|
||||
#### [你好孤独 - 陈果]()
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -4,10 +4,10 @@ heroText: 计算机应试全家桶
|
||||
tagline: 磨刀不误砍柴工、读完硕士再打工...
|
||||
actions:
|
||||
- text: 快速开始→
|
||||
link: /guide/
|
||||
link: /quick-start.md
|
||||
type: primary
|
||||
- text: 工作机会 💡
|
||||
link: /work/
|
||||
link: /job-poster-bytedance.md
|
||||
type: secondary
|
||||
features:
|
||||
- title: 基础概览
|
||||
@@ -68,7 +68,6 @@ footerWrap:
|
||||
details: 不定期更新
|
||||
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
@@ -159,7 +158,7 @@ yarn run dev
|
||||
### 提交记录
|
||||
|
||||
|
||||
## 赞赏列表
|
||||
### 赞赏列表
|
||||
|
||||
|
||||
以下排名不分先后! [传送门→]() **赞赏过的一定要微信跟我说呀!!!!!!**
|
||||
@@ -176,14 +175,14 @@ yarn run dev
|
||||
|
||||
|
||||
|
||||
## 赞助商
|
||||
### 赞助商
|
||||
|
||||
**以下排名不分先后! 还木有收到赞助,哈哈哈,先留坑**
|
||||
|
||||
|
||||
|
||||
|
||||
## 联系作者
|
||||
### 联系作者
|
||||
|
||||
若系列文章对你有所帮助,欢迎订阅公众号或微信”骚扰“,获取更多内容。**商务合作请备注来意**
|
||||
|
||||
@@ -192,9 +191,11 @@ yarn run dev
|
||||
<table style="border:none;cell-padding:0; cell-spacing:0;border-collapse:collapse;" border="0">
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/media/fairy-sister-450x450.jpg"
|
||||
width="250px"
|
||||
style="margin:10px"
|
||||
title="欢迎关注公众号:Rong姐姐好可爱" alt="关注公众号"/>
|
||||
<img src="https://cdn.staticaly.com/gh/142vip/cdn_service@main/media/chu-fan-443-650x650.jpg"
|
||||
width="250px"
|
||||
style="margin:10px"
|
||||
title="欢迎添加微信:chufan443 " alt="联系作者"/>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user