JavaScript构造函数的优缺点
1、构造函数优点是，构造函数创建的属性和方法可以在实例之间共享。2、缺点为如果实例之间有相同的方法，这个方法会在每个实例上创建一遍，这样显然会造成系统资源的浪费。实例function Person(name,age,sex){ this.name = name; this.age = age; this.sex = sex; this.sayName = function(){ ...
2024-01-10
JavaScript逻辑运算符里的短路
1、短路只存在于 && 和 || 中，当满足一定条件会让右边代码不执行。//逻辑且 && console.log(false && 20) //falseconsole.log(5 < 3 && 20) //falseconsole.log(undefined && 20) //undefinedconsole.log(null && 20) //nullconsole.log(0 && 20) //0console.log(10 && 20) //20 //逻辑或 || console.log(fals...
2024-01-10
js小数转为整数的函数
1、ceil对小数进行向上舍入。2、floor对小数进行向下舍入。3、round执行四舍五入。4、fround返回数值最接近的单精度（32位）浮点值表示。5、trunc取整数部分，删去小数部分。实例Math.ceil(25.9) // 26Math.ceil(25.1) // 26Math.floor(25.9) // 25Math.floor(25.1) // 25Math.round(25.9) // 26Math.round(25.5) // 26Math.round(25.4) ...
2024-01-10
javascriptmax和min的使用
1、max方法和min方法用于找到一组数据中的值和最小值，可以接受任意多个参数。Math.max(3, 54, 32, 16); // 54Math.min(3, 54, 32, 16); // 32、如果传入的参数中有不能转化为数字类型的值，则会返回NaN。Math.max('abc', undefined, {}); // 只要有一个不能转成数字类型，就返回 NaNMath.max(null, -1, -2); // 0，null ...
2024-01-10
css中animation是什么
css3中提供了很强大的animation动画，它可以指定多个关键帧，从而允许定义更加丰富的自定义动画。1、animations使得可以将从一个CSS样式配置转换到另一个CSS样式配置。2、动画包括两个部分，描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧。缩写语法animation：时长 | 过渡方式 |...
2024-01-10
css中transition方法的介绍
1、transition提供在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。2、语法：transition: 属性名 时长 过渡方式 延迟。实例div { opacity: 1; transition: opacity 1s linear;} div:hover { opacity: 0;}以上就是css中transition方法的介绍，希望对大家有...
2024-01-10
css中skew函数的使用
1、skew函数定义元素在二维平面上的倾斜转换。这种转换是一种剪切映射(横切)，在水平和垂直方向上将单元内的每个点扭曲一定的角度。每个点的坐标根据指定的角度以及到原点的距离，进行成比例的值调整。因此，一个点离原点越远，其增加的值就越大。2、指定一个或两个参数，它们表示在每个方...
2024-01-10
css中rotate函数是什么
1、rotate函数定义了一种将元素围绕一个定点旋转而不变形的转换。2、指定的角度定义了旋转的量度。若角度为正，则顺时针方向旋转，否则逆时针方向旋转。旋转180°也被称为点反射。元素旋转的固定点也称为变换原点，这默认为元素的中心，但你可以使用transform-origin属性设置自己的自定义变换原点...
2024-01-10
css中translate函数的用法
1、translate允许单独声明平移变换，并独立于transform属性。2、这在一些典型的用户界面上更好用，而且这样就无需在transform中声明该函数并记住转换函数的确切顺序了。实例.wrapper { width: 200px; height: 200px; border: 2px dotted red; margin: 20px auto;}.wrapper div { width: 200px; height: 200px; lin...
2024-01-10
css选择器之间的关系
1、父元素： 直接包含其他元素，这个元素就是包含元素的父元素。2、祖先元素：包含其他元素，这个元素就是包含元素的祖先元素。3、子元素： 直接被包含的元素。这个被包含的元素就是包含元素的子元素4、后代元素： 被包含的元素。这个被包含的元素就是包含元素的后代元素。实例1、相邻选择...
2024-01-10
