web前端

艾恩小灰灰

HTML5与HTML：不仅仅是标签的革新当我们提到HTML5，很多人会想到这是HTML的一个升级版本，增加了许多新的标签和特性。然而，HTML5带来的变化远不止于此。它是一个全面的网页开发框架，重新定义了网络应用程序的构建方式，为开发者提供了前所未有的灵活性和控制力。本文将深入探讨HTML5与经典HTML之间的主要区别，并展示一些代码示例来阐明这些概念。

艾恩小灰灰

探索HTML DOM的奥秘：从基础到实践HTML DOM（Document Object Model）是网页编程的核心概念，它将HTML文档转化为一个可编程的结构化树状模型，使开发者能够通过JavaScript等脚本语言动态地访问、修改网页内容、结构和样式。本文旨在深入解析HTML DOM的运作机制，并通过丰富的代码示例，带你从基础到实践，掌握DOM操作的精髓。

.NET快速开发框架

【干货】Vue3 组件通信方式详解毫无疑问，组件通信是Vue中非常重要的技术之一，它的出现能够使我们非常方便的在不同组件之间进行数据的传递，以达到数据交互的效果。所以，学习组件通信技术是非常有必要的，本文将总结Vue中关于组件通信的八种方式，帮助大家在使用Vue的过程中更加得心应手！

艾恩小灰灰

探索CSS3多媒体查询：响应式设计的魔法钥匙在网页设计的广阔天地里，CSS3多媒体查询（Media Queries）无疑是响应式设计的魔法钥匙，它赋予了网页根据不同设备特征和屏幕尺寸自动调整样式的能力。本文将深入浅出地介绍CSS3多媒体查询的原理、语法、实战应用，并通过生动的代码示例，带你领略跨设备适配的魅力。

web前端之vue动态访问静态资源、静态资源的动态访问、打包、public、import、URL、Vite介绍 Vite脚手架在打包代码的时候，会把源代码里对于静态资源的访问路径转换为打包后静态资源文件的路径。主要的区别是文件指纹，即打包后的文件会带上一个hash值，用于区分不同版本的文件。

HTML的基石：区块标签与小语义标签的深度解析欢迎来到HTML的世界，在这里，每一个标签都是构建网页大厦的砖石。今天，我们将深入探讨HTML的两大基石——区块标签（Block Elements）与小语义标签（Inline Semantic Elements），它们不仅是网页结构的骨架，更是语义化的灵魂。准备好了吗？让我们一起探索如何用它们编织出既美观又功能强大的网页！

前端基础入门三大核心之HTML篇：构建网页世界的基石与HTML5的魔力在浩瀚的互联网世界里，网页是信息交流的窗口，而HTML（HyperText Markup Language，超文本标记语言）正是这些窗口背后不可或缺的建造师。本文将带领你深入浅出地理解HTML的基本概念，探索HTML5这一现代网页标准的骨架，以及如何在实践中运用它们构建既美观又功能强大的网页。

艾恩小灰灰

CSS中的writing-mode属性：解锁文本布局新维度在网页设计的广阔天地里，CSS（层叠样式表）扮演着至关重要的角色，它赋予了我们塑造网页外观和布局的强大能力。其中，writing-mode属性是一个常被忽视但功能强大的工具，用于控制文本的书写方向和排列方式。今天，我们就来深入探讨这个属性，揭开它在多语言支持、创意布局设计等方面的神秘面纱，并通过实际代码示例带你上手实践。

前端基础入门三大核心之HTML篇：解密标签、标题与段落的艺术在这个数字化时代，网页是信息交流的桥梁，而HTML（HyperText Markup Language，超文本标记语言）正是构建这座桥的基石。本文将引领你深入探索HTML的世界，从认识基础标签开始，逐步揭开标题与段落标签的神秘面纱，为你的前端之旅奠定坚实的基石。无论是初学者还是有一定经验的开发者，本文都将是一份宝贵的指南。

艾恩小灰灰

CSS中的border-radius: 打造圆润世界的秘密武器在Web设计的世界里，边角不再是直来直去的专利，CSS的border-radius属性赋予了我们创造圆润、柔和界面的能力。本文将深入探索border-radius的魅力，从基础用法到高级技巧，让你的网页元素更加生动和现代化。

前端基础入门三大核心之HTML篇：无序列表的深度探索在前端开发的广阔天地中，HTML（HyperText Markup Language）是构建网页内容的基石。作为初学者或进阶开发者，深入理解HTML的基础元素对于构建结构清晰、语义明确的网页至关重要。本篇文章将围绕HTML中的无序列表<ul>及其子元素<li>，展开一次全方位、深层次的探索之旅，旨在通过丰富的示例、实战技巧和最佳实践，帮助你不仅学会使用无序列表，更能深刻理解其背后的设计理念与应用场景。

艾恩小灰灰

SVG在HTML中的魔法：解锁矢量图形的奥秘在网页设计的奇幻森林中，SVG（Scalable Vector Graphics，可缩放矢量图形）如同一把神奇的钥匙，解锁了无数令人惊叹的视觉效果。它不仅仅是图像的一种格式，更是前端开发的瑞士军刀，能应对各种复杂图形、动画乃至交互挑战。本文将带你深入SVG的奇妙世界，不仅全面解析其核心概念，还会通过实战代码示例，把那些初学者容易困惑的难点一一剖析透彻。

艾恩小灰灰

探索CSS3文本效果：打造魅力无限的网页排版CSS3为网页设计带来了革命性的变化，特别是在文本效果方面，它赋予了开发者前所未有的创意空间。本文将带你深入了解CSS3中一些令人兴奋的文本效果，从基本的阴影处理到复杂的动画效果，每个技巧都将通过实际代码示例展现其魅力所在。

一文搞懂drag&drop浏览器拖放功能的实现拖放功能，即将一个元素从一个区域，通过拖拽，放置到另一个区域。常见的应用是将文件或图片从一个区域，拖放到另一个区域。中文常常把这表述成拖拽，实际上拖拽的描述并不准确，应该叫拖放，因为drag事件和drop事件是成对使用的，即拖拽和放置。

web前端之element级联选择器的那些事、获取label的值、getCheckedNodes、cascader、ref前言1、使用ref的getCheckedNodes方法获取label的值，change事件只传递value值； 2、回显自动处理，无需手动干预，设置好接口即可。

web前端之行为验证码、不同设备和屏幕尺寸呈现不同大小、元素宽度根据视口宽度进行调整、元素或图片裁剪、图片验证码1、版本一的样式比较齐全； 2、版本二的JS逻辑和功能效果比较完善，且是别人的代码，后续会对样式进行完善。[Gitee | 哔哩哔哩]； 3、两个版本各有千秋，主要学习里面的一些技巧，这里主要介绍版本一的样式技巧； 4、行为验证码一般是后端实现，而且大概率是使用第三方插件，因为涉及到的逻辑和内容比较多，前后端实现起来都比较麻烦。

Linux服务器部署Web版VSCode，在window下使用浏览器在linux环境下编写代码最近尝试了一下在Linux服务器上部署VSCode，也就是code-server，然后在windows电脑上通过浏览器访问打开在线编辑器编写代码，以下记录一下部署过程。

web前端之小功能聚集、简单交互效果htmlJavaScriptstylehtmlstyle

粥里有勺糖

纯前端实现 PNG 图片压缩 | UPNG.js在线 Demo 体验地址 →: https://demos.sugarat.top/pages/png-compress/

web前端之uniApp实现选择时间功能