Shell基础命令

Major

echo

echo 打印输出命令

echo "Hello World"

启用特殊字符转换（\特殊字符）

echo -e "Column 1\tColumn 2"
# Column 1        Column 2

根据要求展示输入的前置部分

output the first part of files

展示前两行

ls -lh | head -2
# total 8
# drwxr-xr-x  5 macmini  staff   170B Mar  3 17:06 Demos

# 其他方案
ls -lh | sed -n '1,2p'
# total 8
# drwxr-xr-x  5 macmini  staff   170B Mar  3 17:06 Demos

CSS样式命中优先级

Major

样式命中优先级

样式命中优先级递增表大致如下：

选择器 权重值
* 0
元素/伪元素 1
属性选择器
类/伪类 10
ID 100
内联样式 1000
!important

其他优先级

如果权重一致，最后一个指定的样式命中。

<!DOCTYPE html>
<html>
  <head>
    <style>
      div.skyline {
        background-color: blue;
      }
      div.liu {
        background-color: red;
      }
    </style>
  </head>
  <body>
    <div class="skyline liu">Skyline is red</div>
  </body>
</html>

属性选择器权重介于元素与类选择器之间

<!DOCTYPE html>
<html>
  <head>
    <style>
      div[id='skyline'] {
        background-color: blue;
      }
      body div {
        background-color: yellow;
      }
    </style>
  </head>
  <body>
    <div id="skyline">Skyline is blue</div>
  </body>
</html>

优先级示例

阅读全文

CSS基础属性

Major

background

background-size

值 描述 特征
contain 缩放图片直到长或宽延伸到边界，包含（contain）在容器中，background-repeat: no-repeat 会造成背景留白 留白
cover 缩放图片直到覆盖（cover）容器，超出裁剪 裁剪
auto 默认属性，保持图片原有比例 原比例
100% 100% 缩放图片正好填充完宽高 填充

BMW WARNING

  • Bulletin

本文首发于 skyline.show 欢迎访问，
文章实时更新，如果有什么错误或不严谨之处望请指出，十分感谢。
如果你觉得有用，欢迎到Github仓库点亮⭐️。

I am a bucolic migant worker but I never walk backwards.

  • Material

参考资料如下列出，部分引用可能遗漏或不可考，侵删。

  • Warrant

本文作者： Skyline(lty)

文章链接：http://www.skyline.show/CSS 基础属性.html

授权声明： 本博客所有文章除特别声明外， 均采用 CC BY - NC - SA 3.0 协议。 转载请注明出处！

HTML标签

Major

script

type 属性

defer 要等到整个页面在内存中 DOM 渲染结束与其他脚本执行之后，才会执行；
async 一旦下载完，渲染引擎就会中断渲染，执行改脚本，再继续渲染。defer 是“渲染完再执行”，async 是“下载完就执行”。

type 值 async defer
描述 立即下载脚本，不妨碍其他操作，不依赖其他脚本，不阻塞文档 延迟脚本到文档被解析与显示之后
要点 下载完就执行 渲染完再执行
适用范围 外部引入脚本 外部引入脚本
多个执行顺序 不保证加载顺序 先后顺序

多个执行顺序指同时出现多个 type 设置为 async 或 defer 的 script 标签。
type=”module”是表明引入的是一个 ES6 模块脚本，其脚本内的模块需要遵循 ES6 模块规范，其他表现类似于 type 指定为 defer

BMW WARNING

阅读全文

Linux系统信息

Tools

系统信息

uname

查看系统版本信息，使用 uname 命令
uname 直接使用时，显示系统内核名。
显示完整系统信息

uname -a

lshw

lshw 即 list hardware 可以查看 cpu, disks, memory, usb controllers 等相关信息，一般需要 sudo 权限

直接使用该命令查看展示内容比较繁杂
Linux系统信息20220315224550
添加 short 参数来显示扼要信息

sudo lshw -short

Linux系统信息20220315224854

CPU

查看 CPU 信息采用 lscpu 命令
Linux系统信息20220315230624

硬盘

df

即 disk usage information，展示系统中各分区可用空间。
Linux系统信息20220316160957

du

阅读全文

JS内存泄漏与处理

Major

垃圾回收(GC:Garbage Collecation)

简介

JS 自动进行垃圾回收，不需要如 C 语言等一般需要代码中指定回收。
垃圾收集器会定期（周期性）找出那些不再继续使用的变量，然后释放其内存。
垃圾回收开销较大，垃圾回收时会停止其他操作，所以垃圾回收并不是实时的，而是周期性地进行。
回收垃圾时，需要将那些被标记的清除掉，垃圾标记器会跟踪无用内存并打上标记，以供垃圾回收器清理。
标记的策略一般有两种，引用计数与标记清除。

引用计数（Reference Counting）

阅读全文

Interface与AbstractClass

Major

Interface

在 JS 中，在没有技术文档或找到对应函数(对象)定义在代码中位置的情况下，我们很难确认：

  • 函数参数方式
  • 函数参数的类型
  • 使用参数的方式
  • 对象提供的方法与属性

同时，在对象中，多层嵌套时，需要写如下代码：
a && a.b ** a.b.c()
在 TS 中，与大多数面向对象编程语言一样，引入了 Interface。
Interface 用以描述对象结构
Interface 的职责在于签订契约，即使用该接口则必须实现该接口中的属性和方法。
使用时只需要知道接口，就可知道使用该接口对象的一些基础的构造。

Abstract Class

虚拟类不能直接实例化。

abstract class Base {
  abstract getName(): string;

  printName() {
    console.log("Hello, " + this.getName());
  }
}
var a = new Base() // Cannot create an instance of an abstract class.(

虚拟方法与虚拟属性只能存在与虚拟类中，均使用 abstract 关键字。
虽然 TS 未做错误校验，但虚拟类至少有一个虚拟方法，否则应该定义为实体类。
虚拟方法的主要职责是为其派生的实体类提供蓝图，后续实体类需要实现的方法与属性提供参考（需要实现其中定义的虚拟方法属性等）。

综述

阅读全文

Copyright © 2017 - 2024 鹧鸪天 All Rights Reserved.

skyline 保留所有权利