自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 表单校验及正则表达式

使用 HTML5 新增的表单验证属性可以轻松的实现表单内容校验,一定程度上减少了 javaScript 编码,但是在特定的验证属性中仍需要和正则表达式结合使用。使用正则表达式,可以快速验证邮箱格式、手机号格式、身份证号码格式等。当为表单元素添加验证属性 required 和 pattern 后,可以通过 HTML5 提供的 Validitystate 对象获取当前验证属性的验证状态。使用 JavaScript 提供的属性和方法可以便捷地对表单内容进行简单的校验,但是在校验准确性上明显存在很大的不足。

2024-08-01 11:22:06 490

原创 使用 jQuery操作 DOM

/ 在被选元素之前插入已有的元素,已有的元素会被移动到新的位置$(内容).insertBefore(选择器);$(选择器).css({cSS属性名1:css样式值1,css属性名2:css样式值2,...});$(选择器).attr({属性名1:属性值1,属性名2:属性值2,...});$(选择器).each(function(元素下标,元素本身){$(选择器).css(css属性名,css样式值);$(选择器).removeclass("类名");$(选择器).addclass("类名");

2024-07-31 11:14:34 482

原创 前端——jQuery中的事件与动画

jQuery 事件jQuery 事件事件组成在 jQuery 中,一个事件由事件主体、事件类型、事件处理函数三个部分组成。// 实现事件//...})// 调用事件。

2024-07-31 10:58:42 684

原创 jQuery基础及选择器

jQuery 简介jQuery 简介jQuery 是一个快速、小型且丰富的 JavaScript 库。jQuery 设计的宗旨是“write less,do more”,即倡导写更少的代码,做更多的事情jQuery 并不是代替 JavaScript,在 jQuery 的内部仍然是调用 JavaScript 实现的jQuery 的优势:轻量级:jQuery 非常轻巧。强大的选择器:jQuery 几乎支持所有的 CSS 选择器,以及 jQuery 自定义的选择器。

2024-07-31 10:39:29 986

原创 前端——JavaScript 面向对象

在 JavaScript 中,每当定义一个对象(函数也是一个对象)的时候,对象中都会包含一些预定义的属性,其中每个函数对象都有一个 prototype 属性,这个属性指向函数的原型对象。当创建一个对象时,如果该对象所属的构造函数定义了原型对象,那么这个对象就会继承原型对象中的属性和方法。一个原型对象是另一个原型对象的实例,相关的原型对象层层递进,就构成了实例与原型的链条,就是原型链。在 JavaScript 中,constructor 属性用于返回对象的构造函数,其返回值是函数的引用,不是函数名。

2024-07-26 11:50:26 440

原创 前端——JavaScript操作BOM与DOM

specs:窗口特征属性(窗口的宽度width、窗口的高度 height),属。node.attr 获取节点的attr属性值,只支持节点自带的属性的值。对于文本节点,节点的值树文本内容,对于属性节点,节点的值包含属。node.getAttribute(attr) 获取节点的 attr属性值,支持获取自定义属性的值。firstElementChild 获取当前节点的第一个子节点,不包含文本节点和注释节点。

2024-07-26 11:27:19 818

原创 前端——JavaScript 基础

JavaScript 简介JavaScript 简介JavaScript 是一种具有函数优先原则的轻量级、解释型、即时编译型的编程语言。函数优先原则:函数可以和其他任何变量一样对待,而且函数的优先级会被提升。轻量级:语法和 Java 类似,语法简单易学。解释型:代码在运行时直接由解释器逐行解释和执行,而不需要事先将代码编译成机器码。即时编译:在运行时将JavaScript代码编译成机器码。

2024-07-26 10:28:05 1125

原创 前端——CSS动画

正值:元素过渡效果不会立即。指定浏览器的过渡速度,以及过渡期间的操作进展情况。会触发过渡效果的情况,即让一个元素有多态样式的情况有:伪类触发:如hover、active、focus、checked等。animation 动画属性通过设置关键帧、调用关键帧的方式来实现动画效果,支持复杂的动画效果。animation:动画名称 动画时间 动画方式 延迟时间 播放次数 播放方向 播放状态 动画时间外的状态。播放状态 running:将暂停的动画重新播放 paused:将正在播放的元素动画停下来。

2024-07-18 18:27:09 527

原创 前端——CSS浮动与定位

没有设置浮动的文字会浮动在浮动元素周围显示,这是浮动的特殊情况。浮动的文字段落在没有设置宽度的情况下会占满一行。元素既具有行内元素的特性,也具有块元素的特性。块级元素(block):

2024-07-17 13:53:52 1020

原创 前端——CSS盒子模型

盒子模型原理在 CSS 中,矩形对象统称为盒子(box)盒子模型由网页内容(content)、边框(border)、内边距(padding)、外边距(margin)组成。盒子模型的边框、内外边距有上(top)、下(bottom)、左(left)、右(right)四条边,设置样式时可以分别设置。边框颜色border-color 属性用于设置盒子模型的边框颜色。border-color 属性的基本用法:所有边框的颜色值;border-color:上下边框颜色值 左右边框颜色值;

2024-07-11 16:24:30 914

原创 前端——初识CSS

基本结构基本结构CSS 全称层叠样式表或风格样式表,用于美化 HTML 网页。Css 基本用法选择器{样式属性:值;样式属性:值...在 HTML 中引入 CSS在 HTML 文件中引入 CSS 样式的方法有:行内样式:使用 HTML 标签的 style 属性设置 CSS 样式。内部样式表:使用标签设置 CSS 样式。外部样式表:CSS 代码保存在.css样式表中,在 HTML文件中使用

2024-07-11 09:58:13 761

原创 前端——HTML5 基础

前端备忘录(复习笔记)--前端基础

2024-07-03 08:34:36 562

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除