modify
This commit is contained in:
34
12-前端进阶/04-前端监控技术.md
Normal file
34
12-前端进阶/04-前端监控技术.md
Normal file
@@ -0,0 +1,34 @@
|
||||
|
||||
|
||||
## 前言
|
||||
|
||||
要监控的内容:
|
||||
|
||||
- 业务数据
|
||||
|
||||
- 稳定性
|
||||
|
||||
- 性能
|
||||
|
||||
- 错误
|
||||
|
||||
- 用户操作路径
|
||||
|
||||
|
||||
怎么监控:
|
||||
|
||||
- PV/UV、业务操作上报
|
||||
|
||||
- 根据上报寻找异常
|
||||
|
||||
- 将页面性能数据上报
|
||||
|
||||
- 将页面产生错误上报
|
||||
|
||||
- 跟踪用户操作路径
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
39
12-前端进阶/09-lazyload&防抖动和节流阀.md
Normal file
39
12-前端进阶/09-lazyload&防抖动和节流阀.md
Normal file
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
|
||||
## lazyload
|
||||
|
||||
用的最多的场景是:
|
||||
|
||||
- 图片lazyload
|
||||
|
||||
- 组件lazyload
|
||||
|
||||
现在一般都单独做css的lazyload或者js的lazyload,因为这种方式,其实还是要加载图片和组件。
|
||||
|
||||
|
||||
|
||||
### 图片lazyload
|
||||
|
||||
图片一般是页面最大的资源,所以**非首屏**延迟加载很重要(让首屏尽快显示)。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## 防抖动(Debouncing)和节流阀(Throtting)
|
||||
|
||||
|
||||
|
||||
|
||||
参考链接:
|
||||
|
||||
- [实例解析防抖动(Debouncing)和节流阀(Throttling)](http://www.css88.com/archives/7010)
|
||||
|
||||
|
||||
Reference in New Issue
Block a user