全栈成长之开源项目和全栈文章集合

Posted 前端Q

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了全栈成长之开源项目和全栈文章集合相关的知识,希望对你有一定的参考价值。


如需打开以下链接,请移至左下角阅读原文

关于平常工作中在前端,后端以及运维中遇到问题的一些文章总结。以后也会做系列文章进行输出,如前端高级进阶系列,个人服务器指南系列。

开源项目

  • shfshanyue/cls-session (npm): Node CLS 的实现,并避免了 Promise 在 async_hooks 中内存泄漏问题
  • shfshanyue/promise-map (npm): promise 并发数控制,并支持 promise.allsettled
  • shfshanyue/ansible-op (ansible role): 个人服务器运维脚本
  • shfshanyue/serverless-template-zh: 中国云厂商 serverless framework 模板及示例 (更快的访问速度)
  • shfshanyue/koa-mini: 40 行代码实现一个 koa
  • shfshanyue/spider: python 写的网页定时备份小工具
  • shfshanyue/2019-ncov (Star 466): 全国新型冠状病毒,肺炎疫情实时省市地图,单日 PV 最高48万 https://ncov.shanyue.tech/
  • shfshanyue/tomato: 基于 vue 与 cordova 的番茄闹钟APP,由于太卡未上架...
  • shfshanyue/eleven: 小程序十一选五小助手,单日 PV 不到100
  • shfshanyue/cheat-sheets: cheat sheets,单日 PV 不到十个
  • shfshanyue/reacht-rubic: 使用 react 开发的魔方
  • shfshanyue/shici: 使用 next.js 与 graphql 做一个诗词小站,并使用自建的 gitlab-ci/traefik 自动部署,单日 PV 不到100,服务器架构切换时闭站...
  • shfshanyue/shici-server: 使用 graphql 做一个诗词小站的服务端,并使用自建的 gitlab-ci/traefik 自动部署
  • shfshanyue/apollo-server-starter: 基于 apollo-server 的 graphql 后端脚手架
  • shfshanyue/wechat-ncov: 个人微信机器人,用以自动通过好友,加群后欢迎语以及基金、疫情信息监控
  • shfshanyue/wechat: 个人公众号的微信开发,包括面试题API及看文需扫码关注功能
  • shfshanyue/tieba_post: 模拟百度贴吧的登录及自动发帖
  • shfshanyue/vim-config: vim config
  • shfshanyue/tmux-config: tmux config

前端工程化

  1. 前端高级进阶:javascript 代码是如何被压缩
  2. 前端高级进阶:如何更好地优化打包资源
  3. 前端高级进阶:网站的缓存控制策略最佳实践及注意事项
  4. 前端高级进阶:团队代码规范约束最佳实践
  5. 前端高级进阶:在生产环境中使你的 npm i 速度提升 50%
  6. 前端高级进阶:使用 docker 高效部署你的前端应用
  7. 前端高级进阶:CICD 下的前端多特性分支环境的部署
  8. 前端高级进阶:前端部署的发展历程

更多文章: 前端工程化系列

Node 实践

  • Node实践源码篇: 40 行代码实现精简版 koa
  • Node实践日志篇: 异步资源监听与 CLS 实现
  • Node实践代码篇: 为你的应用添加单元测试 (WIP)

更多文章: Node 实践

技术中的用户增长手段

  • 使用 wechaty 实现一个疫情机器人
  • 使用公众号开发进行网站向公众号的导流

更多文章: 用户增长

使用 k8s 管理多服务器

集群搭建

  1. 预备工作
  2. 搭建过程中常见 linux 命令使用
  3. docker 的安装与配置
  4. kubelet/kubeadm 简介与安装
  5. 搭建一个集群的主节点 (control plane node)
  6. 为集群添加一个工作节点 (work node)
  7. 在本地环境管理集群

资源部署

  1. 部署你的第一个应用: Pod,Deployment 与 Service
  2. 通过外部域名访问你的应用: Ingress
  3. 自动为你的域名添加 https

工具与运维

  1. 部署利器 Helm 安装及简介
  2. 易用轻量的持续集成方案: helm 结合 drone

个人服务器运维指南

你可以在阿里云新购一台服务器作为实践:

  1. 序·当我有一台服务器时我做了什么
  2. 序·当我有一台服务器时我做了什么(2019)

