效果展示 完整源码 <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>3D旋转时间轴</title> <link re...
HTML
前端实现画中画超简单，让网页飞出浏览器
Document Picture-in-Picture 介绍 今天，我来介绍一个非常酷的前端功能：文档画中画 (Document Picture-in-Picture, 本文简称 PiP)。你有没有想过，网页上的任何内容能悬浮在桌面上？ 视频流媒体的画中画...
HTML&CSS ：卡片去边角效果
这段代码创建了一个带有装饰性按钮的卡片(图片去边角)，通过 CSS 技术实现了按钮的装饰性效果，为页面添加了视觉吸引力。 演示效果 HTML&CSS <!doctype html> <html> <head>...
前端实现文件预览img、docx、xlsx、ppt、pdf、md、txt、audio、video
前言 最近有接到一个需求，要求前端支持上传制定后缀文件，且支持页面预览，上传简单，那么预览该怎么实现呢，尤其是不同类型的文件预览方案，那么下面就我这个需求的实现，答案在下面 「具体的预览需求：...
如何一次性渲染十万条数据
前言 后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li，然后每个li...
HTTP 面试真题
1、如何理解OSI七层模型? 1.1 是什么 OSl(Open System Interconnect)模型全称为开放式通信系统互连参考模型，是国际标准化组织(ISO)提出的一个试图使各种计算机在世界范围内互连为网络的标准框架 ...
您必须了解的 21 个 HTML 技巧
在这篇文章中，我们将分享 21 个带有代码片段的 HTML 技巧，可以提高您的编码技能。 现在，让我们直接开始吧。 01、创建联系链接 使用 HTML 创建可点击的电子邮件、电话和短信链接： <!-- Email ...
如何实现一个Canvas渲染引擎(二)：Graphics类
1. 前言 本文将会补充Graphics类支持的所有图形，一些简单的图形，将会使用比较短的篇幅来介绍，重点将会放在曲线等复杂图形的绘制上。鉴于我们已经讲过了矩形的绘制，所以本文将会从圆开始。 2. 简单图形...
如何实现一个Canvas渲染引擎(一)：节点和层级关系
1. 为什么要实现节点和层级关系 1.1 Canvas相较于DOM DOM提供了十分便利的web页面开发效率，其提供了各种各样的强大功能，我们通过几行CSS代码就可以设置节点的样式以及节点的各种定位方式(相对定位，绝...
悄无声息间，你的 DOM 被劫持了？
文档对象模型（DOM）充当着 HTML 和 JavaScript 之间的接口，搭建起静态内容与动态交互之间的桥梁，对现代 Web 开发而言，DOM 的作用不可或缺。 然而，DOM 也有一个...