- 博客(11)
- 收藏
- 关注
RSS订阅原创 JavaScript--原型
一.创建对象的三种方法 1：字面量 var obj = {} 2：利用构造函数创建对象 function Star(name,age){ this.name = name this.age = age this.sing = function(){ console.log("我会唱歌") } } var s = new Star('张三',23) 3:利用new Object() 创建对象 var o = new Object() 二、构造函数： 其实也是函数，只不过构造...
2022-05-15 11:15:09
182
原创 选项卡案例
问题描述： 当鼠标点击不同的新闻标题时，内容框中会出现相应新闻的内容，例如新浪新闻的网页。 主要知识点： 阻止浏览器默认行为:<a href="javascript: ;"></a> 使用for循环，循环给li添加点击事件， 原理：for循环在点击事件执行之前就已经执行完成，所以在for循环中i值会固定了。在此处若要使用i，则给oLi添加自定义属性用来存放oLi下标。 <!DOCTYPE html> <html lang="en"> <
2022-05-09 19:52:11
491
原创 正则表达式实现表单验证案例
正则表达式对象的方法： reg.test(str); 阻止浏览器的默认行为： 第一种方法：e.preventDefault(); 第二种方法：<a class="submit" href="javascript:;">下一步</a> //html部分 <div class="xtx-wrapper"> <div class="container"> <!...
2022-05-08 18:28:38
668
原创 事件-----拖拽案例
问题描述： 设置一个盒子在盒子顶部设置标题部分和返回按钮，当鼠标按在标题部分时，整个盒子会随着鼠标在页面可视区域内移动，当按返回按钮时，让盒子沿着鼠标移动的路线返回 主要知识点： offsetWidth和offsetHeight：盒子的当前位置相对于其所在父对象的宽度和高度，本案例中盒子的父对象时整个页面 offsetX和offsetY：鼠标当前位置相对于其所在对象的边的距离（相对坐标值） pageX和pageY：鼠标当前位置到页面边的距离（绝对坐标值） <!DOCTYPE html
2022-05-06 20:50:20
202
原创 冒泡排序与选择排序
1.冒泡排序 冒泡排序：相邻的两个数进行比较，符合条件，交换位置 从大到小：相邻的两个数进行比较 ，后面的大于前面的，交换位置 /* 9 6 7 3 2 15 9 7 6 3 15 2 第1轮 比较 5次 9 7 6 15 3 2 第2轮 比较 4次 9 7 15 6 3 2 第
2022-04-25 22:13:01
231
原创 JavaScript语法，for循环嵌套及案例
for循环嵌套 for(外循环的初始；外循环条件；外循环的更新操作){ for(内循环的初始；内循环条件；内循环的更新操作){ //需要执行的代码 }} 内循环可以看作外层循环的循环体语句 内层循环执行的顺序也要遵循for循环的执行顺序 外层循环执行一次，内层循环要执行全部次数 案例 使用JavaScript打印九九乘法表 首先使用for循环打印一个正的直角三角形 1.外层循环控制打印几行；内层循环控制一行打印几个星星 2.在每一行打印完成之后需要换行。 思路：...
2022-04-19 18:44:39
1994
1
原创 渐变背景小案例
1.给图片加透明色，要求：当鼠标放在图片上时，会有红色的渐变色缓慢覆盖图片。 方法：通过给box设置背景图片和平面转换的平移完成 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co
2022-04-09 21:43:42
135
原创 CSS精灵图，字体图标，弹性盒
CSS样式学习 思维导图 CSS 字体图标 阿里巴巴图标库：https://www.iconfont.cn/ 使用方法： （1）注册登录阿里巴巴图标库 （2）创建一个项目 （3）点击下载“代码” （4）将文件名改为：font （5）将font文件夹下的 iconfont.css引入页面 使用方式一：Unicode使用 拷贝项目下面生成的@font-face 定义使用iconfont样式 挑选相应图标并获取字体编码，应用于页面 例如： 使用方法二：font-class引用 将font文件夹下的 ic
2022-04-08 21:38:44
158
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人