前端performance性能
MySQL(十三)MySQL性能分析工具:慢查询日志与PROFILE查询成本
性能分析工具SLOW QUERY LOG、PROFILE的使用 数据库调优的目标就是响应速度更快,吞吐量更大。利用宏观的监控工具和微观的日志分析可以帮助我们找到调优的思路和方式。 :star2: 数据库调优的步骤 整个流程分为了观察(Show Status)和行动(Action)两个部分,S ......
前端里那些你不知道的事儿之 【window.onload】
相信很多前端开发者在做项目时同时也都做过页面性能优化,这不单是前端的必备职业技能,也是考验一个前端基础是否扎实的考点,而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关,页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行,诸如此类关于性能更具体的指标和感受,很可能也是决定着年底你... ......
前端代码0bug经验分享
如何写好代码其实是一个很大的话题,本次仅分享一些自己的经验之谈,有其他idea的欢迎交流 在我看来,写好代码更多的是逻辑思维的体现,而这,紧靠一两次分享是无法提高的,我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节,技术选型总是千变万化的,我们需要的是抓住不 ......
基于MATLAB的分布式mimo性能仿真,分析能量效率和频谱效率
1.算法描述 基于matlab的协作mimo分布式空时编码技术的仿真,包括规则LDPC级联D-STBC,ML,ZF,DFE均衡,Fincke-Pohst-MAP算法检测。将规则LDPC加入这个协作MIMO的D-STBC里,即是将LDPC码与D-STBC级联,发送端用LDPC编码发送到协作节点,然后协 ......
雪花算法生成的Id过长,前端接收精度丢失
1.问题现象: 表的Id使用雪花算法生成,数据库使用bigint类型可以正常存储,后端使用Long类型也可以正常接收,postman进行请求测试,也可以看到后端正常返回的数据,但是前端接收后显示的id不正常。 2.问题原因: 前端使用number类型进行接收,number类型的范围小于后台Long类 ......
前端FileReader 文件预览
这玩意好像挺强,可以操作用户选择的文件,转为base64或者二进制,blob; 1、实际应用 我的行车记录仪记录事反着放的,所以查看视频都是反过来的,那么我就写了个html,选择对应视频反向播放; input框选择视频文件后,我们就能拿到当前视频文件,使用 let f = new FileReade ......
免费分享前端面试题,vue面试题,TypeScript基础知识点 PDF格式
免费分享前端资料,面试题,电子书 接前端开发,带徒弟,一对一教学,远程协助,bug修改 微信: ......
Cesium中加载大规模数据稳定流畅之性能优化思路
1. 使用数据流技术:Cesium支持使用数据流技术,即按需加载和卸载数据,以最小化数据传输量和加载时间。 实现原理大致如下: Cesium 会根据相机位置和高度动态调整 3D Tiles 的细节级别,并将需要渲染的 Tiles 加入渲染队列。 当队列中的 Tiles 的内存使用量超过 maximu ......
vue前端纯小白向快速扫盲贴集合
看的一些博客,对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的,可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可,管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端加入摄像机人脸识别(mediapipe)
前端加入摄像机人脸识别(mediapipe) import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......
前端cookie,localStorage,sessionStorage区别
图片源自B站up技术蛋老师的视频, 自己大体总结一下关键词:cookie:早期技术,体积小,本地和服务器都存储; localStorage:有效期无限(直至被手动删除),跨窗口,微信小程序等用的缓存storage基于此;sessionStorage:只能同一窗口中有效,有效期到窗口关闭 ......
纯电动汽车动力性经济性开发程序 Matlab AppDesigner 汽车性能开发工具
纯电动汽车动力性经济性开发程序 Matlab AppDesigner 汽车性能开发工具 电动汽车动力性计算 电动汽车动力总成匹配 写在前面:汽车动力性经济性仿真常用的仿真工具有AVL Cruise、ameSIM、matlab simulink、carsim等等,但这些软件学习需要付出一定时间成本,有 ......
k8s前端js、css等资源文件CDN加速
序言:用户访问网站,网站的加载速度直接影响着用户体验问题;前端js、css等文件资源需要加速访问处理; 方案一:js、css、png等资源打包到文件服务器,文件服务器抛出连接,工程项目打包的时候publicpath使用文件服务器访问链接; 如图: 需要购买文件服务器,把资源文件推送到文件服务器上,由 ......
前端设计模式——MVVM模式
MVVM模式(Model-View-ViewModel):它的目标是将用户界面(UI)的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图(View)和视图模型(ViewModel),并通过数据绑定实现二者之间的通信。 在MVVM模式中,视图(View)表示用户界面的呈现部分,视图模型(ViewM ......
活字格性能优化技巧(2)-如何在大规模数据量的场景下提升数据访问效率
在上节内容中我们介绍了如何利用数据库主键提升访问性能,本节内容我们继续为大家介绍如何在大规模数据量的场景下提升数据访问效率。 在开始之前先做个小小的实验: 1. 准备一张数据表,内置1000W行记录。 2. 直观感受一下这个表的规模。使用MSSQL对其进行查询,足足花了8秒钟的时间才获取到表的总行数 ......
【性能优化】优雅地优化慢查询:缓存+SQL修改组合拳
问题描述 单例数据库模式中,后端高并发请求多(读多写少),导致数据库压力过大,关键接口响应变慢,严重影响体验。 需求 减少接口的响应时间。 寻找解决方案 由于问题主要处在数据库压力过大的情况,采用两种优化思路优化查询过程: 使用缓存分担数据库压力 对查询数据库过程做优化 缓存方案 更新策略 使用Re ......
谷歌浏览器插件:FeHelper(WEB前端助手)
背景 在现在的互联网时代,前端开发已经成为一个非常重要的领域。为了提高开发效率和质量,许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件:WEB前端助手(FeHelper)就是其中一个非常受欢迎的选择。 FeHelper 是什么? FeHelper 是一个谷歌浏览器插件,它提供 ......
Web前端开发必看的100道大厂面试题
1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task,定义task处理的事务(例如文件压缩合并、雪碧图、启动server、版本控制等),然后定义执行顺序,来让Gulp执行这些task,从而构建项目的整个前端开发流程。通俗一点来说, ......
高通QRCT测试QCA9880芯片的RF性能
https://blog.csdn.net/qq_19294353/article/details/124892227?spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EB ......
云计算时代前端如何保证开源代码的安全性
云技术和我们的生活息息相关,日常生活中访问的网页,刷的短视频,用的云盘等都是云计算提供的服务。那在云计算时代,前端可以做什么呢? ......
vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
关于修改前端请求原生request加锁问题
1 正常情况后端获取前端的request请求:(原生已加锁,修改失效 校验) Map<String, String[]> parameterMap = req.getParameterMap(); ...... 报错:错误:java.lang.IllegalStateException: No mo ......
前端常见面试题笔记
/** * 防抖 * 一段时间内触发重新计时 */ function debounce (func, delay) { let timer = null; return function(){ if(timer) clearTimeout(timer) timer = setTimeout(() = ......
用上这几种.NET EF Core性能调优,查询性能飙升
1、避免在循环中进行查询操作: 避免在循环中进行查询操作,可以将查询结果缓存到内存中,然后对内存中的数据进行操作,可以提高性能。这种方式适合集合数据量少的数据,否则利大于弊。 // 不建议的方式:在循环中进行查询操作 foreach (var item in itemList) { var resu ......
HTTPS协议概述&HTTPS使用成本&HTTPS对性能的影响&HTTPS常见问题
HTTPS协议概述 HTTPS可以认为是HTTP+TLS TLS是传输层加密协议,它的前身是SSL协议 HTTPS功能介绍 内容加密 1、非对称密匙交换 2、对称内容加密 身份认证 1、数字证书 数据完整性 HTTPS使用成本 证书费用以及更新维护 HTTPS降低用户访问速度 消耗CPU资源,需要增 ......
微前端架构:将应用拆分为多个小型模块,实现模块化设计
随着技术的不断发展和应用场景的不断变化,微前端架构也将不断演化和完善,成为更加成熟和稳定的前端架构模式,为开发者和企业带来更多的价值和机会。互联网应用的不断发展和迭代,传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求,微服务和微前端架构成为了近年来的热门话题。 ......
活字格性能优化技巧(1)——如何利用数据库主键提升访问性能
本文由葡萄城技术团队于博客园原创并首发转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 大家都知道,活字格作为企业级低代码开发平台,拥有6大引擎,3大能力,能够高效落地企业级应用。在每年的应用大赛中也能看到很多格友利用活字格做了很多复杂的应用,例如2021年 ......
前端设计模式——MVC模式
MVC模式(Model-View-Controller):是一种前端和后端都广泛应用的设计模式。它将应用程序的业务逻辑、数据表示和用户界面分离,使得开发人员可以独立地修改各部分而不影响其他部分。MVC设计模式有助于提高代码的可读性、可维护性和可重用性。 MVC是Model-View-Controll ......
将前端图片转为base64存储至本地服务器,并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤:将base64转为buffer并用fs.write()存入.png文件中,即可得到一张可展示的图片,将其路径写入数据库即可。非二进制或blob对象 第一:获取图片文件,将其转为base64,通过axios发送至后台node.js服务器 HTML: methods中: getBase64(f ......
第二十四篇 最佳实践 - 性能
by caix in 深圳 前端性能优化最佳实践 客户端性能、服务器端、网络性能 1、页面内容 减少 HTTP 请求数 减少 DNS 查询 避免重定向 缓存 Ajax 请求 延迟加载 预先加载 减少 DOM 元素数量 划分内容到不同域名 尽量减少 iframe 使用 避免 404 错误 2、服务器 ......