All Projects → shfshanyue → Blog

shfshanyue / Blog

在这里写一些工作中遇到的前端,后端以及运维的问题

Programming Languages

javascript
184084 projects - #8 most used programming language
python
139335 projects - #7 most used programming language

Projects that are alternatives of or similar to Blog

Grid
Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets and more 💥
Stars: ✭ 573 (-41.17%)
Mutual labels:  grid, canvas
Cheetah Grid
The fastest open-source data table for web.
Stars: ✭ 417 (-57.19%)
Mutual labels:  grid, canvas
Core
A canvas-based super high performant grid renderer API
Stars: ✭ 857 (-12.01%)
Mutual labels:  grid, canvas
Dotfiles
My bash, tmux, and vim configs
Stars: ✭ 14 (-98.56%)
Mutual labels:  tmux
Bojler
Bojler is an email framework
Stars: ✭ 885 (-9.14%)
Mutual labels:  grid
Blazm.components
A few useful and awesome components for Blazor. Blazor + awesome (azm)=Blazm (Blossom)
Stars: ✭ 29 (-97.02%)
Mutual labels:  grid
Luckysheet
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Stars: ✭ 9,772 (+903.29%)
Mutual labels:  canvas
Signature pad
HTML5 canvas based smooth signature drawing
Stars: ✭ 7,623 (+682.65%)
Mutual labels:  canvas
Gridly
⚡️ The minimal (~100-170 bytes) grid system for modern browsers.
Stars: ✭ 962 (-1.23%)
Mutual labels:  grid
Doraemon
🐼使用canvas画哆啦A梦
Stars: ✭ 27 (-97.23%)
Mutual labels:  canvas
Dotconfig
Development environment setup
Stars: ✭ 27 (-97.23%)
Mutual labels:  tmux
Dotfiles
`~/dotfiles` to setup my dev env on macOS based around `neovim` and `tmux`
Stars: ✭ 20 (-97.95%)
Mutual labels:  tmux
React Grid Carousel
React responsive carousel component w/ grid layout
Stars: ✭ 29 (-97.02%)
Mutual labels:  grid
Wincent
💾 Dot-files
Stars: ✭ 882 (-9.45%)
Mutual labels:  tmux
React Base Table
A react table component to display large datasets with high performance and flexibility
Stars: ✭ 966 (-0.82%)
Mutual labels:  grid
Ascollectionview
A SwiftUI collection view with support for custom layouts, preloading, and more.
Stars: ✭ 878 (-9.86%)
Mutual labels:  grid
Ngvas
An Angular2/Angular4 library for HTML Canvas.
Stars: ✭ 31 (-96.82%)
Mutual labels:  canvas
Pixi.js
The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
Stars: ✭ 34,982 (+3491.58%)
Mutual labels:  canvas
Phaser
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.
Stars: ✭ 30,918 (+3074.33%)
Mutual labels:  canvas
Canvas101
Learning Canvas series
Stars: ✭ 28 (-97.13%)
Mutual labels:  canvas

description: 全栈成长之路,分享前后端以及 DevOps 相关文章,使各端开发者能够突破瓶颈进一步成长。

山月的琐碎博客记录

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

说到个人服务器,如果你是新人的话,在阿里云有优惠,这里有连接进行购买:阿里云新人优惠服务器。可以跟着我的系列文章 跟着山月管理个人服务器 来学习。 如果你对服务器完全没有概念,建议购买配置 1核2G,也就八十来快钱。如果对云主机有所了解,建议购买配置 2核4G

名字由来

大学时读了温庭筠一首词,山月不知心底事,水风空落眼前花,于是就起了一个名字: 山月水风。

后来难免觉得花间词过于矫情,于是把名字拆成两个,只取前两个字:山月。取李白 暮从碧山下,山月随人归 之意,恰好那段时间从京西阳台山下来时伴着月亮。

再后来读书读多了,觉得 松风吹解带,山月照弹琴水风轻,蘋花渐老,月露冷,梧叶飘黄 的意境也不错,也很喜欢。

开源及个人项目

Package

Serverless

Side Project

以下项目均部署在我的个人服务器中,详情见 当我有一台服务器时我做了什么

前端工程化

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

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

Node 工程及实践

更多文章: Node 实践

虫子集

山月在测试环境及生产环境中遇到的那些有关前端,后端及运维的虫子 (BUG)

更多文章: 虫子集

技术中的用户增长手段

更多文章: 用户增长

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

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

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

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

个人服务器运维指南

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

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

配置篇

  1. 高效简单的服务器登录配置
  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制作掘金面试文章榜单

使用 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. 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. Sequelize V5 升级记录及注意事项
  14. 如何判断文件中换行符 LF(\n) 与 CRLF(\r\n)
  15. 两个由于 async/await 导致 OOM 的示例
  16. 隔离级,悲观锁与诗词字云功能的开发
  17. 域名更改注意事项须知
  18. 从数据库到前端,使用 enum 代替 constant number
  19. 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,个人服务器运维以及微服务感兴趣的话,可以关注我的微信公众号【全栈成长之路】。

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].