![[尬笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_59.8a63cb5.png)
我是东山啊_
获得徽章 0
赞了这篇沸点
赞了这篇沸点
问个技术问题，现在我excel要批量导入一些数据，但是需要先验证一下数据库是否已经存在了相同的数据，我的做法是查源数据然后存入map中，然后再遍历比较。现在老大说这样对内存开销太大了，想问问大佬们有没有其他思路，我研究一下。
23
2
![[哭笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_61.a296509.png)
jym，有个需求想不到怎么搞，因为我们系统提供给多个客户，有个导入功能某个客户提了个需求，不想使用我们的固定模板导入，想要自定义模板导入(就是可能会增加字段)，数据中固定模板的字段其他模块会用到，增加的字段就当前模块做个展示用，该怎么做啊？就比如导入用户信息，固定的我需要用户名称，性别，然后每个客户可能新加不一样的字段，比如有的加爱好，有的加性格。现在问题是不想针对某个客户单独做定制版本。
展开
2
1
赞了这篇沸点
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
赞了这篇沸点
写了一篇关于Netty的文章，欢迎大家阅读，一起学习进步，另外大家有关于RocketMQ以及Netty的问题，也可以私信我，一起讨论解决
10
37
赞了这篇沸点
我朋友公司开源了一个前后端一体的研发框架，可以让我们少干点活，少加会班；有时间可以了解一下，没时间帮我点个star; 在帮我转一下你的研发圈子，感谢！
github
后端：
github.com
前端：github.com
Gitee
后端：gitee.com
前端：gitee.com
github
后端：
github.com前端：
github.comGitee
后端：
gitee.com前端：
gitee.com
展开
19
4
赞了这篇沸点
如何提高前端应用的性能？
### 提高前端应用性能的关键策略
1. **减少HTTP请求**
- 合并CSS/JS文件，减少文件数量
- 使用CSS Sprites合并小图标
- 使用字体图标代替图片图标
2. **优化资源加载**
- 使用CDN加速静态资源加载
- 开启Gzip压缩，减少传输体积
- 使用异步加载（`async`/`defer`）或按需加载JS
3. **图片优化**
- 使用WebP等现代图片格式
- 使用`<picture>`标签适配不同分辨率
- 使用懒加载技术（`loading="lazy"`）
4. **代码优化**
- 减少DOM操作，避免重排重绘
- 使用事件委托减少事件绑定
- 使用Web Workers处理耗时任务
5. **缓存策略**
- 合理设置HTTP缓存头（Cache-Control, ETag）
- 使用Service Worker实现离线缓存
- 使用LocalStorage缓存静态数据
6. **框架优化**
- 使用虚拟DOM减少真实DOM操作
- 使用`React.memo`、`useMemo`等优化组件渲染
- 按需加载路由组件
7. **性能监控**
- 使用Lighthouse进行性能分析
- 使用Performance API监控关键指标
- 使用Sentry等工具监控异常
**示例代码：图片懒加载**
```html
<img src="placeholder.jpg" data-src="real-image.jpg" loading="lazy" class="lazyload">
<script>
const images = document.querySelectorAll('.lazyload');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;
### 提高前端应用性能的关键策略
1. **减少HTTP请求**
- 合并CSS/JS文件，减少文件数量
- 使用CSS Sprites合并小图标
- 使用字体图标代替图片图标
2. **优化资源加载**
- 使用CDN加速静态资源加载
- 开启Gzip压缩，减少传输体积
- 使用异步加载（`async`/`defer`）或按需加载JS
3. **图片优化**
- 使用WebP等现代图片格式
- 使用`<picture>`标签适配不同分辨率
- 使用懒加载技术（`loading="lazy"`）
4. **代码优化**
- 减少DOM操作，避免重排重绘
- 使用事件委托减少事件绑定
- 使用Web Workers处理耗时任务
5. **缓存策略**
- 合理设置HTTP缓存头（Cache-Control, ETag）
- 使用Service Worker实现离线缓存
- 使用LocalStorage缓存静态数据
6. **框架优化**
- 使用虚拟DOM减少真实DOM操作
- 使用`React.memo`、`useMemo`等优化组件渲染
- 按需加载路由组件
7. **性能监控**
- 使用Lighthouse进行性能分析
- 使用Performance API监控关键指标
- 使用Sentry等工具监控异常
**示例代码：图片懒加载**
```html
<img src="placeholder.jpg" data-src="real-image.jpg" loading="lazy" class="lazyload">
<script>
const images = document.querySelectorAll('.lazyload');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;
展开
评论
1