HTML共1篇 第3页
HTML
排序
什么？CSS 能实现鼠标滚轮的横向滚动？
再次考验你的css功底，这样的横向平滑滚动效果，只用css就可以实现，想不想来挑战一下？ 看到这个效果同学们脑子里第一个想到的是什么？监听鼠标的滚轮事件吗？其实也可以实现但是非常的麻烦，...
2年前EJS：高效的嵌入式 JavaScript 模板引擎
EJS（Embedded JavaScript Templates）是一种简单而灵活的模板引擎，用于将数据动态渲染到网页上。本文将从介绍EJS的背景和起源开始，详细介绍EJS的特性和使用方法，包括安装配置、基本语法和标...
2年前
深入了解 HTML5 Drag API：实现图片拖拽排序功能
介绍 Drag API 是 HTML5 提供的一组用于实现拖拽操作的接口和事件，它允许用户通过鼠标或触摸设备将元素拖动到指定的位置。通过Drag API，我们可以监听拖拽的开始、过程和结束等事件，并在这些...
2年前
你真的会用<a>标签下载文件吗?
最近和后端联调下载时忽然发现屡试不爽的 <a> 标签下载失灵了？这才感觉自己对文件下载一直处在一知半解的模糊状态中，趁端午前夕有空赶紧总结了一下，和大家一起讨论讨论。 <a> 标...
2年前探索 Web Worker
为什么要用web worker 在前端页面中，如果突然出现一个大量计算的场景，可能会导致页面无法交互。这种情况通常发生在执行复杂的算法、处理大量数据或进行大规模计算的情况下。 当页面遇到大量计...
2年前
来写一个贪吃蛇小游戏吧！(greedySnake)
Introduction 这是一个贪吃蛇小游戏，很早之前写的了，现在想冲 lv5 作者，就先发出来捏，大家看个乐子，可以自己下去运行一下跑一下，还是蛮有意思的。 It's a TypeScript game. 主要技术栈为...
2年前
为了伪装,如何给网页注入脚本
缘起 最近要演示一个新的想法, 这个想法是要在一个现有的页面添加一个新功能, 然而这个页面是别人开发的, 改它现有的代码不合适, 发布到测试环境更不可能了. 为了在现有页面上添加这个新功能, ...
2年前
markdown文件如何在前端框架中肆意运行（一）
我正在参加「掘金·启航计划」 第三方库通常有对应文档，尤其组件库文档会附带组件效果以及 demo 代码，对使用者十分友好；查看库源码发现使用 md 文件编写，今天通过解析 element-ui 组件库来...
2年前HTML5新增了哪些新特性？移除了哪些元素？
HTML5是一种用于构建网页和Web应用程序的标准。它引入了许多新特性和改进，同时还有一些元素被移除或不再推荐使用。以下是HTML5中的一些主要新增特性和移除元素的示例： 新增特性： 语义化标签...
2年前HTML5通过api实现拖拽讲解和实例分析
在现代Web开发中，实现拖拽功能是一项常见而强大的需求。HTML5引入了拖放API（Drag and Drop API），为我们提供了一种简单而高效的方式来实现拖拽操作。其中，e.dataTransfer是该API中的一个重...
2年前10个让你成为CSS画家的技巧，不容错过
CSS是网页设计的重要组成部分，负责网页的样式和布局。但是，开发人员往往会遇到布局不精准，代码冗余等问题。为了解决这些问题，本篇文章将分享10个CSS技巧，让你成为CSS画家。 1. 应用CSS变量...
2年前
Web基础与HTTP协议
域名 域名注册 域名注册是Internet中用于解决地址对应问题的一种方法遵循先申请先注册原则 域名注册步骤: 准备申请资料---寻找域名注册网站---查询域名---正式申请---申请成功 域名小结回顾 IP...
2年前
时隔多年，从新认识浮动float
开场白 随着css的发展，在加上各种优秀ui库的兴起。 我们在项目中浮动用的很少。 但并不意味着我们不使用浮动了。 曾几何时，浮动这个属性是那个遥远时代的'超级明星' 排版，布局，都需要使用他...
2年前什么是微格式
微格式是一种用于在HTML文档中嵌入语义化信息的简单而轻量级的标记语言。它们通过使用已有的HTML标签和类名来表示结构化数据，以便机器能够更容易地理解和处理这些数据。 微格式的目标是为了让...
2年前对于Web标准以及W3C的理解
Web标准是一系列由World Wide Web Consortium（W3C）制定的技术规范和指南，用于确保互联网上的网页和应用程序在不同的平台和设备上能够一致地工作和展示。这些标准旨在提高Web内容的可访问性、...
2年前
页面0到1
页面0到1 目录 功能开发 传统 在开发网页的时候，无论是使用 jQuery 还是原生的 JavaScript，大体的步骤都是这样的： 编写 HTML 页面结构，并规划哪些元素有可能会有交互，并赋予它们 ID 属性，...
2年前HTML中的iframe
在HTML中，<iframe>是一个内联框架元素，它可以用来在网页中嵌入另一个文档或网页。 作用： 内嵌其他网页：通过<iframe>可以将其他网页嵌入到当前网页中。这对于显示第三方内容、嵌...
2年前
移动端网页开发有感
前段时间参与了一个移动端页面开发的需求，开发时明显感觉与 pc 端开发相比，移动端页面的限制会更多? 需求结束后思考了一下究竟是哪些方面感觉不舒服？有没有对应的解决方法？以便下次开发移动...
2年前
深入理解CSS字符转义行为
深入理解CSS字符转义行为 深入理解CSS字符转义行为 前言 为什么要转义？ CSS 转义 什么是合法css的表达式 左半部分 右半部分 练习 参考链接 前言 在日常的开发中，我们经常写css。比如常见的按...
2年前表单元素的readonly 和 disabled
在HTML表单中，readonly和disabled是两个属性，用于控制表单元素的可编辑性和交互性。它们之间有以下区别： readonly（只读）：当一个表单元素设置为readonly时，用户可以看到该元素的内容，但...
2年前