- 博客(24)
- 收藏
- 关注
原创 JS之盒子的宽高问题,鼠标在盒子中跟随,拖拽,图片切换,滑动验证,放大镜功能的实现等
JS之盒子的宽高问题,鼠标在盒子中跟随,拖拽,图片切换,滑动验证,放大镜功能的实现等
2021-12-28 23:11:20
993
原创 选项卡实现
思路:用querySelector获取元素的值,得到的NodeList数组可以使用foreach()方法,循环绑定点击事件,清除所有按钮上的active和show样式,再给当前点击的按钮加上active和show样式css代码 p{ display: none; } .active{ color: red; } .show{ display:
2021-12-25 18:00:00
378
原创 day_14 Js之DOM的基本操作
一、DOM 新增1、innerHTML2、 创建一个文本节点 createTextNode() 创建标签节点 createElement() 插入 在最后插入 appendChild() 在指定的元素前面插入 insertBefore(要插入的元素,指定的元素) var oDiv = document.querySelector('.a')...
2021-12-25 17:22:19
227
原创 简易轮播图
思路:css代码: <style> *{ padding: 0; margin: 0; } img{ margin: 50px auto; display: none; width: 1300px; height: 460px; } .banner{ ..
2021-12-23 20:57:14
341
原创 2021.12.22周三 二阶段 day_13 js笔记
一、知识点回顾1. BOM --- window对象 重新认识变量和函数 都属于window对象的属性和方法 属性 navigator userAgent history length go() location 地址栏相关信息 http://www.jd.com:80/htm...
2021-12-22 23:44:58
371
2
原创 2021.12.21周二 二阶段 day_12 js笔记
一、知识点回顾注册验证 字符串的方法和数组的方法 验证输入是否正确 为空 === ‘’ length === 0 trim()去掉首尾空格 长度 length 数字开头 第一位是不是数字[0,1,2,3,4,5,6,7,8,9] 非法 ...
2021-12-21 20:50:17
208
原创 2021.12.20周一 二阶段 day_11 js笔记
一、知识点回顾1. flex : 1 -> flex: 1 1 auto ; ( flex-grow ; flex-shrink ; flex-basis)2. 数组转字符串 join()3. 字符串转数组 split()4. 获取年 getFullYear()5. 月份推到下个月 setDate(32-58) setDate(1-28) setMonth(getMo...
2021-12-21 00:48:04
285
原创 2021.12.16周四 二阶段 day_09 js笔记
一、知识点回顾 // 数组的基本方法: // shift() pop() push() unshift() 直接改变原数组 // 数组的常用方法 // splice(i , howmany, v1 , v3 ...)删除,替换,新增 // includes() indexOf() // join() 转换字符串 // concat() 拼接数组,得到新的数组
2021-12-17 01:04:52
212
原创 2021.12.15周三 二阶段 day_08 js笔记
一、知识点回顾 // 函数: // 封装性,复用性,调用性 // 函数名 小驼峰 (首字母不要大写) // 形参: // 函数声明时的参数 // 用于接收实参的 // 本质上是局部变量 // // 实参: // 函数调用时的参数 // 返回值
2021-12-15 23:54:23
84
2
原创 2021.12.14周二 二阶段 day_07 js笔记
一、事件处理函数的问题 // 代码并不永远是从上而下执行的 console.log(111); // 111 // 事件处理函数是后面才执行,也就是点击的时候才会执行 document.onclick = function (){ console.log(666); } console.log(222); // 222///////////////////////////////
2021-12-15 00:53:35
1068
原创 2021.12.13周一 二阶段 day_06 js笔记
一、知识点回顾// js作用 // 操作 html + css // 动态渲染数据 // 数据类型:number / string / boolean / null / undefined // 判断数据类型 typeof // 转换 // ...
2021-12-14 01:55:41
1128
原创 2021.12.10周五 二阶段 day_05 js笔记
一、知识点回顾 // 循环 // while 条件复杂的循环语句 // do while 至少执行一次 // for 已知循环次数 // 注意 // 嵌套 外层循环走一下,内层循环走一圈 // break / continue // 100以内所有的质数
2021-12-11 11:47:58
538
原创 2021.12.9周四 二阶段 day_04 js笔记
一、听写 // 1.基本数据类型 number boolean string null undefined // 2.type of //*3.拿到null 说明没取到 // (id写错了) // 4.oBtn.onclick=function(){} //*5.var oInp = document.getElementById('inp') // 获取输入框的值 var n1 = oInp.value // va
2021-12-09 23:37:11
211
原创 2021.12.8周三 二阶段 day_03 js笔记
一、知识点回顾 // 1 输出语句 // var n1 = 2 ; // var n2 = 3 ; // var sum = n1 + n2 ; // document.write(sum); // alert(sum); // console.log(sum); // 放在输入框里面 oInp.value = sum // 2 数据类型
2021-12-09 00:11:43
159
原创 2021.12.7周二 二阶段 day_02 js笔记
一、听写// 1 页面的三种输出 // alert() // console.log() // document.write() // 2 基本数据类型 // string number boolean null undefined // 3 变量命名的要求和规范 // 数字,字母,下划线,$组成;数字不能开头;不能使用关键字和保留字...
2021-12-08 00:48:44
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人