配置zsh
准备查看当前环境的 shell1echo $SHELL
查看当前系统有那些 shell1cat /etc/shells
安装 zsh1sudo apt install zsh
将 zsh 设置为默认的 shell1chsh -s /bin/zsh
安装 Oh My Zsh1git clone git://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh
1cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc
安装 Powerlevel10k克隆仓库
GitHub
1git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k
Gitee
1git clone --depth=1 https://gitee.com/romkatv/powerlevel10k. ...
初识CSS
初识 CSSHTML用于定义内容的结构和语义,CSS Cascading Style Sheets 层叠样式表 用于设计风格和布局。比如,您可以使用 CSS 来更改内容的字体、颜色、大小、间距,将内容分为多列,或者添加动画及其他的装饰效果。
如何将 CSS 样式应用到元素上
内联样式 inline style
文档样式表 document style sheet、内嵌样式表 embed style sheet
外部样式表 external style sheet
内联样式 inline style
将样式直接写在元素的 style 属性上
1<div style="color: white; background: red">显示文字</div>
文档样式表 document style sheet
style 元素的 type 属性默认值是 text/css
12345678910111213141516<!DOCTYPE html><html lang="en"><head> ...
HTML基本元素
HTML基本元素
HTML 超文本标记语言 HyperText Marup Language
HTML 基本的结构123456789101112<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body></body></html>
文档声明
<!DOCTYPE html>
HTML 文档声明,告诉浏览器当前 ...
Vim学习
模式
VIM 中有多种模式:基本模式和派生模式
基本模式Normal mode 普通模式、默认模式、命令模式默认模式,首次用 VIM 打开文件进入该模式,在其他模式中可以使用 ESC 进入该模式。也叫命令模式
使用 Ctrl + g 可显示当前文件名和一些其他信息
Visual mode 可视模式在 Normal mode 下,输入 v , V 或者 Ctrl + v 进入可视化模式,该模式可以选择一块编辑区域,然后对选中的文件内容执行 插入、删除、替换、改变大小写 等操作。
字符选择模式:选中光标经过的所有字符,普通模式下按 v 进入
行选择模式:选中光标经过的所有行,普通模式下按 V 进入
块选择模式:选中一整个矩形框表示的所有文本,普通模式下按 Ctrl + v 进入
可以使用 o 在选中区域的左上角和右下角切换
参考 https://vimjc.com/vim-visual-mode.html
Select mode 选择模式
可以用鼠标或光标键高亮选择文本
任何输入都会替换选择的高亮文本
并进入插入模式
参考 https://www.bilibil ...
浏览器内核
介绍浏览器最核心的部分是渲染引擎Rendering Engine,一般也称为浏览器内核。其负责对网页语法进行解释。由于一些历史原因,不同的的浏览器可能会使用不同的内核,导致最终渲染的内容在不同浏览器有差别。即我们在开发测试时,只需要测试不同的浏览器的内核。
1<h2>Hello World</h2>
会被渲染成
Hello World
不同的浏览器内核
一些浏览器还会使用双核
Trident 三叉戟
IE<=10
Gecko 壁虎
Firefox
Presto 急板乐曲
Opera(V<=12.16) 之后使用 Blink
Webkit
Safari
Blink
Chrome
浏览器内核技术
排版渲染引擎
JavaScript引擎
其他
gitmoji使用
🎉为什么使用 Gitmoji在我们执行git commit 是使用 emoji 为本次提交打一个标签, 使得此次 commit 的主要工作得以凸现,也能够使得其在整个提交历史中易于区分与查找。
👌Commit 提交格式1git commit -m ":emoji1: :emoji2: 不超过 50 个字的摘要,首字母大写,使用祈使语气,句末不要加句号"
初次提交示例1git commit -m ":tada: Initialize Repo"
📝emoji 指南
emoji
emoji 代码
commit 说明
🎉(庆祝)
:tada:
初次提交,初始化仓库
🎨(调色板)
:art:
改进代码结构/代码格式
⚡(闪电)
:zap:
提高性能
🔥(火焰)
:fire:
删除代码或文件
🐛(bug)
:bug:
修复一个 bug
🚑(急救车)
:ambulance:
重要补丁
✨(闪闪发光)
:sparkles:
介绍新的特性
📝(备忘录)
:memo:
添加或更新 ...
树莓派开机使用
SSH 连接
有屏幕
直接用鼠标点击操作
无屏幕有线网络
在 SD 卡的根目录( boot )中新建 SSH 文件(文件无内容)
获取树莓派的 IP 地址
用 SSH 连接工具连接树莓派
无屏幕无线网络
开启 SSH, 即第二步的在 SD 卡的根目录新建 SSH 文件
在 SD 卡的根目录( boot ),新建 wpa_supplicant.conf 文件(这个文件是用来添加无线连接的)
123456789ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdevupdate_config=1country=GB# 修改下面的配置network={ ssid="Wi-Fi名" psk="Wi-Fi密码" key_mgmt=WPA-PSK}
使用 SSH 连接工具
扩展功能
SSH
VNC
摄像头
等
在终端中输入
1sudo raspi-config
连接 VNC
鼠标操作
直接在终端输入,这个是临时的而且一次只能开一个
1vncs ...
npm常用命令
查看当前 npm 配置1npm config list
创建模块
会生成一个package.json文件有当前项目的信息
1npm init
CNPM淘宝镜像
查看当前镜像源
1npm get registry
设置为淘宝镜像源
1npm config set registry http://registry.npm.taobao.org/
设置回默认的官方镜像
1npm config set registry https://registry.npmjs.org/
也可以直接选择安装 cnpm
1npm install -g cnpm --registry=https://registry.npm.taobao.org
安装Node模块
会新建一个node_modules目录
1npm install <Module Name>
全局安装
123npm install <Module Name> --global# 或npm install <Modele Name> -g
安装在当前目录的node_module ...