download:2021必修 首门CSS架构系统精讲 理论+实战玩转蘑菇街
CSS代码越来越臃肿难维护？前期编程不重视，后期重构累秃头？ 本课程基于CSS开发中的痛点问题，通过高仿蘑菇街项目，带你从0到1构架自己的CSS代码，形成一套成熟的易维护、易扩展、易复用的架构思想。不管是架构还是技巧层面，都能玩转CSS！
技术适合人群要求
工作2-5年的前端工程师
技术储备要求
掌握前端基础（HTML+CSS+JS）
对Vue+ Scss有基本了解
技术参数
Vue3.0、CSS3、Sass、Webpack4
func AsyncAdd(run func() error) {
//TODO: 扔進異步協程池
go run()
}
func GetInstance(ctx context.Context,id uint64) (string, error) {
data,err := GetFromRedis(ctx,id)
if err != nil && err != redis.Nil{
return "", err
}
// 沒有找到數據
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: 從redis獲取信息
return "",nil
}
func GetFromDB(ctx context.Context,id uint64) (string,error) {
// TODO: 從DB中獲取信息
return "",nil
}
func UpdateCache(ctx context.Context,id interface{},data string) error {
// TODO：更新緩存信息
return nil
}
func main() {
ctx,cancel := context.WithTimeout(context.Background(), 3 * time.Second)
defer cancel()
_,err := GetInstance(ctx,2021)
if err != nil{
return
}
}
剖析
我們先简單剖析一下，這一段代码要幹什麼？其實很简單，我們想要獲取一段信息，首先會從緩存中獲取，假如緩存中獲取不到，我們就從DB中獲取，從DB中獲取到信息後，在協程池中放入更新緩存的辦法，異步去更新緩存。整個設計是不是很圆滿，但是在實践工作中，異步更新緩存就沒有勝利過？
招致失敗的缘由就在這一段代码：
AsyncAdd(func() error{
return UpdateCache(ctx,id,data)
})
复制代码
錯誤的缘由只要一個，就是這個ctx，假如改成這樣，就啥事沒有了。
AsyncAdd(func() error{
ctxAsync,cancel := context.WithTimeout(context.Background(),3 * time.Second)
defer cancel()
return UpdateCache(ctxAsync,id,data)
})
