学习笔记0428

必应壁纸 作者自己写的api 1080P原图 原图可能较慢（一张要30秒）bing自己慢

title: Docker基础知识 comments: false date: 2024-04-02 12:19:54 updated: cover: http://liyu.work/images/docker.webp tags: categories: keywords: description: sticky: top_img: toc: toc_number: toc_style_simple: copyright: copyright_author: copyright_author_href: copyright_url: copyright_info: mathjax: katex: aplayer: highlight_shrink: aside: swiper_index: password: abstract: message: wrong_pass_message: wrong_hash_message: 1. Docker简介 Docker 是一个开源的应用容器引擎，基于Go语言并遵从Apache2.0协议开源。 Docker能够让你将应用及其依赖打包成 ...

flex布局基本概念 Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 123456789101112131415.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;}注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器& ...

Less是CSS的扩展语言，它允许你使用变量、混合、运算、函数等特性来编写更简洁的CSS代码。 1、变量（Variables） 在Less中，可以定义变量来存储颜色、数值、字符串等，并在样式中重复使用这些变量。 12345678// 定义变量@primary-color: #ff0000;@font-size: 16px;body { color: @primary-color; // 使用变量 font-size: @font-size;} 2、嵌套规则（Nested Rules） Less 支持类似Sass的嵌套CSS选择器，使代码更具层级感和清晰度。 12345678910111213141516171819202122232425262728293031323334353637// 嵌套规则.header { background-color: black; .logo { width: 200px; height: 50px; } .nav { ul { lis ...

1. 什么是Sass Sass(Syntactically Awesome Stylesheets)是一个 CSS 预处理器，是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。 2. 为什么使用Sass 它能够帮我们更快更高效的编写更好维护的 css； Sass 引入合理的样式复用机制，可以节约很多时间来重复。 Sass的好处当然不仅于此，当你使用之后便会发现其中的妙处。 3. Sass语法 3.1.变量 变量可以存储样式信息，以便后面使用。 比如一个样式在页面的多个地方使用，就可以先将该样式的值赋给一个变量，后面直接使用变量即可。 语法： $变量名：样式值； 使用： 变量名；注意点：以变量名； 注意点： 以变量名；注意点：以符号开头，后跟变量名 多个单词，变量名以-分割，如：$theme-color 变量写在#{}中以镶嵌入字符串 示例如下： 123456789101112131415161718192021222324// .scss文件 Sass后缀名为scss$dark: #000;$side: left;.box { color: $ ...

前言 vue 简介 Vue.js 是尤雨溪创造的一款用于构建用户界面的渐进式JavaScript框架，Vue 2.x 版本是在Vue.js发展过程中的一个重要里程碑。以下是一些Vue 2的基础知识详细阐述： 核心特性 响应式系统： Vue通过Object.defineProperty()对数据对象属性进行劫持，当数据发生变化时，依赖该数据的视图将会自动更新。Vue采用可观察的数据对象（即Vue实例的data选项）来实现双向数据绑定。 组件化开发： Vue的核心思想之一是组件化，允许开发者将UI拆分成独立、可复用的组件。每个组件都有自己的视图和数据逻辑，可以通过props接收外部传递的数据，同时通过自定义事件向父组件发送消息。 模板语法： Vue提供了简洁易读的模板语法，支持指令（如v-bind、v-if、v-for等）、插值表达式以及组件声明等。 vue 的基本使用 123456<!-- 指令示例 --><div v-bind:class="{ active: isActive }"></div>< ...

前言 vue 简介 Vue.js 是尤雨溪创造的一款用于构建用户界面的渐进式JavaScript框架，Vue 2.x 版本是在Vue.js发展过程中的一个重要里程碑。以下是一些Vue 2的基础知识详细阐述： 核心特性 响应式系统： Vue通过Object.defineProperty()对数据对象属性进行劫持，当数据发生变化时，依赖该数据的视图将会自动更新。Vue采用可观察的数据对象（即Vue实例的data选项）来实现双向数据绑定。 组件化开发： Vue的核心思想之一是组件化，允许开发者将UI拆分成独立、可复用的组件。每个组件都有自己的视图和数据逻辑，可以通过props接收外部传递的数据，同时通过自定义事件向父组件发送消息。 模板语法： Vue提供了简洁易读的模板语法，支持指令（如v-bind、v-if、v-for等）、插值表达式以及组件声明等。 vue 的基本使用 123456<!-- 指令示例 --><div v-bind:class="{ active: isActive }"></div>< ...

前言 因为作者看不惯Hexo生成时的警告，然后听人说，更新到最新版本的Hexo能够解决此报错 准备 备份 进行重大改动的时候要备份的道理，应该都懂 我就不多说了。 安装升级所需要的NPM包 清理NPM缓存 1npm cache clean -f 安装版本检测和升级工具（全局安装） 12npm install -g npm-checknpm install -g npm-upgrade 更新全局软件包（比如Hexo） 检查全局软件包更新 更新有2种方法，方法一比较靠谱， 方法二比较简单 使用方法2就不用继续更新全局软件包了，但需要懂一点点英文 方法一 1npm-check -g 全局更新软件包 1npm update -g 重新安装Hexo（更新） 1npm install --global hexo 方法二 使用交互式界面进行更新 需要懂一点点英文。 通过上下键可以移动光标，使用空格键可以选择需要处理的包，回车直接进行处理。 1npm-check -g -u 更新Hexo插件 进入博客根目录 刚刚的更新操作也可以在博客根目录进行 更新插件同样有2种方法 方 ...

motrix支持下载 HTTP、FTP、BT、磁力链等资源 支持Windows、Linux、MacOS系统。 单任务最高支持 64 线程下载（超快）。 一般浏览器下不动的东西他都能下。 官网地址：https://motrix.app/zh-CN 由于官网下载过慢，所以可以使用云盘的离线下载功能加速下载。

关于Markdown（来自百度百科） Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。 它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。 由于Markdown的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，目前许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等，甚至还能被使用来撰写电子书。 编辑器推荐 Typora Typora中国站 下载地址 中国站下载地址 语法 标题（最多6级） 注意：#和标题要间隔一空格 123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题 文字样式 12345*斜体***加粗*****斜体加粗***~~删除线~~==高亮== 斜体 加粗 斜体加粗 删除线 高亮 引用 12 ...