- 博客(16)
- 收藏
- 关注
原创 作用域 解构 箭头函数
1.局部作用域 就是定义局部变量的地方,执行完毕以后,内存立刻回收局部变量包括 在函数内部 ,for循环里面的变量2.在整个script标签或者整个JS都能访问的变量 属于全局变量,作用范围就是全局作用域整个.js文件中定义的变量 ,跨域文件和跨域script 标签也可以访问全局变量能跨域 .js文件和script标签3.作用域链 作用域链就是变量的逐级查找机制 ,遵循的原则是就近原则4.闭包 闭包 = 内层函数 + 外层函数的变量作用 : 拓展局部变量的作用范围 没事少用闭包 会造成内存泄漏
2022-07-10 20:11:19
404
原创 dom节点 移动端滑动
系统默认时间 const date = new Date(); // 系统默认时间方法 调用时间对象方法 const date = new Date();const year = date.getFullYear()getFullYear 获取四位年份getMonth 获取月份,取值为 0 ~ 11getDate 获取月份中的每一天,不同月份取值也不相同getDay 获取星期,取值为 0 ~ 6getHours 获取小时,取值为 0 ~ 23getMinutes 获取分钟,取值为 0 ~ 59ge
2022-07-05 20:06:40
170
原创 dom事件进阶
阻止事件冒泡需要拿到事件对象 语法: L2级别 : addEventListener方式,必须使用: 给父元素注册事件 ,里面的子元素也能有事件效果6.页面加载事件6.1 给windows添加 load 事件 不光可以监听整个页面资源加载完毕,也可以针对某个资源绑定load事件 总结:load 事件: 监听整个页面资源给 window 加 监听真个页面滚动 给 window
2022-07-03 20:57:36
210
原创 dom事件基础
语法: mouseenter 和 mouseleave 不冒泡mouseout 和 mouseover 冒泡事件对象也是个对象 , 这个对象有事件触发时的相关信息在事件绑定的回调函数的第一个参数就是事件对象 形参语法: 5.回调函数如果将函数 A 做为参数传递给函数 B 时,我们称函数 A 为回调函数 简单理解: 当一个函数当做参数来传递给另外一个函数的时候,这个函数就是回调函数 回调函数本质还是函数,只不过把它当成参数使用click(),调用该方法时,相应的D
2022-07-02 20:23:51
111
原创 Dom获取 属性操作
匹配的是第一个元素 如果没有匹配到,则返回null。 可以直接操作修改语法: 获取到的是一个伪数组 ,没有获取到是一个空数组 伪数组里面的元素才是我们要的DOM对象之所以是伪数组,因为不能添加删除里面的内容需要通过数组的下标进行修改语法 : 列如 :只针对与双标签 innerText 只针对文本 ,不解析标签 innerHTML 针对文本又可以解析标签语法 : 语法 : 3.className 操作DOM对象.className =
2022-06-29 20:11:03
1171
原创 对象的基础使用
对象是一种数据类型 ,是一种无序数据的集合,它可以详细的描述某个事物对象申明语法 : let 对象名 = { }或者 : let 对象名 = new object ( ){ } 是对象字面量的意思对象由属性和方法组成let 对象名 = { 属性名 = 属性值 方法 = 函数 }对象方法的调用 对象名.方法名c
2022-06-26 20:21:59
304
原创 js基础函数 作用域
函数是把具有相同或相似逻辑的代码"包裹"起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势是有利于 精简代码方便复用。 语法: function 函数名( ) { 函数体 }函数的调用: 函数名( )函数不调用 自己不会执行全局作用域作用于所有代码执行的环境(整个 script
2022-06-25 00:26:18
123
原创 运算符 语句
将等号右边的值赋予给左边, 要求左边必须是一个容器2.一元运算符一元运算符: 仅操作一个操作数. 比如: 正负号等自增自减运算符: 前置自增 自身先加1,再参与运算 后置自增 再参与运算,自身先加1, 到了运算符的另一边自身加1 3.比较运算符等于和全等的区别, 推荐使用全等如果是数字和"其他值"的比较 则其他值会自动转换成数字去比较如果是"字符串"和"字符串"比较 则会比较每一个字符的ASCII码,同时是按位进行比较 如果是布尔值参与比较 布尔值会转换成数字0和1涉及到"
2022-06-21 20:14:09
150
原创 JS 变量 常量 数据类型 类型转换
2.变量let变量是计算机存储数据的容器允许声明和赋值同时进行不允许重复声明允许同时声明多个变量并赋值JavaScript 中内置的一些关键字不能被当做变量名只能是字母、数字、下划线、$,且不能能数字开头字母区分大小写,如 Age 和 age 是不同的变量JavaScript 内部已占用于单词(关键字或保留字)不允许使用尽量保证变量具有一定的语义,见字知义使用 const 声明的变量称为“常量”。使用场景:当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。可以是整数、小数
2022-06-20 20:18:35
375
原创 修改placeholder文字 文字换行省略号 背景图固定 鼠标经过图片闪光效果
1.文字换行需要给当前p标签盒子设置宽度2.设置隐藏3.添加文本溢出省略背景图固定后放大缩小背景图不会改变 没添加的效果 添加后的效果设置一个盒子一样大的盒子 ,设置如图, 盒子从左移到右边 还需要给蓝色盒子设置一个溢出隐藏效果 transition: all 0.8s;加给伪元素盒子 ,只会闪光一次不会往复...
2022-06-19 15:51:31
689
原创 头部导航栏和底部 图片pic 字体图标设置文字大小
用position: fixed;固定在游览器上面,下方的内容需要margin导航栏的距离,防止下方内容遮住了图片用pic套起来,需要给pic设置高宽字体图标的文字大小要单独设置,不单独设置的话 继承
2022-06-17 19:55:34
280
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人