- 博客(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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人