随笔分类 -  性能

性能
【前端性能】高性能滚动 scroll 及页面渲染优化
摘要:【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题,以及拜读《CSS SECRET》(CSS揭秘)这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 阅读全文

posted @ 2023-09-18 08:48 漫思 阅读(758) 评论(0) 推荐(0) 编辑

前端性能精进(七)——构建
摘要:前端性能精进(七)——构建 前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后,开发人员被解放了生产力,得以集中精力去编写代码业务,提高工作效率。 构建工具从早期基于流的 阅读全文

posted @ 2023-04-04 11:45 漫思 阅读(19) 评论(0) 推荐(0) 编辑

7款前端性能分析工具,全都是神器
摘要:7款前端性能分析工具,全都是神器 测试开发技术 ​关注 7 人赞同了该文章 我们在使用网站过程中,经常会遇到慢的问题,为了找到原因,一般需要借助工具进行检测,通过工具,可以检测出前端站点加载资源的相关详细情况。今天,就给大家介绍几款前端性能测试分析工具,结合性能测试工具,实现通过量化的方式测试网站中 阅读全文

posted @ 2023-03-26 21:30 漫思 阅读(368) 评论(1) 推荐(0) 编辑

前端性能精进之浏览器(三)——图像
摘要:前端性能精进之浏览器(三)——图像 HTTP Archive 在 2022 年关于多媒体的报告中指出,目前大概有 99.9% 的网站或多或少都会包含点图像。 并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 通过这些数据可知,图像在网页中占据着举足轻重的地位,优化图 阅读全文

posted @ 2023-03-07 19:15 漫思 阅读(14) 评论(0) 推荐(0) 编辑

前端性能优化这样做!包体积压缩82%、打包速度提升65%
摘要:前端性能优化这样做!包体积压缩82%、打包速度提升65% 2023-02-10 09:28·程序媛最幽默 压缩项目打包后的体积大小、提升打包速度,是前端性能优化中非常重要的环节,笔者结合工作中的实践总结,梳理出一些 常规且有效 的性能优化建议 项目背景 技术栈: vue-cli3 + vue2 + 阅读全文

posted @ 2023-03-01 10:40 漫思 阅读(341) 评论(0) 推荐(0) 编辑

.NET性能优化-使用内存+磁盘混合缓存
摘要:.NET性能优化-使用内存+磁盘混合缓存 我们回顾一下上一篇文章中的内容,有一个朋友问我这样一个问题: 我的业务依赖一些数据,因为数据库访问慢,我把它放在Redis里面,不过还是太慢了,有什么其它的方案吗? 其实这个问题比较简单的是吧?Redis其实属于网络存储,我对照下面的这个表格,可以很容易的得 阅读全文

posted @ 2022-11-22 22:05 漫思 阅读(35) 评论(0) 推荐(0) 编辑

VS Code 是如何优化启动性能的?
摘要:VS Code 是如何优化启动性能的? 作者:柳千 发布于:2021-9-8 10:00:00 本文主要是对 CovalenceConf 2019: Visual Studio Code – The First Second 这次分享的介绍,CovalenceConf 是一个以 Electron 构 阅读全文

posted @ 2022-11-21 21:43 漫思 阅读(118) 评论(0) 推荐(0) 编辑

Web前端最新优化指标:FP、FCP、LCP、CLS、TTI、FID、TBT、FMP等
摘要:Web前端最新优化指标:FP、FCP、LCP、CLS、TTI、FID、TBT、FMP等 FP(First Paint):首次绘制时间,这个指标用于记录页面第一次绘制像素的时间。 FCP(First Contentful Paint):首次内容绘制时间,这个指标用于记录页面首次绘制文本、图片、非空白 阅读全文

posted @ 2022-11-14 15:58 漫思 阅读(480) 评论(0) 推荐(0) 编辑

前端监控体系及实现技术详解
摘要:1.前端监控体系概况 一个完整的前端监控体系包括了采集、日志存储、日志切分&计算、数据分析、告警等流程,对于一名前端开发工程师来说,也就意味着工作不再局限于前端业务的开发工作,需要有Nginx服务运维能力、实时/离线分析能力、Node应用开发运维能力等等。 目前主流的前端监控系统主要有 阿里ARMS 阅读全文

posted @ 2022-09-22 17:30 漫思 阅读(1481) 评论(0) 推荐(0) 编辑

