logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue大数据量前端性能优化策略

在处理 Vue 项目中约 1000 条数据(约10MB)的图表与列表混合渲染时,性能优化至关重要。本文介绍了多种优化策略,包括虚拟列表、懒加载、Web Worker、图表渲染优化和分批渲染等。虚拟列表通过仅渲染可视区域内的列表项,显著提升渲染性能,避免一次性渲染大量 DOM 节点。懒加载技术则通过延迟加载不在视口内的内容,减少首屏渲染压力,适用于长列表和图表的按需加载。Web Worker 可用于

文章图片
#前端#vue.js#性能优化
DBeaver 的Explain 执行计划,分析sql的性能

摘要:DBeaver执行计划通过表格展示SQL查询的详细操作步骤,核心关注Operation(操作类型)、Object(操作对象)、Rows(预估扫描行数)和Cost(成本估算)。其中Rows是关键指标,数值越大性能越差;Operation中Full Table Scan最慢,Index Lookup最快。优化时先定位Rows最大的行,检查是否为全表扫描或重复操作,通过添加索引、优化条件等方式减少

#sql#数据库
sql优化思维

本文总结了SQL优化的核心思维与方法:1)优化原则是减少查询数据量,提前过滤;2)通过三个关键问题(查哪些行、重复查询次数、能否先缩小范围)分析SQL;3)使用EXPLAIN等工具分析执行计划;4)只需了解基本业务场景即可优化;5)实战步骤包括定位慢SQL、分析执行计划、重构查询逻辑。核心心法是"先过滤无用数据,再处理必要数据",将全表扫描改为精准查询,典型优化案例使查询从3秒降至200毫秒。

#sql#数据库
静态工厂方法-Static Factory Method

静态工厂方法(Static Factory Method)是一种通过静态方法创建对象的设计模式,相比直接使用构造器具有多项优势。其核心特点包括:1)通过有意义的命名(如of/create)增强代码可读性;2)支持对象缓存复用,避免重复创建;3)可返回子类实现多态;4)支持参数化创建和默认值设置,简化调用。在项目中,如TemplateDataItem.of()方法就体现了提供默认值、语义清晰等优点。

#工厂方法模式#python#开发语言
uni-app 中,`uni_modules` 和 `node_modules`

本文详细对比了uni-app开发中的uni_modules和node_modules目录的区别与使用规范。uni_modules是uni-app专用插件目录,存放组件、页面等,允许修改但更新会覆盖,建议复制到项目目录再修改;node_modules存放npm包,强烈不建议直接修改。文章从概念、结构、修改方式、使用场景等方面进行对比,并给出最佳实践建议:uni_modules插件可复制后修改,nod

#uni-app
Phython-喝水提醒工具

本文汇总了Python项目开发的优质模板资源,涵盖通用项目、FastAPI、Django、数据科学和CLI工具等场景。重点推荐Hypermodern Python(通用)、Full Stack FastAPI PostgreSQL(Web开发)和Cookiecutter Data Science(数据科学)三大明星模板。文章指出2024年趋势是采用uv+pyproject.toml组合替代传统工具

文章图片
#python
安卓应用(uniapp开发)分享微信-申请appid

本文介绍了在uni-app中配置微信分享功能时获取APPID的详细流程。首先需通过DCloud官网生成自定义证书文件并查看MD5指纹,然后在微信开放平台注册移动应用获取APPID。文中提供了具体操作命令和参考链接,并指出常见审核被拒原因(如主体与ICP备案不一致),整个审核过程通常需要1-7个工作日。附有各步骤的界面截图和命令行操作方法,为开发者提供了完整的配置指引。

文章图片
#android#uni-app#微信
【005】使用DBeaver备份与还原mysql数据库

本文详细介绍了使用DBeaver工具进行MySQL数据库备份与还原的完整流程。主要内容包括:环境准备、备份操作的详细步骤(含关键配置项)、还原过程详解以及常见问题解决方案。重点讲解了如何选择不锁定模式的备份方式以避免影响线上业务,并提供了权限设置、文件命名规范等实用建议。文中还总结了备份文件大小异常、还原冲突等常见问题的处理方法,最后给出选择低峰期操作、建立验证机制等最佳实践。通过本教程,读者可以

#数据库#mysql#oracle
Vue大数据量前端性能优化策略

在处理 Vue 项目中约 1000 条数据(约10MB)的图表与列表混合渲染时,性能优化至关重要。本文介绍了多种优化策略,包括虚拟列表、懒加载、Web Worker、图表渲染优化和分批渲染等。虚拟列表通过仅渲染可视区域内的列表项,显著提升渲染性能,避免一次性渲染大量 DOM 节点。懒加载技术则通过延迟加载不在视口内的内容,减少首屏渲染压力,适用于长列表和图表的按需加载。Web Worker 可用于

文章图片
#前端#vue.js#性能优化
TypeScript中namespace 和模块(module)

在 TypeScript 中,namespace 和模块(module)是两种不同的代码组织方式,主要区别在于作用域、编译行为和使用场景。namespace 默认全局可见,适合在非模块化环境中组织代码,编译后生成闭包代码;而模块具有文件作用域,需显式导入,编译为符合 ESM/CommonJS 的模块系统代码。namespace 适用于全局类型扩展、旧代码兼容等场景,而模块则更适合现代前端项目和明确

文章图片
#typescript#javascript#前端
    共 25 条
  • 1
  • 2
  • 3
  • 请选择