- 博客(60)
- 收藏
- 关注
RSS订阅原创 前端第二周，Javascript--操作元素的css样式
行内样式css属性必须要转换成JS的格式连接符(-)连接单词首字母大写连接符去掉border-width 写成 borderWidthtext-align 写成 textAlignfont-size 写成 fontSizeanimation-timing-function 写成 animationTimingFunction//'400px'//'300px'//'10px'//'10px'//'center'一次设置标签的多个属性样式 --- cssText。
2023-08-27 13:13:23
172
原创 前端第二周，Javascript--鼠标事件
console.log('鼠标在元素上 单击（左键）了');console.log('鼠标在元素上 双击（左键）了');console.log('鼠标在元素上 单击（右键）了');console.log('鼠标在元素的范围内 移动');console.log('鼠标在元素上 按下 了');console.log('鼠标在元素上 抬起 了');console.log('鼠标移入了元素范围');console.log('鼠标移出了元素范围');
2023-08-27 13:03:48
577
原创 前端第二周，Javascript--获取元素 以及 ES5新增
这是一个span标签这是一个div标签111console.log(c[1]);//在这里访问的是索引。这是一个p标签111111这是一个h3标签这是一个div标签333333
2023-08-27 12:45:44
196
原创 前端第二周，Javascript--navigator,location,history
/'Netscape'是一个网景公司的名字。//参数为一个数字，正值前进，负值后退，数字是几就操作几步。//说去地址栏中的和后面的参数内容。
2023-08-27 12:37:37
91
原创 前端第二周，Javascript--间隔定时器
document.body.innerHTML = '距离2023年国庆还有' + day + '天' + doubleNum(hour) + ':' + doubleNum(min) + ':' + doubleNum(sec);document.body.innerHTML = '现在是' + year1 + '年' + month1 + '月' + day1 + '日 ' + hour1 + ':' +min1 + ':' + sec1;//多少天 一天有60*60*24===86400秒。
2023-08-27 12:18:41
104
原创 前端第二周，Javascript--BOM浏览器对象模型
/通过这些规范你可以通过一些浏览器内置的属性和方法，让Js有能力操作浏览器。var f2 = window.confirm('他会给你干家务吗');window.prompt('你的男朋友是你喜欢的类型吗')//浏览器对象模型：浏览器定制了规范、规则。window.alert('你的男朋友是个小孩子么');var f1 = confirm('你愿你不分离吗');prompt('你的男朋友是你喜欢的类型吗');alert('你的男朋友是个小孩子么');浏览器中最大的对象，是Js中顶级对象。
2023-08-27 12:01:28
44
原创 前端第二周，Javascript--时间对象的方法
document.write('现在是' + year1 + '年' + month1 + '月' + day1 + '日' + hour1+ ':' + min1+ ':' + sec1）;// 当前的毫秒。// 当前的星期。// 当前的月份。//0表示星期日，1表示星期一，2表示星期二，......，6表示星期六。// 当前的分钟。//因为0表示1月，1月表示2月，.....11月表示12月。
2023-08-26 11:41:17
53
原创 前端第二周，Javascript--时间对象Date
/ 时间对象也是Js中使用频率非常高的对象，页面中很多的效果也是依赖时间对象来完成的。//因为这种传参方式下，0表示1月，1月表示2月，......11月表示12月。当前时间-- 创建日期对象这句代码被执行的那一刻的时间。指定时间 --- 传参指定获取一个过去或未来的时间。
2023-08-26 11:34:12
56
原创 前端第二周，Javascript--字符串的方法
indexOf('字符'，index) .lastIndexOf('字符',index) substr(index,num)substring(index,index) slice(startIndex,stopIndex) split('字符')//'期三，明天是星期，是不是' 同时也包含负值的元素在数组里就不是了。//'明天是星期，是不是可V我50'var c1 = str5.replace('你们', '乐乐')var c2 = c1.replace('你们', '乐乐')
2023-08-26 11:28:40
69
原创 前端第二周，Javascript--选择排序ASCII字符集
/true 9和9比较 在比较第二个数字3和0比较 所以大于。//https://www.habaijian.com/ 链接。
2023-08-26 10:44:38
246
原创 前端第二周，Javascript--Math对象
/NaN 首先要把'hello'转换成number类型，在转换的过程中他不是一个数字，所以就不能转换成数字。//随机生成的0-1之间的数字。//(max-min+1)加一是为了更好的向下取整。//提供了一些可以操作 数字 的 属性 和 方法。//获取指定区间的随机数字。//是js的一个内置对象。
2023-08-26 10:29:05
104
原创 前端第二周，Javascript--堆栈存储 +值传递和引用传递
/{ name: '小明', age: 18 };//{ name: '小明', age: 19 };//{ name: '小明', age: 18 };//{ name: '小明', age: 19 };//所以当该变其中一个变量的值时，另外一个变量也会发生该该变。var obj1 = { name: '小明', age: 18 };// 引用数据类型在比较时，比较的是 引用地址。//俩个变量都指向内存中的。o.name = '男神';name: '帅哥',
2023-08-26 10:11:06
67
原创 前端第二周，Javascript--arguments对象
/案列：定义函数，计算函数调用时，传入实参数字的的相加之和，实参的个数不确定，可以是任意个。//在这里就可以打印出来fn1里的数字。2.arguments对象会将函数的。3.arguments对象 是一个。1.arguments对象。，当函数被调用时，在函数内 部出现。，就是一个类似数组的对象。
2023-08-26 10:00:11
128
原创 前端第一周，Javascript--天练习
/ 编写函数，可以通过 传入参数 计算 1到任何值 每个数字的阶乘相加之和，参数为一个数字。// 声明两个变量，初始的值为 第一项的值 和 第二项的值，都是 1。// 内层循环，控制实现外层循环变量数值的 阶乘结果。// 将当前循环数字的阶乘结果加给sum保存。// 接收当前循环数字的结果的变量。// 接收每个数字阶乘结果相加之和的变量。// 接收每个数字阶乘结果相加之和的变量。// 外层循环，控制计算几的阶乘。// 接收每个数字阶乘结构的变量。// 外层循环，控制计算几的阶乘。
2023-08-23 17:17:13
59
原创 前端第一周，Javascript--天练习
console.log('-----------------华丽的分割线--------------');console.log('-----------------华丽的分割线--------------');// 控制验证外层循环的数字是否为数字，从 2到比外层循环的数字-1的数字区间验证。// 控制验证外层循环的数字是否为数字，从 2到比外层循环的数字-1的数字区间验证。// 控制循环所有需要验证是否为素质的数字，每循环一次的循环变量都是需要验证的数字。// 跳出循环，跳出的是内层循环，
2023-08-23 17:16:55
49
原创 前端第二周，Javascript--选择排序
/ 比较开始前先假设最小值，第几轮开始，就先假设第几个最小值，// 就将当前比较出小的值的索引 作为新的假设值。// 比较开始前先假设最小值，第几轮开始，就先假设第几个最小值，//就将当前比较出小的值索引 作为新的假设值。// 判断如果假设的最小值，比后面的值 大。// 循环和 初始假设的最小值比较的数组项。//判断如果假设的最小值，比后面的值 大。//循环和 初始假设的最小值比较的数项组。//使用变量假设得最小值索引保存。//使用变量将假设的最小值索引保存。// 返回排序后的数组。
2023-08-23 17:16:16
45
原创 前端第二周，Javascript--冒泡排序
j++) {//因为第一轮时最大值已经放在最后，第二三..轮后最大值就不进行比较了所以在这里要再减去一个i。if (numarr[j] > numarr[j + 1]) { //索引进行比较第一个为0 第二个为0+1=1 依此类推。//交换 循环变量当前的这个值 和下一个值 的位置。// 判断循环变量当前的这个值如果大于下一个值。//判断循环变量当前的这个值如果大于下一个值。//控制数组每一轮比较的次数。//控制数组完成排序需要多少论比较。//控制数组每一轮比较的次数。//封装数组冒泡排序的方法。
2023-08-23 17:15:54
36
原创 前端第二周，Javascript--数组去重的方法
console.log('-----------------华丽的分割线--------------');//判断arr2中是否存在当前遍历到的arr1数组中的值，如果没有返回-1，条件成立。//将arr2中没有的值添加到arr2数组中。// 遍历需要去重的数组arr。// 设定一个空数组。//封装实现数组去重的方法。//遍历arr1数组。
2023-08-23 17:15:26
34
原创 前端第二周，Javascript--数组的方法（不会改变原数组的方法）
/['hello', 123, 999, 'abc', true, 666, 'haha', false] 不会改变原数组。//如果传入俩个参数，表示从第一个索引位置（包含）截取到第二个所以位置（不包含）//如果之传入一个参数，就是从这个索引位置开始截取到数组结束。//如果不传入参数，和toString()方法的结果一样。//条件结果为false（不符合）的值 过滤掉。//条件结果为true(符合)的值 保留。//找<=40的数字。
2023-08-23 17:14:54
108
原创 前端第二周，Javascript--数组的方法（会改变原数组的方法）
/ ['hello', 123, '弟弟', '妹妹', 'haha', false]console.log(b);//[100, 28, 34, 45, 7, 77, 86] 有现象开头数字按小到大排序。//如果传入俩个参数，第一个参数指定的索引位置（包含）开始一直删除到第二个参数指定的个数。var g = arr4.splice(2, 4, '弟弟', '妹妹');//如果只传一个参数，表示从指定索引位置（包含）开始一直删除到数组结束。
2023-08-23 17:14:26
87
原创 前端第二周，Javascript--二维数组
console.log('-----------------华丽的分割线--------------');console.log('-----------------华丽的分割线--------------');//可以采用循环嵌套的形式实现。//对于二维数组的遍历。
2023-08-23 17:13:16
70
原创 前端第一周，Javascript--遍历数组
/ 在for...in循环中 循环变量 自动会是 所要遍历的数组的 索引，从0开始。// js专门新增了一种循环体，实现对于 数组(对象) 的遍历。// 计算arr2数组中每个值相加之和。// for...in 循环。
2023-08-23 17:12:57
37
原创 前端第一周，Javascript--数组的索引和长度
/false//true//'hello'arr1[7] = '今天是星期一上课有点累'// [true, 'pink', 'hello', 222, 566, 'number', 'world', '今天是星期一上课有点累']
2023-08-23 17:12:34
102
原创 前端第二周，Javascript--Array-数组
/[空属性empty x 5]//通过中括号定义数组，中括号中的数据就是每个数组中的数据（元素）//传入一个非数字参数，这个值就是数组的中的数据（元素）//传入一个数字参数，就创建一个长度为这个数字的数组。//传入多个参数，每一个参数都是数组中的数据(元素)//引用数据类型（对象数据类型/复杂数据类型）//Function -- 函数。//不传参，就创建一个空数组。//Array --数组。
2023-08-22 11:37:00
48
原创 前端第一周，Javascript--简单的递归练习
return 1// ......// 1// 5050// 1275// 55return 1;// 3628800// 120。
2023-08-22 11:35:44
107
原创 前端第一周，Javascript--变量的作用域
/ 在全局作用域访问局部变量是：访问不到，会报错 Error: num3 is not defined。//Error: n is not defined 函数的形参也是一个局部变量，在函数外部访问不到！//50 因为在上一个函数局部里 num1他定义的是全局，所以在这里num1是：50。num1 *= 5 //在这里他没有加var意味着他现在是一个全局变量，它具有影响。//40 形参是局部变量,在外面是访问不到结果的。//在局部访问全局变量。
2023-08-22 11:35:03
38
原创 前端第一周，Javascript--全局变量和局部变量重名
console.log('-----------------华丽的分割线--------------');//70 已经改变全局变量的值 现在是70。//改变局部变量的值。
2023-08-22 11:34:07
424
原创 前端第一周，Javascript--变量名和函数名重复时
/调用了整体 ƒ xyz(){console.log('xyz函数被调用了');//调用了整体 ƒ xyz(){console.log('xyz函数被调用了');//调用了整个函数：ƒ abc(){console.log('abc函数被调用了');console.log('abc函数被调用了');console.log('xyz函数被调用了');//xyz函数被调用了。
2023-08-22 11:33:02
314
原创 前端第一周，Javascript--预解析-变量和函数的提升
/Error: c is not defined(c没有定义变量)这个结果意味着，在没有（var）声明之前访问会报错，只有用var关键字声明才会提升！//这样就提升了整个函数体：ƒ fn1(){ console.log('fn1函数被调用了');console.log('fn1函数被调用了');console.log('fn2我被函数调用了')//就是按照变量的提升规则进行提升。
2023-08-22 11:32:27
32
原创 前端第一周，Javascript--控制台输出语句 copy
console.warn('你的第50行代码有一点问题，但是问题不大');console.error('你的代码在地21行有错误')console.group('美女四姐妹')console.log('你好世界');console.log('亲爱的乐乐')console.log('老三');console.log('老小');console.log('老大')console.log('老二')
2023-08-22 11:29:49
72
原创 前端第一周，Javascript--函数的参数
函数的四要素 函数名 --- 命名规则同变量的命名规则 函数体 参数：形参 --- 形式参数；实参 --- 实际参数； 返回值 // 函数的参数 --- 可以使一个具有特定功能的函数变的更加灵活 // 形参 --- 形式参数 // 在定义函数时设定参数叫做 形参 // 形参其实就是一个变量，但是这个变量只
2023-08-21 21:20:10
77
原创 前端第一周，Javascript--函数function
/控制九九乘法表的行数，每循环一次就表示一行，！循环变量可以作为一个因数使用。console.log('这是一个赋值函数fn2');console.log('这是一个fn1函数');//赋值式函数--匿名函数--定义的函数没有名字而是把函数赋值给变量保存。// 函数名 ---命名规则同变量的命名规则。
2023-08-21 21:19:51
57
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人