前后端分离项目实践

[yeshan333]

HTTP 认证框架：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Authentication

鉴权：https://frostming.com/2019/11-12/flask-vue-todo3
token登录解决方案：https://juejin.im/post/5b7ea1366fb9a01a0b319612

• Bearer Token: https://www.cnblogs.com/lori/p/11246611.html

• JWT: https://jwt.io/

• itdangerous JWS: https://itsdangerous.palletsprojects.com/en/1.1.x/jws/

• 彻底理解Cookie，Session，Token

• https://juejin.im/entry/577b7b56a3413100618c2938

MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Authentication

• 跨域解决方案：10种跨域解决方案（附终极大招）

[yeshan333]

MongoDB自增ID问题：https://techlog.cn/article/list/10183253
自增ID性能问题：https://www.zhihu.com/question/20086423

[yeshan333]

React 16 lifecycle：

• 生命周期图：https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/
• https://blog.bitsrc.io/react-16-lifecycle-methods-how-and-when-to-use-them-f4ad31fb2282
• https://www.jianshu.com/p/1e08690ac12c

[yeshan333]

Ajax, the React component update time: https://stackoverflow.com/questions/52706008/update-state-after-axios-post-request

[yeshan333]

应用·部署：

• https://elements.heroku.com/addons/mongolab
• http://www.bjhee.com/flask-heroku.html

Web Server：http://docs.gunicorn.org/en/latest/run.html

Cloud Database：https://www.mlab.com/home

[yeshan333]

开发工具指北

• vscode remote development tutorials

[yeshan333]

• React Hooks: https://www.zoo.team/article/react-hooks
• React Fiber：走进 React Fiber 的世界

[yeshan333]

缓存：

• 缓存设计、缓存雪崩、缓存穿透、数据不一致：今天520，要及时「缓存」你们的珍贵时光
• 深入理解浏览器缓存机制：深入理解浏览器的缓存机制 ljianshu/Blog#23

[yeshan333]

服务网关：使用 Node.js 搭建一个 API 网关

[yeshan333]

文件上传机制：

• 写给新手前端的各种文件上传攻略，从小图片到大文件断点续传
• 京东凹凸实验室-大规格文件上传优化
• 一文了解文件上传全过程（1.8w字深度解析，进阶必备）

[yeshan333]

MySQL 时间处理：

• datetime、timestamp：https://segmentfault.com/a/1190000017393602

[yeshan333]

React Hook：

• 精读《useEffect 完全指南》
• A Complete Guide to useEffect

[yeshan333]

Node.js

• Node.js Debug：写 Node.js 代码，从学会调试开始

CSS

• CSS 开发技巧
• https://mp.weixin.qq.com/s/LjWMxWuGHhVJr71m1EzTkA
• layout: 40 个 CSS 布局技巧
• flex：Flex 布局教程：语法篇

npm

• 2018 年了，你还是只会 npm install 吗？
• 聊聊NPM镜像那些险象环生的坑

[yeshan333]

质量保障

• 代码质量保障方案——方法和工具

如何做性能测试

• https://coolshell.cn/articles/17381.html
• https://insights.thoughtworks.cn/performance-testing/

前端性能测试

• 前端性能优化之利用 Chrome Dev Tools 进行页面性能分析
• Web Performance Metrics 与 Core Web Vitals 简介

[yeshan333]

TCP 协议：

• 聊聊 TCP 长连接和心跳那些事

[yeshan333]

• React
  • TypeScript 和 React: https://github.com/typescript-cheatsheets/react

[yeshan333]

• Web
  • WSGI
    • https://docs.python.org/zh-cn/3/library/wsgiref.html
    • https://mp.weixin.qq.com/s/478Mqk0nwfuUd2CO1r79IQ

[yeshan333]

• TCP
  • 提高 TCP 性能的方法：https://xie.infoq.cn/article/681d093ffc06d594de54992b9

[yeshan333]

• Docker
  • 腾讯技术工程-Docker 底层原理浅析

[yeshan333]

• 云原生
  • 从应用开发角度认识 K8S

[yeshan333]

Java SpringBoot:

• 项目结构
  • Spring Boot 2.0 — Project Structure and Best Practices (Part 1)
  • Spring Boot 2.0 — Project Structure and Best Practices (Part 2)

[yeshan333]

• 高性能服务后台
  • 后台服务器开发高性能最佳实践 ： https://juejin.cn/post/6879366636332122125

[yeshan333]

• Kubernetes
  • Kubernetes 几个常见对象概述图
  • Kubernetes 中优雅且零停机部署的实现

[yeshan333]

• Web 体验优化中和图有关的那些事

[yeshan333]

• GraphQL
  • IDE：https://retool.com/blog/the-best-graphql-ides-and-their-features/
  • base：https://developer.ibm.com/zh/articles/wa-using-graphgl-to-customize-data-structure/
  • Go：https://developer.ibm.com/zh/technologies/web-development/articles/develop-graphql-services-using-golang/

[yeshan333]

• Chrome Browser
  • 使用 Performance 看看浏览器在做些什么

[yeshan333]

• Apache Maven
  • Maven Wrapper：A Quick Introduction to Maven Wrapper
  • Maven localrepository: https://mkyong.com/maven/where-is-maven-local-repository/