Windows10 使用 WSL ( Windows System Linux ) 子系统进行开发

适用于 Linux 的 Windows 子系统 (WSL) 是 Windows 10 的一项功能,可用于直接在 Windows 上运行本机 Linux 命令行工具


WSL优点

  • Windows应用和Linux Terminal两者兼得,无缝切换
  • 占用资源少(WSL 所需的资源(CPU、内存和存储)少于完整虚拟机所需的资源)
  • 启动快(相比虚拟机WSL只需要启动一个Linux Terminal即可启动子系统,一般只需几秒钟)
  • Linux相比Windows可以使用apt等包管理工具,安装环境更为便捷
  • Windows可以直接操作WSL的用户目录(可以通过\\wsl$\访问WSL目录,并对用户目录~\有写权限)

阅读全文

CSS 选择器优先级

下表由上到下 从左到右 优先级依次降低

!important
ID 选择器 (例如,#example)
伪类 (例如,:hover) 属性选择器 (例如,div[type=”radio”]) 类选择器 (例如,.example)
伪元素 (例如,::before) 标签选择器 (例如,h1)
标签内style属性(例如:<div style=”color: red;”></div>
页面内<style></style>中定义的样式
引用的外部文件内的样式
阅读全文

Ubuntu18.04 安装 GitLab

安装依赖项

1
2
3
sudo apt update
sudo apt install -y curl openssh-server ca-certificates
sudo apt install -y postfix

选择 Internet Site

安装 GitLab

首先信任 GitLab 的 GPG 公钥

1
curl https://packages.gitlab.com/gpg.key 2> /dev/null | sudo apt-key add - &>/dev/null 
阅读全文

Angular 元素外部的 click 事件

我们在编写下拉菜单一类组件的时候常常需要点击下拉菜单以外的地方时关闭下拉菜单的效果。我们一般使用 ng-click-outside 插件,一般情况下元素外部的click事件这个插件都能解决

这个下拉菜单的关闭就用到了clickOutside事件

阅读全文