03 2022 档案
摘要：例：正着删 1 结果： 例：正着删 2 结果： 例： 倒着删除 结果： 例： 用while删除 结果：
阅读全文
摘要：事件处理程序 - 函数 （不是函数调用） 例1、鼠标单击 结果： 例2、还是鼠标单击 将上面得到的函数重新赋值给一个变量 然后通过父标签ul 来绑定ul下所有的子标签 li 例3、通过window来绑定敲击键盘 结果：
阅读全文
摘要：数组的细节： 1.数组中存放的数据，类型是没有限制的，可以存放任意数据的类型 2.数组中小空间的编号，永远都是从0开始，依次向后递增的，数组中第一个小空间的编号，永远都是0 3.数组中最后一个小空间的编号，永远都是 数组中数据的个数的-1 4.获取数组中的数据的个数：数组.length获取 - 数组
阅读全文
摘要：1、概念 因为数组也是object对象类型，只要是对象类型，就可以使用对象的遍历方式去遍历数组 可以使用for in （for i）这种语法来遍历数组 例：用for in 来遍历数组 结果 例：用for i 来遍历数组 结果： 2、for in 和 for i 的区别： 区别1:for in 遍历出
阅读全文
摘要：object数据类型的时候，object有3种表现形式 1、 null - 空 2、{ } - 对象，一个大的内存空间存储多个小的内存空间，键值对组成 3、[ ] 其中 {}定义的对象[ ]定义的数据有什么区别？ {}对象中，数据是由多个键值对组成的。多个键值对之间是没有顺序的。 例：[ ]定义的数
阅读全文
摘要：for小括号中的定义： 1、初始值是一个定义变量的语法，可以一次性定义多个变量 2、初始值的定义可以放在循环体结构之外，但是该有的分号不能少 3、变化可以不放在小括号中，分号不能少 4、条件可以省略 --条件默认是true 语法： for(初始值；逻辑条件；初始值的变化){ 当条件为true的时候重
阅读全文
摘要：语法： 使用说明： 1、break表示当前分支执行后就结束switch的运行，后续代码不再运行 2、default可以理解为判断语句中的else 3、case理解为if来判断这个变量是否全等于某个值 例： 结果： switch的穿透写法： 如果case后面不写break，那当前case执行后，会继续
阅读全文
摘要：if条件的结果是布尔值,所以可以将布尔值当做条件放入if的小括号中 例： 结果： 如果将别的非布尔值的表达式或者数据放入条件小括号中，会发生隐形的类型转换 例： 代码： 结果：
阅读全文
摘要：例：定义三个变量，求出三个值中的最大值。 var a,b,c 代码：
阅读全文
摘要：1、关系/比较运算：在比较大小 —— > < >= <= 2、比较运算的结果一定是布尔值 相等 == 代码： 结果： 全等 1、先比较类型是否相等 ，然后如果类型不相等的话，直接就得到false结果了，如果类型相等，再比较值是否相等 例： 结果： 不相等 ！= 因为 == 、 ！= 的结果一定是相反
阅读全文
摘要：小数计算不精准 代码： 结果： 解决方法： 1、将所有小数乘以10的多少次方，得到一个整数相加，再整体除以10的多少次方 代码： 结果： 方法2、利用js提供的工具：强制保留小数点后几位——toFixed(要保留的位数) 代码： 结果：
阅读全文
摘要：设置行间距： css：grid-row-gap：像素； css代码： <style> .box{ width: 300px; height: 300px; border:1px solid #000; margin: 50px auto; display: grid; grid-template-r
阅读全文
摘要：## 概念 将一个盒子划分成多个单元格，指定内容放在指定的单元格中，实现一种比较整齐的布局方式。例如：9宫格 css代码： .box{ width: 300px; height: 300px; border: 1px solid #000; /* 网格布局 */ display: grid; gri
阅读全文
摘要：渐变：渐变指的是颜色的渐变，从一个颜色慢慢过渡到另一个颜色。渐变分两种，一种是沿着一条直线发生渐变，另一种围绕一个圆心发生渐变。 线性渐变 语法： ```cssbackground-image: linear-gradient(to 上/下/左/右, 颜色, 颜色, ....); 方向可以是左上，右
阅读全文
摘要：定义动画： @keyframes 动画名称{ 关键帧： 百分比： {样式} } 使用动画： 复合写法 ： animation: 动画名称 动画需要的时长 速度方式 延迟时间 infinite/次数 是否反向运动 动画结束是否停留在结束位置; 单一写法： animation-name：动画名称 ani
阅读全文
摘要：父标签： transform-style: preserve-3d; perspective: 1200px; perspective-origin: 50% 50%; 子标签： 轴平移，正数距离眼睛更近 transform: rotateX() rotateY() rotateZ() 围绕x轴旋转
阅读全文
摘要：3d： 俗称3d变换，指基于3d立体的角度来设置盒子。例如，将盒子设置为立方体。3d的效果跟2d是一样的，有平移和旋转，不同点在于，2d只有x轴和y轴，3d会多一个z轴，用于表示立体。3d的效果通过需要远距离观察才能看出立体效果，因为距离太近，我们只能看出平面的2d效果，这就需要在设置3d变换效果之
阅读全文
摘要：css样式代码： .big{ width: 1000px; height: 300px; border: 1px solid #000; margin: 100px auto; } .small{ width: 100px; height: 100px; margin-top: 100px; bac
阅读全文
摘要：css样式代码： .big{ width: 500px; height: 500px; border: 3px solid #000; margin: 100px auto; position: relative; } .small{ width: 98px; height: 146px; posi
阅读全文
摘要：属性：属性值； position：fixed; 1、定位参考坐标为浏览器窗口 2、配合top/left/right/bottom属性使用 3、会脱离文档流，不占位
阅读全文
摘要：第一种相对定位 position：relative； 第二种绝对定位 position：absolute； top:0; left:0; right:0; bottom:0; margin:0auto; 第三种弹性盒模型 变成容器 display:flex; 主轴方向居中（默认为水平方向） just
阅读全文
摘要：属性：属性值； position:absolute 1、定位参考对象为有定位的父级元素,如果父级元素没有定位则参考根元素 2、配合方向属性top/left/right/bottom使用 3、绝对定位会脱离文档流，不占位 4、子绝父相 5、层级顺序z-index：number；数字越大在上层显示，默认
阅读全文
摘要：属性：属性值； position:relative; 1、相对自身位置定位，不会脱离文档流 2、配合top/left/right/bottom属性使用
阅读全文
摘要：属性：display 属性值：block块元素（显示元素） inline行内元素 inline-block行内块元素 none隐藏不占位 补充：行内元素添加浮动后可以写width、height并且多个在一行显示
阅读全文
摘要：根据css显示分类，XHTML元素被分为 三种类型： 块状元素，内联（行内）元素，可变元素 && 三种类型： 块状元素，内联（行内）元素，内联”（行内）块元素（css2.1增加） 块元素的特点： A：块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域； B：默认情况下，块元素都会占据
阅读全文