01 网易 Duilib 框架概述
摘要:网易 Duilib:功能全面的开源桌面 UI 开发框架 有道技术团队 ​ 已认证帐号 ​关注 44 人赞同了该文章 01 网易 Duilib 框架概述 Duilib 是 Windows 系统下的开源的 DirectUI 界面库(遵循 BSD 协议),完全免费,可用于商业软件开发。 Duilib 可以 阅读全文

posted @ 2022-08-30 17:24 漫思 阅读(296) 评论(0) 推荐(0) 编辑

防抖和节流
摘要:1、第一个案例 debounce(dispatch({ type: 'subTask/getSubTaskUrls', payload: { name: v } }), 1000); function debounce(fn, wait) { var timeout = null; return f 阅读全文

posted @ 2022-01-24 16:32 漫思 阅读(46) 评论(0) 推荐(0) 编辑

浏览器同域名请求的最大并发数限制
摘要:浏览器同域名请求的最大并发数限制 当我们在浏览网页的时候,对浏览速度有一个重要的影响因素,就是浏览器的并发数量。并发数量简单通俗的讲就是,当浏览器网页的时候同时工作的进行数量。 如果同时只有2个并发连接数数量,那网页打开的时候只能依赖于这2条线程,前面如果有打开慢的内容,就会直接影响到后面的内容打开 阅读全文

posted @ 2022-01-24 16:23 漫思 阅读(2859) 评论(0) 推荐(0) 编辑

url转义。绝对正确的url转义的东西
摘要:在阿里上班积累的字符串转义 JS的写法 encodeURIComponent(window.location.href); decodeURIComponent(window.location.href); 如果是C#的写法呢 c#实现Javascript的encodeURIComponent()函 阅读全文

posted @ 2021-08-14 18:13 漫思 阅读(168) 评论(0) 推荐(0) 编辑

chrome浏览器(block)屏蔽http文件下载,如何解除?
摘要:最近升级了chrome浏览器,发现不能从http网站下载文件了。 F12打开console,发现每次从http网站下载文件,console都会出现下载被blocked(屏蔽)的提示: 原来chrome认为 非HTTPS网站都是不安全的,自动屏蔽了 来源于http文件的下载。 chrome果然是大佬, 阅读全文

posted @ 2021-08-09 19:08 漫思 阅读(2221) 评论(0) 推荐(0) 编辑

从babel-polyfill的一个坑而起
摘要:从babel-polyfill的一个坑而起 babel-polyfill Posted by Seize on January 6, 2018 问题 接手的系统几天前出现了兼容性问题,Array.flat is not a function,一看原来是没有引用babel-polyfill,直接imp 阅读全文

posted @ 2021-07-06 14:12 漫思 阅读(643) 评论(0) 推荐(0) 编辑

巩固一下 JS 可选 (?.)操作符号,原来函数也可以用可选写法,又学到了!
摘要:有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。 可选的链接?.操作符用于使用隐式空检查访问嵌套对象属性。 概述 如何使用 阅读全文

posted @ 2021-06-14 23:18 漫思 阅读(227) 评论(0) 推荐(0) 编辑

asp.net 如何在线预览office文件和pdf文件
摘要:asp.net 如何在线预览office文件和pdf文件 目前属于核心竞争手段。 可以参考国产的wps的手段。在线预览和编辑。 https://www.ljserver.cn/wpsonline/#/webFile 预览地址 https://www.ljserver.cn/wpsonline/#/d 阅读全文

posted @ 2021-02-20 10:16 漫思 阅读(557) 评论(0) 推荐(0) 编辑

JavaScript 运行机制详解:再谈Event Loop
摘要:作者: 阮一峰 日期: 2014年10月 8日 一年前,我写了一篇《什么是 Event Loop?》,谈了我对Event Loop的理解。 上个月,我偶然看到了Philip Roberts的演讲《Help, I'm stuck in an event-loop》。这才尴尬地发现,自己的理解是错的。我 阅读全文

posted @ 2021-02-20 09:58 漫思 阅读(71) 评论(0) 推荐(0) 编辑

Vue中qs插件的使用
摘要:qs的下载地址 https://github.com/ljharb/qs 之前用Vue+element写了一个后台管理系统,在登录时使用axios请求数据传参时无法正常的获取数据。之后也是一通百度,发现原因是传递参数要将参数序列化。这里使用了qs插件: 简单来说,qs 是一个增加了一些安全性的查询字 阅读全文

posted @ 2021-01-18 14:32 漫思 阅读(1094) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示