Lu_cia 的个人主页 - 动态

周一啊，太困了！昨天晚上有点发烧10点多就睡了，今天一大早竟然就好了，自愈能力超强，但是睡了10个小时也阻挡不住周一困，困~~~

高阶函数（higher-order）的定义是什么？

高阶函数是将一个或多个函数作为参数的函数，它用于数据处理，也可能将函数作为返回结果。高阶函数是为了抽象一些重复执行的操作。一个典型的例子是map，它将一个数组和一个函数作为参数。map使用这个函数来转换数组中的每个元素，并返回一个包含转换后元素的新数组。JavaScript 中的其他常见示例是forEach、filter和reduce。高阶函数不仅需要操作数组的时候会用到，还有许多函数返回新函数的用例。

展开

青训营-快乐出发

2年前

像素（px）
-像素是屏幕上一个一个会发光的小点
-物理像素：会发光的小点
-css像素：编写样式时使用px
-编写样式时使用css像素，屏幕呈现时使用物理像素
默认情况下在pc中，一个css像素对应一个物理像素（1:1）
-当我们在浏览器中或系统中进行缩放时，像素比会发生变化
比如：当我们将网页放大1.5倍时，CSS像素是不变的，
而物理像素会变为原来的1.5倍大（1:1.5）

展开

青训营-快乐出发

2年前

最近的事情又多起来了，翻译论文，写软著，维护项目，每天都睡不好，感觉身心疲惫了
周末快来吧，我需要休息

青训营-快乐出发

2年前

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

展开

青训营-快乐出发

2年前

精灵图，也称雪碧图。因常见碳酸饮料雪碧的英文名也是 Sprite，因此也有人会使用雪碧图的非正式译名。
精灵图是把多张图片整合到一张上的图片。它被运用在众多使用了很多小图标的网站上（Gmail 在使用）。
实现方法：
使用生成器将多张图片打包成一张精灵图，并为其生成合适的 CSS。
每张图片都有相应的 CSS 类，该类定义了background-image、background-position和background-size属性。
使用图片时，将相应的类添加到你的元素中。

展开

青训营-快乐出发

2年前

transform设置变形：需要通过不同的变形函数来实现元素的变形
translateX() x轴平移
translateY() y轴平移
设置平移时，如果使用百分比单位，百分比是相对元素自身大小计算的
当我们对元素进行变形时，只会影响到元素自身，不会影响其他元素的位置

展开

青训营-快乐出发

2年前

什么情况下会用到静态类成员？

静态类成员（属性或方法）不绑定到某个类的特定实例，不管哪个实例引用它，都具有相同的值。静态属性通常是配置变量，而静态方法通常是纯粹的实用函数，不依赖于实例的状态

青训营-快乐出发

2年前

w3school导航条的练习（用弹性盒实现）| 青训营笔记

结果样式遇到的问题和解决方案怎么去掉ul默认的列表样式怎么让li横向排列怎么去掉a标签的下划线和修改文字颜色怎么让a标签文字垂直居中怎么让li均匀分布在ul中...

0

2年前

终于去了心心念念的光环，这个兔子也太好看了，还是毛茸茸的，对面还有一个这个娃娃，抢它的奶茶喝

青训营-快乐出发

2年前

React状态管理 | 青训营笔记

1. 什么是状态管理 1.1 引言 React遵循的是单向数据，属性通过Props自上向下传递。当页面比较简单，组件之间的层级关系比较浅时，这种自上而下的单向数据流的方式是...

0

2年前

雪碧图（CSS-Sprite）
1. 雪碧图是位图，位图放大后会失真
2. 雪碧图无法修改颜色
3. 雪碧图支持彩色图标
图标字体（iconfont）
1. 图标字体是矢量图，可以任意放大缩小不会失真
2. 图标字体可以任意修改颜色
3. 图标字体只支持单色图标

展开

青训营-快乐出发

2年前

React基础与实践 | 青训营笔记

1. React简介与特性 React 用于构建用户界面的JavaScript库 1.1 特点声明式组件化跨平台编写 1.2 React哲学 React是用JavaS...

0

2年前

弹性盒模型
justify-content 设置元素在主轴上的对齐方式
可选值：
start 默认值，元素靠主轴起始位置对齐
end 元素靠主轴的结束位置对齐
center 沿主轴方向居中对齐
space-between 将主轴方向空白位置分配到两个元素之间空白数量=元素数量-1 两侧没有空白
space-around 将主轴方向空白位置分配到元素周围空白数量=元素数量+1 两侧的空白是元素之间空白的一半
space-evenly 将主轴方向空白位置分配到元素的一侧空白数量=元素数量+1 两侧的空白宽度等于元素之间空白宽度

展开

青训营-快乐出发

2年前

深入浅出TS | 青训营笔记

1. 为什么要学习TypeScript TypeScript JavaScript JavaScript的超集，用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页...

0

2年前

弹性容器
要使用弹性盒必须先将元素设置为弹性容器
display: flex 块级弹性容器
display: inline-flex 行内弹性容器
弹性子元素（弹性项）
弹性容器的子元素都会变成弹性子元素
弹性子元素都会沿着弹性容器的主轴排列
主轴
主轴就是弹性子元素的排列方向
侧轴（辅轴）
侧轴是与主轴垂直方向的轴

展开

青训营-快乐出发

2年前

传统的布局手段
1. 盒子模型（box model）
盒子模型主要用来确定元素的大小和间距
主要用来处理元素的纵向排列
2. 浮动（float）
浮动本来是用来处理文本环绕图片这种类似效果的
后来被用到了元素的水平排列上
因为它不是被设计用来布局的，所以使用浮动会存在一些问题（高度塌陷问题）
主要用来处理元素的横向排列

注意
盒子模型和浮动主要用来进行宏观的布局

3. 定位（position）
通过定位可以将一个元素摆放到网页的任何位置
主要用来处理网页中的小部件

展开

青训营-快乐出发

2年前

深入理解JS | 青训营笔记

JS的基本概念 1. 数据类型对象数组函数 ...... 基础类型字符串 undefined 数字 symbol bigInt bool 2. 作用域变量可访问性...

0

2年前

深入理解CSS2 | 青训营笔记

变形、过渡、动画 1. transform变形 2D相关属性 transform: translate(移动)、rotate(旋转)、scale(放缩)、matrix(变形...

0