HTML共1篇 第3页
HTML
深入理解CSS字符转义行为-五八三

深入理解CSS字符转义行为

深入理解CSS字符转义行为 深入理解CSS字符转义行为 前言 为什么要转义? CSS 转义 什么是合法css的表达式 左半部分 右半部分 练习 参考链接 前言 在日常的开发中,我们经常写css。比如常见的按...
admin的头像-五八三admin2年前
070

探索 Web Worker

为什么要用web worker 在前端页面中,如果突然出现一个大量计算的场景,可能会导致页面无法交互。这种情况通常发生在执行复杂的算法、处理大量数据或进行大规模计算的情况下。 当页面遇到大量计...
admin的头像-五八三admin2年前
070
前端技术搭建飞机大战小游戏(内含源码)-五八三

前端技术搭建飞机大战小游戏(内含源码)

✨ 写在前面 我们男孩子小时候都喜欢玩射击游戏吧,或者是飞机大战的,叫什么名字我给忘了哈哈哈,那么好,今天我们做一个有意思的事情,实现一个飞机大战小游戏! ✨ 功能介绍 飞机射击游戏是...
admin的头像-五八三admin2年前
070
HTML5CSS3提高 | 青训营-五八三

HTML5CSS3提高 | 青训营

1 HTML5新特性 1.1 概述 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题,基本是 IE9+ 以上版本的浏览器才支持,如果不考...
admin的头像-五八三admin2年前
060

HTML5通过api实现拖拽讲解和实例分析

在现代Web开发中,实现拖拽功能是一项常见而强大的需求。HTML5引入了拖放API(Drag and Drop API),为我们提供了一种简单而高效的方式来实现拖拽操作。其中,e.dataTransfer是该API中的一个重...
admin的头像-五八三admin2年前
060

表单元素的readonly 和 disabled

在HTML表单中,readonly和disabled是两个属性,用于控制表单元素的可编辑性和交互性。它们之间有以下区别: readonly(只读):当一个表单元素设置为readonly时,用户可以看到该元素的内容,但...
admin的头像-五八三admin2年前
060
Web基础与HTTP协议-五八三

Web基础与HTTP协议

域名 域名注册 域名注册是Internet中用于解决地址对应问题的一种方法遵循先申请先注册原则 域名注册步骤: 准备申请资料---寻找域名注册网站---查询域名---正式申请---申请成功 域名小结回顾 IP...
admin的头像-五八三admin2年前
050

10个让你成为CSS画家的技巧,不容错过

CSS是网页设计的重要组成部分,负责网页的样式和布局。但是,开发人员往往会遇到布局不精准,代码冗余等问题。为了解决这些问题,本篇文章将分享10个CSS技巧,让你成为CSS画家。 1. 应用CSS变量...
admin的头像-五八三admin2年前
050
让小伙伴挠头的按钮微交互特效(下)-五八三

让小伙伴挠头的按钮微交互特效(下)

上文回顾-让小伙伴挠头的按钮微交互特效(上) 上文中我们已经帮小伙伴解决了一部分挠头的交互效果,接下来进行上次预告的部分。 形状变化微交互 形状变化微交互是一种通过改变按钮的形状来增强...
admin的头像-五八三admin2年前
050
如何简单实现一个图片放大镜功能-五八三

如何简单实现一个图片放大镜功能

在一些电商网站上,经常看到有商品图片被放大查看的功能,包括另外一些图片展示站点,也有类似的功能。 如果我们想让图片能展示更多细节清晰的内容,实现这样一个放大镜功能,是非常划算的,既...
admin的头像-五八三admin2年前
050

登录和注册表单的11个HTML最佳实践

原文:11 HTML best practices for login & sign-up forms 原作者:Andrey Sitnik 翻译已获原文作者许可,禁止转载和商用 大多数网站都有登录或注册表单;它们是业务转换的关键部分。然而,...
admin的头像-五八三admin2年前
050
移动端网页开发有感-五八三

移动端网页开发有感

前段时间参与了一个移动端页面开发的需求,开发时明显感觉与 pc 端开发相比,移动端页面的限制会更多? 需求结束后思考了一下究竟是哪些方面感觉不舒服?有没有对应的解决方法?以便下次开发移动...
admin的头像-五八三admin2年前
050
为了伪装,如何给网页注入脚本-五八三

为了伪装,如何给网页注入脚本

缘起 最近要演示一个新的想法, 这个想法是要在一个现有的页面添加一个新功能, 然而这个页面是别人开发的, 改它现有的代码不合适, 发布到测试环境更不可能了. 为了在现有页面上添加这个新功能, ...
admin的头像-五八三admin2年前
050
在制作滚动或者布局的时候最后一div设置margin-right浏览器没有应,该如何处理?-五八三

在制作滚动或者布局的时候最后一div设置margin-right浏览器没有应,该如何处理?

这个是CSS代码 display: flex; cursor: pointer; border: 1px solid #d8dce5; background-color: #fff; margin-right: 30px; border-radius: 2.5px; padding: 6px 12px; box-sizing: border-box...
admin的头像-五八三admin2年前
050
巨详细!帮你踩坑HTML5拖拽api(上)-五八三

巨详细!帮你踩坑HTML5拖拽api(上)

我正在参加「掘金·启航计划」 去年换工作之后,到手第一个负责的模块就是类低代码平台,研究了一下市面上的拖拽库,没有特别符合需求的,所以就打算自己梭哈一个,就去研究了一下h5的拖拽api,...
admin的头像-五八三admin2年前
050
深入了解 HTML5 Drag API:实现图片拖拽排序功能-五八三

深入了解 HTML5 Drag API:实现图片拖拽排序功能

介绍 Drag API 是 HTML5 提供的一组用于实现拖拽操作的接口和事件,它允许用户通过鼠标或触摸设备将元素拖动到指定的位置。通过Drag API,我们可以监听拖拽的开始、过程和结束等事件,并在这些...
admin的头像-五八三admin2年前
050
长连接:ChatGPT流式响应背后的逻辑 | 京东物流技术团队-五八三

长连接:ChatGPT流式响应背后的逻辑 | 京东物流技术团队

一、前言: 提起长连接,我们并不陌生,最常见的长连接非websocket莫属了。即使没有在项目中实际用过,至少也应该有所接触。长连接指在一次网络通信中,客户端与服务器之间建立一条持久的连接,...
admin的头像-五八三admin2年前
040
来写一个贪吃蛇小游戏吧!(greedySnake)-五八三

来写一个贪吃蛇小游戏吧!(greedySnake)

Introduction 这是一个贪吃蛇小游戏,很早之前写的了,现在想冲 lv5 作者,就先发出来捏,大家看个乐子,可以自己下去运行一下跑一下,还是蛮有意思的。 It's a TypeScript game. 主要技术栈为...
admin的头像-五八三admin2年前
040

对于Web标准以及W3C的理解

Web标准是一系列由World Wide Web Consortium(W3C)制定的技术规范和指南,用于确保互联网上的网页和应用程序在不同的平台和设备上能够一致地工作和展示。这些标准旨在提高Web内容的可访问性、...
admin的头像-五八三admin2年前
040

EJS:高效的嵌入式 JavaScript 模板引擎

EJS(Embedded JavaScript Templates)是一种简单而灵活的模板引擎,用于将数据动态渲染到网页上。本文将从介绍EJS的背景和起源开始,详细介绍EJS的特性和使用方法,包括安装配置、基本语法和标...
admin的头像-五八三admin2年前
040