Skip to content

Repository files navigation

写最前面

这里是工作、学习、生活中总结的各类笔记文章,涉及开发技术,也会感慨万千、水一些思考;若发现博客外链不能访问欢迎指正; 所有内容会选择性的发表于微信公众号、博客、掘金、CSDN、Github ,实际内容以本仓库排版、校对为主。 代码会不定期同步到 码云

没有效访问链接的代表尚未完成,大家善用快捷键Ctrl+F

在线浏览

网站无法访问时,建议通过科学上网访问备用网络

学习路线

日常推荐

文章笔记

注:无高亮有效访问链接的待完成/同步

前端

前端技术百花齐放、层出不穷,个人认为要注重广度,学会看官方文档熟练操作即可;

CSS

依赖W3CSchool文档和日常整理,主要是对CSS常用操作和基础属性进行整理总结。不会过多深入

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】

相比前端,作为偏后端的开发者,

后端技术的学习则需要稳扎稳打、不断积累整理,在会用、能用、熟练的基础上,更应该学习其中的原理;所以若你为后端开发者,不论Java、Nodejs、Go等技术栈,对待下面将提及的微服务架构、容器技术、服务治理、高可用等都需要努力学习,抓住重点;

在面试面前,能力是不会说谎的,打铁还需自身硬,加油~

Express框架

Koa框架

  • koa介绍
  • 手把手搭建第一个koa项目
  • 应用(Application)
  • 中间件(Middleware)
  • 上下文(Context)
  • 请求(Request)
  • 响应(Response)

Eggjs框架

基础篇

入门篇

代码实战篇

Nestjs框架

Nestjs框架推崇typescript语法,并且友好的兼容express框架,因此在学习Nestjs框架之前,请务必先熟悉express框架相关操作并进行typescript入门;在一定程度上typescript和面向对象语言Java、Net等很相似,如果你之前有JavaScript和Java的基础,那么应该恭喜你,你的学习速度将会倍速提高

算法

  • 算法分析

查找

  • 顺序查找
  • 折半查找
  • 分块查找
  • B树和B+树
  • 散列(Hash)表
  • 字符串模式匹配(KPM)

排序

  • 插入排序
  • 交换排序
  • 选择排序
  • 归并排序
  • 基数排序
  • 内部排序比较
  • 外部排序比较

LeetCode刷题

数据库

主讲数据库基础知识,结合node的简单使用,相关的部署方案参照下方的文档

MySQL

Redis

将围绕redis基础概念、使用场景、使用方式、简单部署等方面 展开介绍,主目录下有自己觉得还不错PDF文档~

Mongo

  • 基本介绍
  • 安装部署
  • 简单使用
  • Node下的CURD操作

服务部署

nginx

docker

  • 我与docker的第一次硬碰硬
  • docker操作入门真有那么难吗?
  • 这些基础操作指令,你会吗?
  • 那些年,我常用的docker指令操作汇总

docker-compose

linux下shell编程

服务网关

kong

konga

  • 基本介绍与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日志管理平台

全链路日志

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证书
  • 小小网站却耗费三台学生服务器?

书籍整理

技术类

待整理

本书内容较多,很多基础细节都有说明,难度中等、适合入门,书中很多例子我也摘抄了很多,主要是我认为重要的,笔记按照自己学习逻辑整理的,请君慢用

非技术类

主要是跟计算机无关的一些书,在看完之后,会选择性的进行思维导图、经典词句整理,也可能添加个人思考

字节工作内推

** 帮朋友转发、宣传,一下jd是相对社招而言,校招、实习会降低要求!社招、校招、实习机会多多,更有漂亮hr小姐姐引导整个流程;不论是在校学生还是已步入职场的你,只要有兴趣,觉得合适的给我简历安排内推;欢迎简历骚扰,备注来意即可:[email protected]**

资深前端开发工程师 - 抖音电商

职位描述
  • 负责字节跳动电商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等;
  • 具备良好的系统设计能力,能自主完成常规技术方案的设计及落地;
  • 具有良好的团队合作精神和积极主动的沟通意识;
  • 有安全相关工作背景者优先,有大型网站架构经验者优先,具备全栈/跨端开发能力者优先。

赞赏列表

以下排名不分先后! 传送门→ 赞赏过的一定要微信跟我说呀!!!!!!

赞助商

以下排名不分先后! 还木有收到赞助,哈哈哈,先留坑

联系作者

若系列文章对你有所帮助,欢迎订阅公众号或微信”骚扰“,获取更多内容。商务合作请备注来意

Releases

Used by

Contributors

Languages