掘友等级
获得徽章 0
周一啊,太困了!昨天晚上有点发烧10点多就睡了,今天一大早竟然就好了,自愈能力超强,但是睡了10个小时也阻挡不住周一困,困~~~
高阶函数(higher-order)的定义是什么?
高阶函数是将一个或多个函数作为参数的函数,它用于数据处理,也可能将函数作为返回结果。高阶函数是为了抽象一些重复执行的操作。一个典型的例子是map,它将一个数组和一个函数作为参数。map使用这个函数来转换数组中的每个元素,并返回一个包含转换后元素的新数组。JavaScript 中的其他常见示例是forEach、filter和reduce。高阶函数不仅需要操作数组的时候会用到,还有许多函数返回新函数的用例。
像素(px)
-像素是屏幕上一个一个会发光的小点
-物理像素:会发光的小点
-css像素:编写样式时使用px
-编写样式时使用css像素,屏幕呈现时使用物理像素
默认情况下在pc中,一个css像素对应一个物理像素(1:1)
-当我们在浏览器中或系统中进行缩放时,像素比会发生变化
比如:当我们将网页放大1.5倍时,CSS像素是不变的,
而物理像素会变为原来的1.5倍大(1:1.5)
最近的事情又多起来了,翻译论文,写软著,维护项目,每天都睡不好,感觉身心疲惫了
周末快来吧,我需要休息
CSS-过渡
transition-property
-应用过渡效果的属性
-all 表示所有样式
transition-duration
-过渡效果所花费的时间
-单位
s 秒
ms 毫秒
transition-delay
-过渡效果的延时
transition-timing-function
-指定过渡的时间的曲线
-可选值
ease 默认值,先加速然后减速
linear 匀速
ease-in 加速
ease-out 减速
cubic-bezier() 贝塞尔曲线 自定义运动方式
steps() 分布执行动画
transition 过渡的简写属性
duration 和 delay的顺序有先后,先写duration,再写delay
精灵图,也称雪碧图。因常见碳酸饮料雪碧的英文名也是 Sprite,因此也有人会使用雪碧图的非正式译名。
精灵图是把多张图片整合到一张上的图片。它被运用在众多使用了很多小图标的网站上(Gmail 在使用)。
实现方法:
使用生成器将多张图片打包成一张精灵图,并为其生成合适的 CSS。
每张图片都有相应的 CSS 类,该类定义了background-image、background-position和background-size属性。
使用图片时,将相应的类添加到你的元素中。
transform设置变形:需要通过不同的变形函数来实现元素的变形
translateX() x轴平移
translateY() y轴平移
设置平移时,如果使用百分比单位,百分比是相对元素自身大小计算的
当我们对元素进行变形时,只会影响到元素自身,不会影响其他元素的位置
什么情况下会用到静态类成员?
静态类成员(属性或方法)不绑定到某个类的特定实例,不管哪个实例引用它,都具有相同的值。静态属性通常是配置变量,而静态方法通常是纯粹的实用函数,不依赖于实例的状态
终于去了心心念念的光环,这个兔子也太好看了,还是毛茸茸的,对面还有一个这个娃娃,抢它的奶茶喝
雪碧图(CSS-Sprite)
1. 雪碧图是位图,位图放大后会失真
2. 雪碧图无法修改颜色
3. 雪碧图支持彩色图标
图标字体(iconfont)
1. 图标字体是矢量图,可以任意放大缩小不会失真
2. 图标字体可以任意修改颜色
3. 图标字体只支持单色图标
下一页