Web front end architect

web end architect

download:Web Front end architect

Mega complex projects + High end technology + Big factory specification + Global Architecture thinking
Systematic cultivation of large factories P7 technician / Small and medium-sized factory front end Leader
6~8 Months , Give Way 3 year + The front end completes the qualitative leap
func AsyncAdd(run func() error) {
//TODO: Throw into asynchronous pool
go run()
func GetInstance(ctx context.Context,id uint64) (string, error) {
data,err := GetFromRedis(ctx,id)
if err != nil && err != redis.Nil{
return "", err
// No data found
if err == redis.Nil {
data,err = GetFromDB(ctx,id)
if err != nil{
return "", err
AsyncAdd(func() error{
return UpdateCache(ctx,id,data)
return data,nil
func GetFromRedis(ctx context.Context,id uint64) (string,error) {
// TODO: From redis Get information
return "",nil
func GetFromDB(ctx context.Context,id uint64) (string,error) {
// TODO: From DB Get information from
return "",nil
func UpdateCache(ctx context.Context,id interface{},data string) error {
// TODO: Update cache information
return nil
func main() {
ctx,cancel := context.WithTimeout(context.Background(), 3 * time.Second)
defer cancel()
_,err := GetInstance(ctx,2021)
if err != nil{
Let's start with a brief analysis , What does this piece of code do ? It's very simple , We want to get a piece of information , First, it gets... From the cache , If not in the cache , We'll start with DB Get from , From DB After getting the information from , The method of putting update cache in the pool of coroutines , Update the cache asynchronously . Is the whole design perfect , But in practice , Asynchronous update caching never won ?

The reason for the failure lies in this piece of code :

AsyncAdd(func() error{
return UpdateCache(ctx,id,data)
Copy code
There is only one reason for the mistake , This is it ctx, If it changes to this , There's nothing left .

AsyncAdd(func() error{
ctxAsync,cancel := context.WithTimeout(context.Background(),3 * time.Second)
defer cancel()
return UpdateCache(ctxAsync,id,data)

本文为[osc_ thirty-five million eight hundred and ninety thousand one ]所创,转载请带上原文链接,感谢

  1. The difference between pseudo class and pseudo class elements
  2. [CSS effect] simple drop-down menu
  3. [Vue] value transfer by parent-child component
  4. 【css】设置table表格边框样式
  5. 【css】修改input,textarea中的placeholder样式
  6. vue-router的两种模式(hash和history)及区别
  7. CSS3的滤镜filter属性
  8. [CSS] set table border style
  9. [CSS] modify the placeholder style in input and textarea
  10. Two modes of Vue router (hash and History) and their differences
  11. Filter property of CSS3
  12. 全局安装gulp 报错问题解决
  13. Solution of error report in global installation of gulp
  14. 18个好用的自定义react hook
  15. 你应该知道的常用服务器HTTP状态码?
  16. 18 user defined react hooks
  17. What HTTP status codes should you know about common servers?
  18. 手把手教你打造属于自己团队的前端小报系统
  19. Hand in hand to teach you to build your own front-end tabloid system
  20. In 2021, enterprise SEO actual operation, how to less update, batch ranking regional words?
  21. vue cli4.0 快速搭建项目详解
  22. Vue cli4.0 quick build project
  23. vue-cli脚手架安装
  24. Installation of Vue cli scaffold
  25. [JS knowledge] method of getting elements from DOM
  26. 【jQuery效果】文字滚动
  27. [jQuery effect] text scrolling
  28. [front end] live broadcast of user experience optimization series, real-life sharing of front-line celebrities
  29. React native introduces third party Android SDK
  30. Using html2canvas to generate shared images, CDN images do not show the problem
  31. Using hooks to write react components
  32. Explain the module hot replacement function of webpack in detail
  33. An incomplete guide to writing a simple native wechat applet
  34. How JavaScript calculates 1 + 1 - Part 1 creates a source string
  35. Jsonp method to solve cross domain problems
  36. Canvas animation demo (from zero to one)
  37. El dialog of elementui component encapsulation
  38. Transition group of Vue source code
  39. When encountering bracket validity, next larger element, specific minimum value, try stack
  40. Vue3 virtual DOM
  41. Scheme and implementation of front end page watermarking
  42. Why is 0.1 + 0.2 not equal to 0.3?
  43. JS arrow function this points to related practice
  44. CSS text decoration & text emphasis
  45. 2021必修 首门CSS架构系统精讲 理论+实战玩转蘑菇街
  46. 大前端
  47. The first compulsory CSS architecture system in 2021
  48. Big front end
  49. 你喜欢才是最好的,前端工程师常用的8个工具
  50. What you like is the best. There are 8 common tools used by front-end engineers
  51. Spring Boot + Vue3 前后端分离 实战wiki知识库系统
  52. Spring boot + vue3 front end and back end separation practical wiki knowledge base system
  53. CSS高级技巧总结
  54. CSS advanced skills summary
  55. HTML5教程 - HTML5 事件
  56. HTML5 tutorial - HTML5 events
  57. Vue和微信小程序的区别
  58. The difference between Vue and wechat applet
  59. HTML5和CSS3提高
  60. Improvement of HTML5 and CSS3