理解思路_复盘工作知识_202401

20240101，

1.vue v-if

<view v-if="item.bookStatus='DSH'">

2.padding：一个元素的内边距区域指的是其内容与其边框之间的空间。

3.margin：外边距控制的是元素外部空出的空间。相反，padding 操作元素内部空出的空间。

20240102，

1.js获取数组长度

let len = bookList.length;

2.margin上边下边 | 左边右边

margin: 5% auto;

3.css里命名.abc，前面的.表示该样式由类来调用的，即容器是用class来调用该样式的

.no_data {
    font-size: 14px;
}

4.vue引入css

<style lang="scss" scoped>
    @import '@/xxx/xx/x.scss';
</style>

5.vue列表循环要加:key='唯一标识'。如果数组是静态数据，用数组索引号index做key值是没问题的

<view v-for="(item, index) in bookList" :key="index">

6.<text>类似于<span>。而<view>类似于<div>是块级元素

20230103，

1.

  // 该元素的行为类似块级元素并且根据弹性盒模型布局它的内容
  display: flex;
  // flex 元素的外边距框在交叉轴上居中对齐。
  align-items: center;
  // 从行首起始位置开始排列
  justify-content: flex-start;

2.

/* 上边 | 左边右边 | 下边 */
margin: 1em auto 2em;

3.

// 该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）
  position: relative;
// 元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非 static 定位祖先元素的偏移，来确定元素位置。绝对定位的元素可以设置外边距（margins），且不会与其他边距合并
    position: absolute;
// transform 属性允许你旋转，缩放，倾斜或平移给定元素
    // Y轴方向缩放为之前的一半
    transform: scaleY(0.5);

4.

CSS伪元素::after用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。
.exciting-text::after {
  content: "<- 确实！";
  color: green;
}

5.

// 设置块元素或者单元格框的行内内容的水平对齐 right:行内内容向右侧边对齐
  text-align: right;

20240104，

1.

<!-- #fff白色 -->
<uni-icons type="wallet" color="#fff" size="16"></uni-icons>

2.

/* 内边距 上边 | 右边 | 下边 | 左边 */
padding: 0 4px 1px 3px;

3.margin外边距

4.

// 该元素的行为类似块级元素并且根据弹性盒模型布局它的内容。
  display: flex;
  // flex 元素的外边距框在交叉轴上居中对齐。如果元素的交叉轴尺寸大于 flex 容器，它将在两个方向上等距溢出。
  align-items: center;
  // 定义浏览器如何沿着弹性容器的主轴和网格容器的行向轴分配内容元素之间和周围的空间。
  justify-content: center;

5.

// 创建一个由两种或多种颜色沿一条直线进行线性过渡的图像
  // 从左到右的渐变
  background: linear-gradient(to right, #f6ca3d, #f9951b);

6.padding内边距

20240113，

1.oracle取前10条

SELECT *
  FROM (SELECT *
          FROM book
         where create_date is not null
         ORDER BY create_date DESC)
 WHERE rownum < 11;

2.oracle时间比较

SELECT *
  FROM book
 where to_date(create_date, 'yyyy-mm-dd hh24:mi:ss') >
       to_date('2023-09-18 09:27:00', 'yyyy-mm-dd hh24:mi:ss');

3.synchronized的一种用法：修饰一个类，作用的范围是synchronized后面括号括起来的部分，作用的对象是这个类的所有对象。