作者: 五月君 来源:编程界防抖和节流都是应用在高频事件触发场景中,例如 scroll(滚动加载、回到顶部)、input(联想输入) 事件等。防抖和节流核心实现思想是在事件和函数之间增加了一个控制层,达到延迟执行的功能,目的是防止某一时间内频繁执行一些操作,造成资源浪费。事件与函数之间的控制层通常有两种实现方式:一是使用定时器,每次事件触发时判断是否已经存在 …
面试过程中面试官问到前端性能优化有哪些,当我咔咔一顿输出之后面试官追问:前端可以做的性能优化有哪些呢?前端优化大概可以有以下几个方向:网络优化页面渲染优化JS优化图片优化webpack打包优化React优化Vue优化网络优化DNS预解析link标签的rel属性设置dns-prefetch,提前获取域名对应的IP地址使用缓存减轻服务端压力,快速得到数据(强缓存 …
金融界2025年1月22日消息,国家知识产权局信息显示,联科云创(北京)科技有限公司申请一项名为“一种优化Web页面字体文件大小的方法”的专利,公开号CN 119271912 A,申请日期为2024年9月。专利摘要显示,本发明公开了一种优化Web页面字体文件大小的方法,包括客户端和服务器端两方面;所述客户端是通过对本地CSS与HTML文件的爬取,将用到的字符 …
一、引言从一个假死页面引发的思考: 作为前端开发,除了要攻克页面难点,也要有更深的自我目标,性能优化是自我提升中很重要的一环; 在前端开发中,会偶遇到页面假死的现象, 是因为当js有大量计算时,会造成 UI 阻塞,出现界面卡顿、掉帧等情况,严重时会出现页面卡死的情况;在这里简单穿插概念之进程和线程进程:一个在内存中运行的应用程序。每个进程都有自己独立的一块内 …
引言随着互联网的发展,越来越多的企业和个人开始意识到拥有一个网站的重要性。然而,仅仅建立一个网站并不意味着它会被大量的用户访问。这时候,搜索引擎优化(SEO)就显得尤为重要。SEO可以帮助网站更容易地被搜索引擎收录,进而提升其在搜索结果中的排名。作为前端开发者,了解并实践SEO的基本原则和技术可以帮助我们构建更容易被搜索引擎识别和索引的网站。本文将探讨前端开 …
某天,老板火急火燎地跑来问:“为什么咱网站就是搜不到?”产品经理附和道:“是不是你开发的时候少写了几个SEO代码?”你内心os:“SEO?没学过!能不能别把锅甩给我?”别慌,SEO并不是玄学,而是每个Web开发者都能轻松掌握的技能。这篇文章将带你如何做一个“爬虫爱上的开发者”,让你的项目不止好用,还能出现在搜索结果首页。什么是SEO?为什么开发者需要懂?SE …
金融界2025年1月18日消息,国家知识产权局信息显示,布比(北京)网络技术有限公司申请一项名为“一种基于缓存管理的前端性能优化方法、系统及电子设备”的专利,公开号CN 119311977 A,申请日期为2024年9月。专利摘要显示,本发明提供一种基于缓存管理的前端性能优化方法,包括:步骤S1.收集并处理用户行为数据,得到目标数据;步骤S2.基于所述目标数据 …
前端首页优化技巧是面试中经常会问到的问题,今天这篇文章就来总结下怎么进行首页加载速度的优化:资源加载优化使用 CDN 分发静态资源示例代码:<!-- 引入 CDN 上的 jQuery --><script src="https:cdn.jsdelivr.netnpmjquery@3.6.0distjquery.min.js" …
来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。2016年了,嗨,大家新年好。作为一个网页的产品经理,网页的前端知识可谓是不能不知,本文主讲网站产品的前端姿势。通常,HTML、CSS、JavaScript共同构建了你看到的任何一个网页展示和交互。下面是这三种字母的解释:HTML(HyperTextMarkup Languag …
张金龙 | 宏时数据技术工程师在不同的场景中,通过在不同的Zabbix组件上定义和执行脚本的功能是非常强大的。我们可以在许多不同的用例中执行这些脚本,以修复问题、将告警转发给外部系统等等。在这篇文章中,我们将介绍一个不太为人所知的用例:创建一个可以直接从前端执行不同脚本的控制台。1.配置缓存在这个用例中需要使用两个常用的Zabbix运行时命令"zabbix_ …