1.4秒到0.4秒-2行代码让JS加载耗时减少67%

09月23日 HTML 没有评论 JavaScript,前端,加载耗时

仅需2行代码，就能实现上图中的优化效果，让JS文件的加载耗时从1.4秒减少到0.4秒，大幅减少951ms（-67%），代码实现也非常简单方便，一起学起来吧~ 资源优先级提示：预取回 Prefetch，预加载 Prelo...

如何最快捷计算【白屏时间 FCP】和【首屏时间 LCP】

09月23日 HTML 没有评论前端,白屏时间,首屏时间

当我们被问到网页的性能问题时，我们往往会想到首屏时间、白屏时间，但是其实很多人根本分不清这两个到底有啥区别，一问也是三不知，问你怎么计算的你也不知道，所以本文章教你怎么去计算这两个时间吧~ ...

08月21日 HTML,JavaScript 没有评论 JavaScript,访问本地文件夹

这个功能放在之前是不可能实现的，因为考虑到用户的隐私，但是最近有一个新的api可以做到这一点。下面来进行一个简单的功能实现。 1. 如何选择文件夹 <!DOCTYPE html> <html lang="en"...

07月14日 HTML 没有评论 a标签,HTML,下载文件

标签 download 这应该是最常见，最受广大人民群众喜闻乐见的一种下载方式了，搭配上 download 属性，就能让浏览器将链接的 URL 视为下载资源，而不是导航到该资源。如果 download ...

06月19日 HTML 没有评论 font-family,HTML

问题描述当我们拿到设计稿去实现一个网页时，经常会发现设计稿当中一般使用的字体都是 PingFang SC 这一款字体。这是因为我们的 UI 设计师一般使用的都是 Mac 电脑制作的设计稿。但是我们并不能...

06月13日 HTML 没有评论 HTML,noopener,安全漏洞

现如今，网络安全已经成为我们不可忽视的一个问题。不管是大厂还是小作坊，每一位开发者都会有这方面的考虑。然而，我们通常会花费大量的时间和精力在后端服务上，对于前端来说，可能会忽视这方面的考虑。今...

06月10日 Canvas 没有评论 Canvas,Canvas入门

在前端领域，如果只是懂 Vue 或者 React ，未来在职场的竞争力可能会比较弱。根据我多年在家待业经验来看，前端未来在数据可视化和 AI 这两个领域会比较香，而&n...

06月08日 HTML 没有评论 HTML,HTML属性,属性

HTML属性非常多，除了一些基础属性外，还有许多有用的特别强大的属性本文将介绍24个强大的HTML属性，可以使您的网站更具有动态性和交互性，让用户感到更加舒适和愉悦。让我们一起来探索这24个强大的HTML...

06月06日 HTML 没有评论 filter,置灰,置灰网站

大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样：当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。 ...

06月05日 HTML 没有评论 HTML,HTML 技巧,技巧

HTML（超文本标记语言）是网页最基础的结构，也是网页的主要构成元素。虽然许多开发人员都熟悉 HTML 的基础知识，但还有许多鲜为人知的技巧和技术可以提高您的 HTML 编码技能。在本文中，我们将探讨您可能...