首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
bestvist
前端攻城师
·
6年前
关注
屏蔽作者: bestvist
举报
chrome控制台打印时间戳,'/'分隔符会显示0点,'-'分隔符会显示8点
new Date('2019/01/16')
Wed Jan 16 2019 00:00:00 GMT+0800 (中国标准时间)
new Date('2019-01-16')
Wed Jan 16 2019 08:00:00 GMT+0800 (中国标准时间)
展开
今天学到了
等人赞过
分享
5
16
相关推荐
长短板理论思维模型
我们坚信应该以不同的方式去思考问题,以此来应对这个瞬息万变的世界。因此我们将前人智慧通过“视觉语言”翻译出来,为大家提供解决问题的可视化思维公式。
木桶理论也称木桶原理或短板理论,短板理论即一个水桶无论有多高,它盛水的高度取决于其中最低的那块木板。长板理论即木桶最长的木板决定了其特色与优势,在一个小范围内成为制高点;
对组织而言,凭借其鲜明的特色,就能跳出大集团的游戏规则。按照德鲁克的话说,就是“Build your performance on strength, not weakness”把你的表现建立在优势上,而不是劣势上)不知认为:短板向内,即反思发现;长板向外,即主动成长。两者对立统一、缺一不可。
其次不可忽视系统本身的存在,两者均属于系统中的两个关键因素。孙子曰:“先为不可胜,以待敌之可胜”。
#当代青年的请假理由#
5 赞 ·
1 评论
各位掘友们,5.26 评论异常 bug 承诺给大家的矿石已发放,一部分用户未统计到,昨晚梳理完所有 uid,刚已批量发放。发晚了,每人再补 5000。
134 赞 ·
343 评论
如何提高前端应用的性能?
### 核心优化方案
#### 1. 资源加载优化
- **代码分割**:使用动态 `import()` 实现按需加载
- **图片优化**:WebP格式 + 懒加载(IntersectionObserver)
- **CDN加速**:静态资源使用CDN分发
- **预加载**:`<link rel="preload">` 关键资源
```javascript
// 动态加载示例
const module = await import('./module.js');
```
#### 2. 渲染性能优化
- **虚拟列表**:长列表使用react-window等库
- **CSS优化**:避免深层嵌套选择器,使用will-change
- **防抖节流**:高频事件处理(resize/scroll)
- **Web Worker**:复杂计算移出主线程
#### 3. 缓存策略
- **Service Worker**:实现离线缓存
- **HTTP缓存**:强缓存(Cache-Control)+协商缓存(ETag)
#### 4. 代码层面
- **Tree Shaking**:移除未使用代码
- **代码压缩**:Terser压缩JS,PurgeCSS清理CSS
- **避免重绘回流**:使用transform/opacity等属性
#### 关键指标
- **Lighthouse评分** >90
- **FCP** <1.5s
- **TTI** <3s
- **Bundle大小** <200KB
> 最佳实践:通过Performance API监控真实性能数据,持续优化关键路径。优先解决Lighthouse报告的Top问题。
2 赞 ·
0 评论