前端performance性能
mysql 两百万数据 深分页性能优化
-- ddlCREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键', `user_no` varchar(50) DEFAULT '' COMMENT '学号', `user_name` varchar(5 ......
前端开发-CSS
三种CSS写法 1.在标签内书写 2.在head中书写 3.在外部文件书写 各种选择器 常用：类选择器，标签选择器，后代选择器 少用：ID选择器，属性选择器 多个样式覆盖问题： 1.样式不同时一起作用 2.样式相同时，取style中排序后面的 3.若要强制使用，则添加important，如 colo ......
使用benchmark比较循环嵌套与strassen求解矩阵乘法的性能
#include <benchmark/benchmark.h> #include <iostream> #include <random> #include <vector> using namespace std; static const int n = 200; static const i ......
【Linux】性能调优命令
进程性能 pidstat cat /proc/5598(PID)/status free ps top pstree pgrep vmstat #使用top命令，查找pid $ top # 通过TOP -H -p 进程ID，找到具体的线程占用情况 $ top -H -p 21564 #通过命令pst ......
MYSQL大批量数据插入的性能问题
批处理 rewriteBatchedStatements=true 项目原来使用的大批量数据插入方法是Mybatis的foreach拼接SQL的方法。 我发现不管改成Mybatis Batch提交或者原生JDBC Batch的方法都不起作用，实际上在插入的时候仍然是一条条记录的插，速度远不如原来My ......
前端开发-Html
HTML-head 1.<title> 标签定义了不同文档的标题 <title>文档标题</title> 2.<meta> 标签提供了元数据 <!--这定义网页作者--> <meta name="author" content="Runoob"> <!--为网页定义描述内容--> <meta nam ......
python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框
文本 pyhon 后端用request.values.get("name") 去获取 if request.method == "POST": username = request.values.get("username") sex = request.values.get("sex") 二、多选 ......
直播网站程序源码，element el-menu，前端做菜单搜索
直播网站程序源码，element el-menu，前端做菜单搜索 方案一：递归+indexof 实现步骤： JS 实现树形结构数据的模糊搜索查询， 即使父节点没有，但子节点含有，父节点仍要返回。 /** * 递归tree关键词搜索 * * @param {key} 需要递归的key名 * @para ......
使用benchmark比较分治法与归纳法求解最大子数组问题的性能
#include <benchmark/benchmark.h> #include <algorithm> #include <deque> #include <functional> #include <iostream> #include <random> #include <string> # ......
6·2HTTPS协议概述|6·32HTTPS使用成本|6·42HTTPS对性能的影响|6·52HTTPS常见问题
HTTPS可以认为是HTTPS+TLS TLS是传输层加密协议，它的前身是SSL协议 HTTPS功能介绍 内容加密 非对称密钥交换 对称内容加密 身份认证 数字证书 数据完整性 HTTPS使用成本 证书费用以及更新维护 HTTPS降低用户访问速度 消耗CPU资源，需要增加大量机器 HTTPS对性能的 ......
性能测试入门实践路线图
我转行做软件测试工作已有八年多了， 从功能到自动化测试，然后负责性能测试团队和质量团队的技术专项治理，再到测试专家角色，负责整个技术项目的产品/运营和质量保障工作。 其中性能测试和线上稳定性保障，算是我最擅长的技术领域。很多同学咨询过我，性能测试如何入门，如何快速提升压测和性能优化相关的技能。 我写 ......
ChatGPT推荐最常用的自动化测试、性能、安全测试工具！
ChatGPT是一种当前被广泛关注的人工智能技术，它具备生成自然语言的能力，能够完成一些简单的文本生成、对话交互等任务。ChatGPT 算法的出现，打破了以前自然语言处理的瓶颈，使得机器具备了更加贴合人类想法的表达能力，也让人类在处理海量自然语言数据面前得到了很大的帮助。 而ChatGPT也被很多人 ......
使用benchmark比较插入排序与归并排序性能
#include <benchmark/benchmark.h> #include <algorithm> #include <deque> #include <functional> #include <iostream> #include <random> #include <string> # ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示
【前端】IMG 标签 src 地址为 HTTPS 时，图片不显示 1、问题描述 最近将网站升级为 HTTPS 时，发现富文本中的图片不能显示。如果单独将图片地址，在浏览器上请求，图片显示正常。 2、解决方法 自动将http的不安全请求升级为https 页面的head中加入： `upgrade-ins ......
第三十八篇 vue - 最佳实践 - 性能优化
概述 Vue 在大多数常见场景下性能都是很优秀的，通常不需要手动优化。然而，总会有一些具有挑战性的场景需要进行针对性的微调。在本节中，我们将讨论用 Vue 开发的应用在性能方面该注意些什么 首先，让我们区分一下 web 应用性能的两个主要方面 1、页面加载性能 首次访问时，应用展示出内容与达到可交互 ......
win11专业版开启卓越性能模式
在终端中输入如下代码并回车： powercfg -duplicatescheme e9a42b02-d5df-448d-aa00-03f14749eb61 然后在搜索框中输入“选择电源计划”，启用“卓越性能模式” 参考资料：https://zhuanlan.zhihu.com/p/171580765 ......
前端项目代码阅读指南
0. 把项目运行起来，如果npm总是报错，并且项目年代久远，直接放弃，找一个能跑起来的看。 1. 看 package.json ，了解项目中用到了哪些依赖，这些依赖一般都是怎么使用的，项目结构大概什么样子 2. 看目录，猜一下每个目录下的文件都是干什么的 3. 看入口文件，一般是index.js，或 ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
前端随笔
1、webpack的作用 模块打包工具，可以将项目打包成兼容浏览器的格式，或者打包成手机app等。 它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用 2、node的作用 ......
系统化学习前端之JavaScript（ES6：异步编程）
系统化梳理 JavaScript 异步编程相关知识点，包括 Promise，generator 生成器函数，以及 async await 异步函数等。 ......
前端pdf预览-pdfh5
遇到问题 用iframe、embed 标签死活都加载不出1M以上的文件，最后用开源项目 pdfh5解决问题 github连接： gjTool/pdfh5: web/h5/移动端PDF预览插件 (github.com) 1. 下载pdfh5 2.引包 <link rel="stylesheet" hr ......
性能分析之htop(升级版TOP)
htop的安装 下载安装包： wget http://hisham.hm/htop/releases/2.2.0/htop-2.2.0.tar.gz 解压：tar -zxvf htop-2.2.0.tar.gz 进入htop-2.2.0目录安装：./configure &&make && make ......
前端性能优化——图片优化
前端性能优化——图片优化 一、图片优化措施 优化图片是 Web 前端优化的重要一环，因为图片是 Web 页面中最耗费带宽和加载时间的资源之一。以下是一些通过优化图片来优化 Web 前端的方法： 压缩图片：压缩图片可以减少图片的文件大小，从而减少加载时间。 使用矢量图形：使用矢量图形（如 SVG）可以 ......
性能场景之混合场景
混合场景也有人称之为容量场景，设置混合场景会涉及到很多限制条件，在做混合场景之前，我们一定要设定好目标，没有目标就没有结束标准，就有可能会无止境的优化下去。 上面说到混合场景有很多限制条件，有人会问，到底有哪些呢？请大家思考一个问题，我们做混合场景的目的是什么？目标又应该如何去定呢？ 做混合场景的目 ......
性能场景之异常场景
谈到异常场景，其实大家并不陌生，我们在做功能测试的时候，也要考虑异常用例，例如：切换网络，断网，中断使用等等。 那么，性能中的异常场景，我们具体该怎么做呢？设计哪些问题才能将异常场景覆盖完整？这就需要我们明确两个关键点：一是异常场景的范围，二是异常场景的设计逻辑。 异常场景的范围 我理解的异常场景中 ......
性能场景之稳定性场景
提起稳定性测试，有人会说7*24小时跑脚本，连续执行2天两夜，跑一晚上..............，个人觉得这些都没有任何依据，脚本的执行时间难道是一拍脑袋想多少就多少？我非常不赞同这些观点，凡事又要有依据，比如7*24小时执行脚本，是根据什么判断执行7*24小时后就一定没有问题，线上就一定不会出现 ......
图片的性能优化
1.图片主要格式PNG-8、PNG-24、JPEG、GIF、比较新的格式：WEBP、AVIF、JPEG XL 2.设备独立像素：设备独立像素 = CSS 像素 = 逻辑像素 物理像素：又称为设备像素。显示屏是由一个个物理像素点组成的，1334 x 750 表示手机分别在垂直和水平上所具有的像素点数。 ......
性能场景之基准场景
性能测试场景有人也称为性能用例设计，不管如何称呼，在性能领域，性能场景设计是非常重要的，性能场景设计的是否准确代表性能测试结果是否有价值，例如，一个混合场景中有3个接口，线上用户对接口的占比分别为15%，58%，27%。而我们在设计场景的时候3个接口占比为30%，30%，40%，那么试想一下，这能模 ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......