配置篇

  1. 服务器快速登录配置:ssh-config
  2. git 基本命令及安装
  3. 服务器ssh key 及 github 配置
  4. 系统信息查看相关命令
  5. vim 基本操作及配置
  6. tmux 与多窗口管理
  7. ansible 简易入门

容器篇

  1. docker 简易入门
  2. Dockerfile 最佳实践
  3. 案例: 使用 docker 高效部署前端应用
  4. docker compose 编排架构简介
  5. docker compose 简易入门
  6. 使用 traefik 做反向代理
  7. 使用 traefik 自动生成 https 的证书
  8. 使用 dnsmasq 搭建本地 DNS 服务
  9. 使用 openvpn 访问内部集群私有服务
  10. 使用 postgres 做数据存储
  11. 使用 redis 做缓存服务
  12. 使用 sentry 做异常监控
  13. 案例:黑客增长 - 从博客向公众号引流
  14. 案例:黑客增长 - 使用公众号开发模拟面试

监控篇

  1. linux 各项监控指标
  2. 使用 htop 监控进程指标
  3. 使用 ctop 监控容器指标

命令篇

  1. sed 命令详解及示例
  2. awk 命令详解及示例
  3. jq 命令详解及示例
  4. tcpdump 命令详解及示例
  5. 案例: 使用jq与sed制作掘金面试文章榜单

有可能你并不需要云服务器 | 如何更好地薅羊毛

但仅仅是开发一个简单的项目(弱数据存储),有可能你并不需要一个云服务器。

  1. 如果你只想搭建一个博客
  2. 使用 Netlify 托管静态网站与持续集成
  3. 使用 AliosS 部署及加速你的静态网站
  4. Github Actions 持续集成简介及实践
  5. Serverless 与 Serverless Framework

更多文章: 你并不需要云服务器

业务与技术

  • 新人如何快速熟悉业务
  • 前端如何在业务中提升自己
  • 如何为测试环境制造假数据

技术反思分享

以下都是关于技术思考的文章分享

  1. 10 Things Every Developer Should Learn ·

后端

  1. 各种架构图乱七八糟的图索引
  2. linux 性能监控指标速查
  3. jwt 实践应用以及特殊案例思考
  4. jwt 邮件验证码与登录实践
  5. GraphQL 开发指南
  6. 由 GraphQL 来思考 API Design
  7. Node 中异常,EXIT CODE 与 dockerfile
  8. 限流算法: 漏桶与令牌桶简介
  9. 使用 requestId 标记全链路日志
  10. Node 中的异常收集,结构化与监控
  11. 谈谈 Redis 在项目中的常见使用场景
  12. 项目实践: 使用微信公众号开发模拟面试功能
  13. 黑客增长: 如何把用户从博客引到公众号
  14. Sequelize V5 升级记录及注意事项
  15. 如何判断文件中换行符 LF(\n) 与 CRLF(\r\n)
  16. 两个由于 async/await 导致 OOM 的示例
  17. 隔离级,悲观锁与诗词字云功能的开发
  18. 域名更改注意事项须知
  19. 从数据库到前端,使用 enum 代替 constant number
  20. SQL必知必会

前端

  1. JS 调试问题汇总及示例
  2. 如何实现 Promise 的限流
  3. 如何实现一个简单的 Promise
  4. 你不知道的 JS 之疑难汇总
  5. 使用纯 CSS 实现仿 Material Design 的 input 过渡效果
  6. Canvas VS SVG 画影图形
  7. Grid 布局指南
  8. 使用 Grid 进行常见布局
  9. 浏览器中的二进制以及相互转化

工具与增效

  1. vim 快速入门
  2. 是谁动了我的代码
  3. tmux 与多窗口管理
  4. ssh 快速登录服务器

关注我

如果你对全栈面试,前端工程化,graphql,devops,个人服务器运维以及微服务感兴趣的话,可以关注我


以上是关于全栈成长之开源项目和全栈文章集合的主要内容,如果未能解决你的问题,请参考以下文章

5 个可以拓展全栈技能的开源项目

uni-app全栈仿微信开源项目系列

全栈设计师技术Wiki之Hadoop

前端开源项目周报0502

微众银行区块链开源项目已达11项:这些全栈技术体系内的宝贝,等你来开箱

15 个优秀开源的 Spring Boot 学习项目