分类 · 文章

前端技术

前端框架、工程化、性能优化、跨端开发

共 110 篇文章

浏览器里导出H.265,8.5秒和55.5秒差在硬件

手上有一段 60 秒的 1080p 街头演奏视频,116.7 MB。我在网页里把输出格式换成 MP4 H.265,档位选高清均衡。8.5 秒就出了片,43.99 MB。后来换了一段本身就是 H.265 的一分钟录屏,又把浏览器的硬件视频编码…

ahooks常用的一些库,我们使用一下

前言 ahooks常用的一些功能如下所示 useRequest useRequest 这是早期ahooks拿手绝活,很多人都是因为这个功能才用它的,算是早期比较常用额一个功能柜了,其支持请求缓存、轮询等操作,支持控制状态,非常棒不错的功能,…

React组件莫名重渲染?你可能忘了这个小细节

上周排查一个线上性能问题时,发现某个表单页面在输入时会卡顿。用React DevTools一查,几个本不该重渲染的子组件频繁刷出绿色边框——又是无意义的re-render在搞鬼。但这次的问题有点特别:useMemo和useCallback都…

浏览器为什么加载不了超大图片

> 一张 87 MB 的 JPEG 在 Network 面板中返回 200 OK,但页面上却只显示“图片加载失败”。问题究竟出在网络、组件,还是浏览器? 问题现象 最近在项目中做了一个成果文件预览功能,图片使用 Element Plus 的…

LikeShop 单商户 SaaS 版 uni-app 多端打包避坑指南

写在前面 LikeShop 单商户 SaaS 版的核心诉求是“无限多开”——一套代码部署一次,可以为多个客户开通独立的商城账号,每个租户拥有独立的域名或子域名、独立的会员体系和订单数据。这和单商户标准版“一个客户一套系统”的模式有本质区别,…

WAF绕过与加密绕过进阶实战

WAF绕过与加密绕过进阶实战 马哥教育网络安全课程实战博客 · 第09篇 对应课程章节:第20章 Web安全,绕过验证码、WAF绕过、加密绕过等进阶知识 实验环境:4台Ubuntu 24.04服务器,攻击机 113.47.1.165 一、验…

框架性能优化

一、技术难点:你优化的,是一个不完全由你掌控的运行时 Day22 我们解决了"组件库的更新粒度"问题,方法是细粒度订阅。但如果只用一句话总结那篇文章,它是这样的:把状态放到真正使用它的地方。这一篇要把这句话背后的成本模型彻底讲清楚——因为框…

用 Playwright 做多平台内容分发,我踩过的 8 个坑

用 Playwright 做多平台内容分发,我踩过的 8 个坑 最近在做一个「把文章自动发布到多个自媒体平台」的桌面工具,技术栈是 Electron + Playwright。 原以为难点在反爬,做完才发现:真正耗时间的是那些「看起来能用、…

用仓颉语言给娃写了个打字练习游戏:cj-tauri 项目实战

> 我家孩子上小学,有两件事同时在推进,背古诗词,连续电脑打字。我使用cj-tauri开发的一个「小学生古诗词打字练习」桌面应用,从零到跑起来。这里介绍下cj-tauri开源项目的使用,及古诗词应用的开发实战过程。 cj-tauri项目地址…