您必须了解的 21 个 HTML 技巧

04月18日 HTML 没有评论 HTML,技巧

在这篇文章中，我们将分享 21 个带有代码片段的 HTML 技巧，可以提高您的编码技能。现在，让我们直接开始吧。 01、创建联系链接使用 HTML 创建可点击的电子邮件、电话和短信链接： <!-- Email ...

如何实现一个Canvas渲染引擎(二)：Graphics类

02月18日 Canvas 没有评论 Canvas,前端,渲染引擎

1. 前言本文将会补充Graphics类支持的所有图形，一些简单的图形，将会使用比较短的篇幅来介绍，重点将会放在曲线等复杂图形的绘制上。鉴于我们已经讲过了矩形的绘制，所以本文将会从圆开始。 2. 简单图形...

02月18日 Canvas 没有评论 Canvas,前端,渲染引擎

1. 为什么要实现节点和层级关系 1.1 Canvas相较于DOM DOM提供了十分便利的web页面开发效率，其提供了各种各样的强大功能，我们通过几行CSS代码就可以设置节点的样式以及节点的各种定位方式(相对定位，绝...

01月08日 HTML 没有评论 DOM,HTML,劫持

文档对象模型（DOM）充当着 HTML 和 JavaScript 之间的接口，搭建起静态内容与动态交互之间的桥梁，对现代 Web 开发而言，DOM 的作用不可或缺。然而，DOM 也有一个...

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

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

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,安全漏洞

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