![[睡]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_9.8cf4c38.png)
获得徽章 0
- jym，周末去给强哥当小兄弟去了，分享一下达达骑士初体验
先说战果：周末下午2～3点开始，跑了5小时到手100。
坐标：西安
一点经验：
1.不交押金、不买装备、没有健康证的情况下能跑的单有限，大多是药房的单。押金有100、300及以上不同段位，我缴了100押金。
2.有些超市的单，货物7、8公斤甚至10公斤，单价也一般，不知道他们是怎么拿货的。
3.虽然是京东的APP，但是有另外两个外卖平台的单，接过一次某团的烧烤单，挂羊头卖狗肉，小作坊下猛料，我以后是不会点外卖的。
4.大多数的商家在小区外面的商铺，第一次接单跟着导航跑进了小区，然后超时了...
5.不熟悉的情况下接大型商场的单简直是找死，商场大的要死，就两条腿，时间有限，找店找半天，找出口又是半天，超时...展开3510 - 我发个代码, 他就会引用参考文件, 不知道如何操作才能让他禁止引用参考文件. 还有一件事儿, 和他说要用中文和我对话, 有时候又会飙英文, 很离谱.评论2
- 如何提高前端应用的性能？
提高前端应用性能是提升用户体验的关键。以下是一些有效的优化策略：
### 1. 资源压缩和合并
- **压缩文件**：使用工具（如 Gzip、Brotli）压缩 CSS、JavaScript 和 HTML 文件，以减少传输大小。
- **合并文件**：将多个 CSS 和 JS 文件合并为一个，减少 HTTP 请求次数。
### 2. 图片优化
- **格式选择**：使用适合的图片格式（如 WebP）来降低文件大小。
- **图片懒加载**：使用懒加载（`loading="lazy"`）技术，延迟加载不在视口中的图片，以加快初始加载速度。
### 3. 使用 CDN
- **内容分发网络**：将静态资源（如 JS、CSS、图片）托管在 CDN 上，利用其全球节点降低延迟和提高加载速度。
### 4. 浏览器缓存
- **设置缓存策略**：通过 `Cache-Control` 和 `ETag` 头部控制静态资源的缓存，减少重复请求。
### 5. 代码分割与懒加载
- **动态导入**：使用动态导入（如 Webpack 的代码分割）将大型应用拆分为较小的部分，按需加载，提高首次加载速度。
### 6. 减少 DOM 操作
- **虚拟 DOM**：使用 React、Vue 等框架的虚拟 DOM 技术，减少实际 DOM 操作，提高性能。
- **批量更新**：将多次 DOM 操作合并为一次更新，减少重绘和重排。
### 7. 避免重排与重绘
- **CSS 优化**：尽量使用类选择器，避免使用复杂的选择器，减少浏览器重排的次数。
- **动画优化**：使用 `transform` 和 `opacity` 来处理动画，减少性能开销。
### 8. 性能监控和分析
- **使用工具**：利用 Chrome DevTools、Lighthouse 等工具分析应用性能，找出瓶颈并加以优化。
### 9. 采用 PWA
- **渐进式 Web 应用**：通过 PWA 技术实现离线支持和快速加载，提升用户体验。
### 总结
优化前端应用性能是一个综合性任务，涉及资源管理、代码优化、用户体验等多个方面。结合上述策略，定期进行性能监测和调整，可以显著提升应用的响应速度和用户满意度。展开评论1
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
juejin.cn