前端
关注
分享
扫一扫
文章平均质量分 94
一二¬
Java开发
展开
-
【jQuery】jQuery 处理 Ajax 以及解决跨域问题的方式
Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术原生创建 Ajax 的步骤：1. 创建 Ajax 对象；2. 连接到服务器；3. 发送请求；4. 接收返回值。原创 2024-10-17 17:15:00 · 2276 阅读 · 0 评论 -
【jQuery】正则 & jQuery特效（含代码示例）
正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式或规则的文本。原创 2024-10-16 10:42:35 · 1229 阅读 · 0 评论 -
【jQuery】基础事件、事件操作、复合事件及代码示例
jQuery 事件是对 JavaScript 事件的封装，常用事件分类基础事件：鼠标事件、键盘事件、window事件、表单事件复合事件：鼠标光标悬停、鼠标连续点击原创 2024-10-16 10:40:59 · 1009 阅读 · 0 评论 -
【jQuery】jQuery基本操作（样式操作 内容操作 节点操作 属性操作 节点遍历）
DOM 操作分为三类：DOM Core：任何一种支持DOM的编程语言都可以使用它，如getElementById() HTML-DOM：用于处理HTML文档，如document.forms CSS-DOM：用于操作CSS，如element.style.color="green"> JavaScript用于对(x)html文档进行操作，它对这三类DOM操作都提供了支持jQuery 对 JavaScript 中的 DOM 操作进行了封装原创 2024-10-15 16:54:43 · 1150 阅读 · 0 评论 -
【jQuery】 jQuery基础及选择器介绍（基本选择器 层次选择器 属性选择器 过滤选择器）
jQuery 是一个功能强大且易于使用的 JavaScript 库，它极大地简化了前端开发的工作。无论是 DOM 操作、事件处理还是 Ajax 交互，jQuery 都能提供简洁高效的解决方案。尽管近年来随着 ES6+ 以及框架如 React、Vue 和 Angular 的兴起，jQuery 的使用频率有所下降，但对于许多项目来说，尤其是那些不需要复杂状态管理和虚拟 DOM 更新的项目，jQuery 仍然是一个非常实用的选择。原创 2024-10-14 17:40:23 · 1015 阅读 · 0 评论 -
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。- **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。- **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个原创 2024-10-11 17:39:47 · 1480 阅读 · 0 评论 -
【JavaScript】注册表单案例 返回顶部案例
注册表单案例包含JS 功能：实时验证、表单提交验证、显示信息、设置默认值、清空显示信息；返回顶部案例包含JS 功能：显示当前滚动位置、返回顶部按钮、图标的显示与隐藏、图标动画效果。原创 2024-10-11 11:04:23 · 871 阅读 · 0 评论 -
【JavaScript】万字整理 JS 内置对象和 DOM 对象 操作节点【全！】
DOM 是针对 HTML 文档的一个 API (应用程序编程接口 Application Programming Interface)，描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面元素。在 DOM 中，文档被视作一个树形结构，其中每一个部分（标签、文本、属性等）都被表示为一个节点。其中每个节点都是一个特定类型的对象。节点是 DOM 树的基本组成部分，它们具有层级结构和父子关系。原创 2024-10-10 16:48:02 · 1369 阅读 · 0 评论 -
【JavaScript】DOM1级 2级事件及 BOM 对象 Window History Location Document
在 JavaScript 中，事件是与用户交互或系统操作相关的动作。事件机制允许开发者在用户与网页交互时做出响应，比如点击按钮、键入文本或滚动页面。DOM0 级事件是最初的 DOM 事件处理模型，它仅通过 HTML 属性来处理事件。这是最早期的事件处理机制，通常被称为“传统事件处理”。DOM1 级事件是 DOM 事件模型的一个扩展，它引入了addEventListener方法，用于更灵活和强大的事件处理。允许一个元素绑定多个事件处理程序，而不像 DOM0 级事件那样只允许一个事件处理程序（对于相同类型的原创 2024-10-10 09:15:44 · 1204 阅读 · 0 评论 -
【JavaScript】JS核心语法及函数
JavaScript 是一种基于对象和事件驱动的、并具有安全性能的脚本语言。原创 2024-10-08 17:04:20 · 1156 阅读 · 0 评论 -
【css】网页动画 transform transition animation 含案例北极熊奔跑
animation 实现动画主要由两个部分组成1.通过类似Flash 动画的关键帧来声明一个动画2.在animation 属性中调用关键帧声明的动画实现一个更为复杂的动画效果。原创 2024-08-12 08:20:35 · 1147 阅读 · 0 评论 -
【css】定位网页元素 含案例导航条吸顶变色
相对定位relative 一般情况下很少自己单独使用，都是配合绝对定位absolute 使用，为绝对定位创造定位父级而又不设置偏移量。在网页制作中可以用于需要使某个元素脱离标准流，而仍然希望它保持在原来的位置的情况。：设置了绝对定位但没有设置偏移量的元素将保持在原来的位置。偏移设置： left、right、top、bottom。偏移设置：top、left、right、bottom。偏移设置：top、left、right、bottom。改变设置绝对定位和没有设置绝对定位的层的。/* 吸顶后的头部颜色 */原创 2024-08-11 11:09:15 · 1181 阅读 · 0 评论 -
【css】浮动 解决父级边框塌陷问题的四种方法 display float overflow
指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式。父级添加overflow属性（简单，但是下拉列表框的场景不能用）内联标签可以包含于块级标签中，成为它的子元素，而反过来则不成立。设置父元素的高度（简单，但是固定高度会降低扩展性）inline-block和float的区别。/*在clear类后面添加内容为空*//*把添加的内容转化为块元素*//*清除这个元素两边的浮动*/（简单，但是会造成代码冗余）内联元素（inline）（复杂，但是没有副作用）原创 2024-08-11 11:01:02 · 1082 阅读 · 0 评论 -
【css】盒子模型常用属性（内外边距及边框 盒子阴影）
盒子模型总尺寸 = border + padding + margin + 内容宽度。同时设置边框的颜色、粗细和样式。内容–内边距–边框–外边距。网页居中对齐的必要条件。原创 2024-08-09 10:51:21 · 392 阅读 · 0 评论 -
【css】CSS3美化网页元素（字体样式 文本样式 超链接伪类 列表样式 背景样式 css渐变）
字体属性的顺序：字体风格→字体粗细→字体大小→字体类型。原创 2024-08-08 11:16:10 · 1129 阅读 · 0 评论 -
【css】css引入方法及选择器详解(基本选择器 层次选择器 结构伪类选择器 属性选择器)
不遵循，无论是哪种方式引入CSS样式，一般都遵循ID选择器 > class类选择器 > 标签选择器 > 全局选择器的优先级。E F:nth-child(n)和E F:nth-of-type(n)的区别。外部样式表(CSS代码保存在扩展名为.css的样式表中 HTML文件。内部样式表(CSS代码写在<head>的<style>标签中)交集选择器(css中后者重复属性会覆盖前者)层次选择器、结构伪类选择器、属性选择器。标签选择器(直接应用于HTML标签)类选择器(可在页面中多次使用)并集选择器(用,隔开)原创 2024-08-07 11:40:24 · 748 阅读 · 0 评论 -
一文搞定前端HTML5——列表、表格、媒体元素与表单
HTML 5作为最新版本，提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。表格常用于结构一致的数据，例如学员成绩表、购物网站上购物车中的列表信息等。：从一个页面链接到另外一个页面(网站导航菜单、新闻列表、商品列表)超文本包括：文字、图片、音频、视频、动画等。原创 2024-08-07 11:30:23 · 924 阅读 · 0 评论 -
从字体图标到svg——Web图标发展史以及iconfont矢量图标库的使用
要注意的是，这并没有在根本上改变 web 图标渲染的方式，底层依然是基于前文提到的各种方案。在浏览器中使用的是图形渲染，所以就是实实在在的路径。：icon-font 图标通过伪元素插入，依赖于 line-height ， vertical-align，letter-spacing ， word-spacing ，字体字形设计（它的四周有留白吗？范围内）并为其绘制字形，同时生成好一堆预定义的图标名 class name，通过 web font 的方式加载资源，通过对应的 class name 来引用图标。原创 2024-08-06 17:22:31 · 1847 阅读 · 0 评论