「小墨是前端」专注分享前端技术，推荐优秀的开源项目，展示Github、Gitee上的创意作品，带你深入前端底层，一起成长。网页加载速度慢？用户体验差？请求超时让人崩溃？别慌！今天带来 Axios 和 Fetch 的取消请求秘籍，助你轻松掌控异步操作，让网页像火箭一样飞速！为什么需要取消请求？想象一下，用户搜索商品，触发一个耗时请求。但用户没耐心等，立马换了个 …
前端优化方法
背景介绍：不知道你有没有碰到过这些情况：被通知下周一前一定要解决某个bug，现在已经是周五下午了；上线封版前一天被通知客户机器性能不行，打不开某个页面，当时已经是晚上10点了；晚上2点接到电话，某个系统现在运行不起来，但是明天要给客户领导演示，然后你还没带电脑回家...假如你也有这些情况，那么恭喜你，这只是开始...假如没有，那么也恭喜你，你迟早会遇到的.. …
1. 减少 HTTP 请求的数量和大小，合并、压缩、缓存静态资源，避免重复请求和无用请求。以下是一个使用 Node.js 和 Gulp 自动化构建工具来合并、压缩和缓存静态资源的示例：1. 安装 Gulp 和相关依赖：$ npm install gulp gulp-concat gulp-uglify gulp-rename gulp-cache2. 在项目 …
今天说的这6个技巧可以帮助我们写出更好，更简洁，更优雅的前端JavaScript代码。01. 字符串自动匹配当需要检查一个值是否满足我们要求的值的时候，常用的方法是使用`||`和`===`来判断和匹配。但是如果大量使用这种判断方式，我们的代码肯定会变得非常臃肿，写起来非常累。其实我们可以用Array.includes来帮助我们自动匹配，代码就是简洁很多。优化 …
概述PC优化手段在Mobile侧同样适用在Mobile侧我们提出三秒种渲染完成首屏指标基于第二点，首屏加载3秒完成或使用Loading基于联通3G网络平均338KBs(2.71Mbs），所以首屏资源不应超过1014KBMobile侧因手机配置原因，除加载外渲染速度也是优化重点基于第五点，要合理处理代码减少渲染损耗基于第二、第五点，所有影响首屏加载和渲染的代码 …
联接成功以后就可以开始传输数据了，传输数据须要将用户输入的URL封装成HTTPRequest恳求报文，发送到服务器，服务器收到恳求后会发出应答，即响应数据。断掉TCP联接（4次挥手）顾客端—>服务器端好了，我们断掉联接吧？服务端—>顾客端好的，我在检测一哈有没有须要在发给你的信息？服务端—>顾客端好了，我们可以断掉联接了顾客端—>服务 …
一、引言Web技术的发展极大地改变了人们获取信息和交流的方式，但同时也带来了新的挑战——如何确保每个人都能无障碍地使用互联网。可访问性（Accessibility）是指使网站内容能够被尽可能多的人访问，包括那些有视觉、听觉、运动或认知障碍的用户。提升网站的可访问性不仅有助于构建一个更加包容的社会，也是许多国家法律法规的要求。本文旨在介绍一些实用的方法和技术来 …
今天网站上线自己搜集总结了一些前端的优化1.精灵图多个图片拼成一个图片，然后通过CSS来控制在什么地方具体显示这整张图片的什么位置（毕竟流量 都是钱啊）2.css选择器优化3. js改变样式直接操作类名4. js直接操作dom节点5.正则匹配选择器6.js获取元素优化7.内存溢出一般在递归运行时，会产生内存溢出，造成在运行递归时性能大幅度下降，在运行结束后内 …
前言在日常开发中，有很多场景需要我们去做好前端优化，为了防止遗忘，加深记忆，今天参阅了一些资料以及自己的一些总结，梳理出来15条优化技巧。1.合并文件css、js合并，减少http请求数，每次http请求的建立，都需要进行三次握手，断开时需要四次挥手，http请求数量减少后，对页面的加载速度有很大的提升。2.雪碧图css sprites，雪碧图，合并多个图像 …
前端训练营：1v1私教，终身辅导计划，帮你拿到满意的 offer。 已帮助数百位同学拿到了中大厂 offer。欢迎来撩~~~~~~~~Hello，大家好，我是 Sunday。前端性能优化一直是很多同学非常关注的问题，在日常的面试中也是经常会被问到的点。所以今天咱们就花一点时间来了解一下2024最新的前端性能优化方案，以此来助大家高效工作，面试顺利！一：页面渲 …