Hexo

# 项目总结与对比 # OK-JOB VueX watch 事件修饰符.prevent props 选项 $emit 和 v-on（@） Props + emit Vue-cli 项目（npm run serve 启动，8080 监听） lang = javascipt lang = scss mixins 混入 # 王者图鉴 pinia 动态组件： <component>+: is 实现 watchEffect defineProps 宏 defineEmits 宏 defineModel 宏 Vite4 项目（npm run dev 启动，5173...

# 利用 github page 托管 vue 项目 设置好 vite.config.js 在 vite.config.js 中设置正确的 base。 如果你要部署在 https://<USERNAME>.github.io/ 上，你可以省略 base 使其默认为 ‘/’ 。 如果你要部署在 https://<USERNAME>.github.io/<REPO>/ 上，例如你的仓库地址为...

# 计算机网络知识总结篇：DNS 协议介绍，网络模型，TCP/IP 五层协议，TCP 与 UDP # 四、DNS 协议介绍 # 1. DNS 协议是什么 概念： DNS 是域名系统 (Domain Name System) 的缩写，提供的是一种主机名到 IP 地址的转换服务，就是我们常说的域名系统。它是一个由分层的 DNS 服务器组成的分布式数据库，是定义了主机如何查询这个分布式数据库的方式的应用层协议。能够使人更方便的访问互联网，而不用去记住能够被机器直接读取的 IP 数串。 作用： 将域名解析为 IP 地址，客户端向 DNS 服务器（DNS 服务器有自己的 IP...

# 计算机网络知识总结篇：HTTP，HTTPS # 一、HTTP 协议 # 1. GET 和 POST 的请求的区别 Post 和 Get 是 HTTP 请求的两种方法，其区别如下： 应用场景： GET 请求是一个幂等的请求，一般 Get 请求用于对服务器资源不会产生影响的场景，比如说请求一个网页的资源。而 Post 不是一个幂等的请求，一般用于对服务器资源会产生影响的情景，比如注册用户这一类的操作。 是否缓存： 因为两者应用场景不同，浏览器一般会对 Get 请求缓存，但很少对 Post 请求缓存。 发送的报文格式： Get 请求的报文中实体部分为空，Post...

# 自用的一些常备 linux 命令 基本命令如 cd ls pwd mkdir rm cp mv touch 等 以及如下这些： h# 查看设备空间使用情况df -hh# 查看本计算节点使用情况toph# 查看文件的生成时间戳stat <filename>h# 查看进程ps -ef | grep 'work12.sh'h# 杀死进程kill <pid>h# 杀死用户为 & lt;username > 的进程pkill -u <username>h# 查看 CPU 核数nproch# 运行任务nohup...

常用 git 命令一览表 .mflflwfkwktv{} 自用的一些常备 git 命令： h# 重命名分支git branch -m <old_name> <new_name>h# 查看分支git branchh# 切换分支git checkout <branch_name>h# 拉取分支git pull origin <branch_name>h# 推送分支git push origin <branch_name>h# 查看提交记录git logh# 合并分支git merge...

# 免密登录配置 # 服务器 1 hcd .sshlsssh-keygenls然后把.pub 文件里的内容放入服务器 2 的 authorized_keys 文件里 第一次配置时往往没有 authorized_keys 文件，需要手动创建，然后修改权限 htouch authorized_keyschmod 600 authorized_keyschmod 700 ~/.ssh# 服务器 2 和服务器 1 端的操作类似。 互相将 id_ras.pub 文件中的内容复制一份到对方的 authorized_keys 文件中，就可以互相免密登录了。

# SEO 优化全方位解决方案 SEO 代表搜寻引擎最佳化 / 搜寻引擎优化（英文全名 Search Engine Optimization，简称 SEO），是指通过了解搜寻引擎的自然排名的算法逻辑，以提高目标网站在有关搜寻引擎内排名的方式。 网站的 SEO 至关重要，它可以让你的网站获得更好的排名和流量，从而提高网站知名度。对于一些盈利的网站，做好 SEO，还可以以低成本提高投资回报率。 网站 SEO 是长线工作，在做好一些基础的配置之后，更重要的是后期的维护，比如定期更新网站动态文章，不断寻找优质外链资源等。 # 一、TDK 优化 TDK 是 Title（页面标题） Meta...

# Ant Design Vue 中使用 icon 图标 Ant-Design-Vue 的 icon 官网 使用前首先要安装组件包： lnpm install --save @ant-design/icons-vue点击对应的图标，会自动将图标名称进行复制 例如关闭： l<CloseOutlined /> .jbbplmvoxrkg{} 但不能直接使用！！！需要将所有大写字母改为小写，删除掉 Oulined、TwoTone、Filled，并且中间 - 拼接 snippets 调整为 就可以使用啦。 或者另一种可以直接使用的复制格式： Ant-design-vue 的...

# flex 弹性布局与问题记录 # flex 弹性布局 子标签设置宽度无效的问题 Flexbox 是 flexible box 的简称（注：意思是 “灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。 MDN...