写写记记

写写记记 https://blog.zkmhy.top/index.html 体胖还要勤跑步，人笨更得多读书 Hugo en Mon, 01 Jan 0001 00:00:00 +0000 计算机基础 https://blog.zkmhy.top/windows/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://blog.zkmhy.top/windows/index.html html https://blog.zkmhy.top/html/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://blog.zkmhy.top/html/index.html HTML 基础文档 1<html> 2 <head> 3 <title>Document name goes here</title> 4 </head> 5 <body> 6 Visible text goes here 7 </body> 8</html> 文本元素 1<p>This is a paragraph</p> 2<br> (line break) 3<hr> (horizontal rule) 4<pre>This text is preformatted</pre> 链接、锚、图像元素 1<a href="http://www.example.com/">This is a Link</a> 2<a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a> 3<a href="mailto:webmaster@example.com">Send e-mail</a>A named anchor: 4<a name="tips">Useful Tips Section</a> 5<a href="#tips">Jump to the Useful Tips Section</a> 无序列表 1<ul> 2 <li>First item</li> 3 <li>Next item</li> 4</ul> 有序列表 1<ol> 2 <li>First item</li> 3 <li>Next item</li> 4</ol> 定义列表 1<dl> 2 <dt>First term</dt> 3 <dd>Definition</dd> 4 <dt>Next term</dt> 5 <dd>Definition</dd> 6</dl> 表格 1<table border="1"> 2 <tr> 3 <th>someheader</th> 4 <th>someheader</th> 5 </tr> 6 <tr> 7 <td>sometext</td> 8 <td>sometext</td> 9 </tr> 10</table> 框架 1<frameset cols="25%,75%"> 2 <frame src="page1.htm"> 3 <frame src="page2.htm"> 4</frameset> 表单 1<form action="http://www.example.com/test.asp" method="post/get"> 2 <input type="text" name="lastname" value="Nixon" size="30" maxlength="50"> 3 <input type="password"> 4 <input type="checkbox" checked="checked"> 5 <input type="radio" checked="checked"> 6 <input type="submit"> 7 <input type="reset"> 8 <input type="hidden"> 9 <select> 10 <option>Apples 11 <option selected>Bananas 12 <option>Cherries 13 </select> 14 <textarea name="Comment" rows="60" cols="20"></textarea> 15</form> 实体 1< is the same as < 2> is the same as > 3© is the same as © 其他元素 1<blockquote> 2Text quoted from some source. 3</blockquote> 4<address> 5Address 1<br> 6Address 2<br> 7City<br> 8</address> 逻辑样式 1<em>This text is emphasized</em> 2<strong>This text is strong</strong> 3<code>This is some computer code</code> 物理样式 1<b>This text is bold</b> 2<i>This text is italic</i> css https://blog.zkmhy.top/css2/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://blog.zkmhy.top/css2/index.html A 属性描述 align-content 规定弹性容器内的行之间的对齐方式，当项目不使用所有可用空间时。 align-items 规定弹性容器内项目的对齐方式。 align-self 规定弹性容器内所选项目的对齐方式。 all 重置所有属性（除了 unicode-bidi 和 direction）。 animation 所有 animation-* 属性的简写属性。 animation-delay 规定开始动画的延迟。 animation-direction 规定动画是向前播放、向后播放还是交替播放。 animation-duration 规定动画完成一个周期应花费的时间。 animation-fill-mode 规定元素在不播放动画时（在开始之前、结束之后、或同时）的样式。 animation-iteration-count 规定动画的播放次数。 animation-name 规定 @keyframes 动画的名称。 animation-play-state 规定动画是播放还是暂停。 animation-timing-function 规定动画的速度曲线。 B 属性描述 backface-visibility 定义当面对用户时元素的背面是否应可见。 background 所有 background-* 属性的简写属性。 background-attachment 设置背景图像是与页面的其余部分一起滚动还是固定的。 background-blend-mode 规定每个背景图层（颜色/图像）的混合模式。 background-clip 定义背景（颜色或图像）应在元素内延伸的距离。 background-color 规定元素的背景色。 background-image 规定元素的一幅或多幅背景图像。 background-origin 规定背景图像的初始位置。 background-position 规定背景图像的位置。 background-repeat 设置是否以及如何重复背景图像。 background-size 规定背景图像的尺寸。 border border-width、border-style 以及 border-color 的简写属性。 border-bottom border-bottom-width、border-bottom-style 以及 border-bottom-color 的简写属性。 border-bottom-color 设置下边框的颜色。 border-bottom-left-radius 定义左下角的边框圆角。 border-bottom-right-radius 定义右下角的边框圆角。 border-bottom-style 设置下边框的样式。 border-bottom-width 设置下边框的宽度。 border-collapse 设置表格边框是折叠为单一边框还是分开的。 border-color 设置四条边框的颜色。 border-image border-image-* 属性的简写属性。 border-image-outset 规定边框图像区域超出边框的量。 border-image-repeat 规定边框图像应重复、圆角、还是拉伸。 border-image-slice 规定如何裁切边框图像。 border-image-source 规定用作边框的图像的路径。 border-image-width 规定边框图像的宽度。 border-left 所有 border-left-* 属性的简写属性。 border-left-color 设置左边框的颜色。 border-left-style 设置左边框的样式。 border-left-width 设置左边框的宽度。 border-radius 四个 border-*-radius 属性的简写属性。 border-right 所有 border-right-* 属性的简写属性。 border-right-color 设置右边框的颜色。 border-right-style 设置右边框的样式。 border-right-width 设置右边框的宽度。 border-spacing 设置相邻单元格边框之间的距离。 border-style 设置四条边框的样式。 border-top border-top-width、border-top-style 以及 border-top-color 的简写属性。 border-top-color 设置上边框的颜色。 border-top-left-radius 定义左上角的边框圆角。 border-top-right-radius 定义右上角的边框圆角。 border-top-style 设置上边框的样式。 border-top-width 设置上边框的宽度。 border-width 设置四条边框的宽度。 bottom 设置元素相对于其父元素底部的位置。 box-decoration-break 设置元素在分页符处的背景和边框的行为，或对于行内元素在换行符处的行为。 box-shadow 将一个或多个阴影附加到元素。 box-sizing 定义元素的宽度和高度的计算方式：它们是否应包含内边距和边框。 break-after 规定指定元素之后是否应出现 page-、column- 或 region-break。 break-before 规定指定元素之前是否应出现 page-、column- 或 region-break。 break-inside 规定指定元素内部是否应出现 page-、column- 或 region-break。 C 属性描述 caption-side 规定表格标题的放置方式。 caret-color 规定光标在 input、textarea 或任何可编辑元素中的颜色。 @charset 规定样式表中使用的字符编码。 clear 规定不允许在元素的哪一侧浮动元素 clip 剪裁绝对定位的元素。 clip-path 将元素裁剪为基本形状或 SVG 源。 color 设置文本的颜色。 column-count 规定元素应分为的列数。 column-fill 指定如何填充列（是否 balanced）。 column-gap 规定列间隙。 column-rule 所有 column-rule-* 属性的简写属性。 column-rule-color 规定列之间规则的颜色。 column-rule-style 规定列之间的规则样式。 column-rule-width 规定列之间的规则宽度。 column-span 规定元素应该跨越多少列。 column-width 规定列宽度。 columns column-width 和 column-count 的简写属性。 content 与 :before 和 :after 伪元素一起使用，来插入生成的内容。 counter-increment 增加或减少一个或多个 CSS 计数器的值。 counter-reset 创建或重置一个或多个 CSS 计数器。 cursor 规定当指向元素时要显示的鼠标光标。 D 属性描述 direction 规定文本方向/书写方向。 display 规定如何显示某个 HTML 元素。 E 属性描述 empty-cells 规定是否在表格中的空白单元格上显示边框和背景。 F 属性描述 filter 定义元素显示之前的效果（例如，模糊或颜色偏移）。 flex flex-grow、flex-shrink 以及 flex-basis 的简写属性。 flex-basis 规定弹性项目的初始长度。 flex-direction 规定弹性项目的方向。 flex-flow flex-direction 和 flex-wrap 的简写属性。 flex-grow 规定项目相对于其余项目的增量。 flex-shrink 规定项目相对于其余项目的减量。 flex-wrap 规定弹性项目是否应该换行。 float 规定是否应该对盒（box）进行浮动。 font font-style、font-variant、font-weight、font-size/line-height 以及 font-family 的简写属性。 @font-face 允许网站下载和使用 “web-safe” 字体以外的其他字体的规则。 font-family 规定文本的字体族（字体系列）。 font-feature-settings 允许控制 OpenType 字体中的高级印刷特性。 @font-feature-values 允许创作者使用 font-variant-alternate 中的通用名来实现在 OpenType 中以不同方式激活的特性。 font-kerning 控制字距调整信息的使用（字母间距）。 font-language-override 控制特定语言的字形在字体的使用。 font-size 规定文本的字体大小。 font-size-adjust 保持发生字体回退时的可读性。 font-stretch 从字体系列中选择一个普通的、压缩的或扩展的字体。 font-style 规定文本的字体样式。 font-synthesis 控制哪些缺失的字体（粗体或斜体）可以由浏览器合成。 font-variant 规定是否应该以小型大写字体显示文本。 font-variant-alternates 控制与 @font-feature-values 中定义的备用名称关联的备用字形的使用。 font-variant-caps 控制大写字母的备用字形的使用。 font-variant-east-asian 控制东亚文字（例如中文和日语）的备用字形的使用。 font-variant-ligatures 控制在适用于元素的文本内容中使用哪些连字和上下文形式。 font-variant-numeric 控制数字、分数和序号标记的备用字形的使用。 font-variant-position 控制较小字体的替代字形的使用，这些字形相对于字体基线定位为上标或下标。 font-weight 规定字体的粗细。 G 属性描述 grid grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。 grid-area 即可规定网格项的名称，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。 grid-auto-columns 规定默认的列尺寸。 grid-auto-flow 规定如何在网格中插入自动放置的项目。 grid-auto-rows 规定默认的行尺寸。 grid-column grid-column-start 和 grid-column-end 属性的简写属性。 grid-column-end 规定如何结束网格项目。 grid-column-gap 规定列间隙的尺寸。 grid-column-start 规定网格项目从何处开始。 grid-gap grid-row-gap 和 grid-column-gap 的简写属性。 grid-row grid-row-start 和 grid-row-end 属性的简写属性。 grid-row-end 规定网格项目在何处结束。 grid-row-gap 规定列间隙的尺寸。 grid-row-start 规定网格项目从何处开始。 grid-template grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。 grid-template-areas 规定如何使用命名的网格项显示列和行。 grid-template-columns 指定列的尺寸以及网格布局中的列数。 grid-template-rows 指定网格布局中的行的尺寸。 H 属性描述 hanging-punctuation 规定是否可以在行框外放置标点符号。 height 设置元素的高度。 hyphens 设置如何分割单词以改善段落的布局。 I 属性描述 image-rendering 当图像被缩放时，向浏览器提供关于保留图像的哪些最重要的方面的信息。 @import 允许您将样式表导入另一张样式表。 isolation 定义元素是否必须创建新的堆叠内容。 J 属性描述 justify-content 规定项目在弹性容器内的对齐方式，当项目未用到所有可用空间时。 justify-items 规定网格项在行内方向的对齐方式。在网格容器上设置。 justify-self 规定网格项在行内方向的对齐方式。在网格项上设置。 K 属性描述 @keyframes 规定动画代码。 L 属性描述 left 规定定位元素的左侧位置。 letter-spacing 增加或减少文本中的字符间距。 line-break 如何如何/是否换行。 line-height 设置行高。 list-style 在一条声明中设置所有列表属性。 list-style-image 把图像指定为列表项标记。 list-style-position 规定列表项标记的位置。 list-style-type 规定列表项标记的类型。 M 属性描述 margin 在一条声明中设置所有外边距属性。 margin-bottom 设置元素的下外边距。 margin-left 设置元素的左外边距。 margin-right 设置元素的右外边距。 margin-top 设置元素的上外边距。 mask 通过在特定位置遮罩或剪切图像来隐藏元素。 mask-type 规定将遮罩元素用作亮度或 Alpha 遮罩。 max-height 设置元素的最大高度。 max-width 设置元素的最大宽度。 @media 为不同的媒体类型、设备、尺寸设置样式规则。 min-height 设置元素的最小高度。 min-width 设置元素的最小宽度。 mix-blend-mode 规定元素内容应如何与其直接父的背景相混合。 O 属性描述 object-fit 规定替换元素的内容应如何适合其所用高度和宽度建立的框。 object-position 指定替换元素在其框内的对齐方式。 opacity 设置元素的不透明等级。 order 设置弹性项目相对于其余项目的顺序。 orphans 设置在元素内发生分页时必须保留在页面底部的最小行数。 outline outline-width、outline-style 以及 outline-color 属性的简写属性。 outline-color 设置轮廓的颜色。 outline-offset 对轮廓进行偏移，并将其绘制到边框边缘之外。 outline-style 设置轮廓的样式。 outline-width 设置轮廓的宽度。 overflow 规定如果内容溢出元素框会发生什么情况。 overflow-wrap 规定浏览器是否可能为了防止溢出而在单词内折行（当字符串太长而无法适应其包含框时）。 overflow-x 规定是否剪裁内容的左右边缘，如果它溢出了元素的内容区域。 overflow-y 规定是否剪裁内容的上下边缘，如果它溢出了元素的内容区域。 P 属性描述 padding 所有 padding-* 属性的简写属性。 padding-bottom 设置元素的下内边距。 padding-left 设置元素的左内边距。 padding-right 设置元素的右内边距。 padding-top 设置元素的上内边距。 page-break-after 设置元素之后的分页（page-break）行为。 page-break-before 设置元素之前的分页（page-break）行为。 page-break-inside 设置元素内的分页（page-break）行为。 perspective 为 3D 定位元素提供透视。 perspective-origin 定义用户观看 3D 定位元素的位置。 pointer-events 定义元素是否对指针事件做出反应。 position 规定用于元素的定位方法的类型（静态、相对、绝对或固定）。 Q 属性描述 quotes 设置引号类型。 R 属性描述 resize 定义用户是否以及如何调整元素的尺寸。 right 规定定位元素的右侧位置。 S 属性描述 scroll-behavior 规定可滚动框中是否平滑地滚动，而不是直接跳跃。 T 属性描述 tab-size 规定制表符的宽度。 table-layout 定义用于对单元格、行和列进行布局的算法。 text-align 规定文本的水平对齐方式。 text-align-last 描述当 text-align 为 “justify” 时，如何在强制换行之前对齐块或行的最后一行。 text-combine-upright 将多个字符组合到到单个字符的空间中。 text-decoration 规定文本装饰。 text-decoration-color 规定文本装饰（text-decoration）的颜色。 text-decoration-line 规定文本装饰（text-decoration）中的的行类型。 text-decoration-style 规定文本装饰（text-decoration）中的行样式。 text-indent 规定文本块（text-block）中的的首行缩进。 text-justify 规定当 text-align 为 “justify” 时使用的对齐方法。 text-orientation 定义行中的文本方向。 text-overflow 规定当文本溢出包含元素时应该发生的情况。 text-shadow 添加文本阴影。 text-transform 控制文本的大写。 text-underline-position 规定使用 text-decoration 属性设置的下划线的位置。 top 规定定位元素的顶端位置。 transform 向元素应用 2D 或 3D 转换。 transform-origin 允许您更改转换元素的位置。 transform-style 规定如何在 3D 空间中渲染嵌套的元素。 transition 所有 transition-* 属性的简写属性。 transition-delay 规定合适开始过渡效果。 transition-duration 规定完成过渡效果所需的秒或毫秒数。 transition-property 规定过渡效果对应的 CSS 属性的名称。 transition-timing-function 规定过渡效果的速度曲线。 U 属性描述 unicode-bidi 与 direction 属性一起使用，设置或返回是否应覆写文本来支持同一文档中的多种语言。 user-select 规定是否能选取元素的文本。 V 属性描述 vertical-align 设置元素的垂直对齐方式。 visibility 规定元素是否可见。 W 属性描述 white-space 规定如何处理元素内的空白字符。 widows 设置如果元素内发生分页，必须在页面顶部保留的最小行数。 width 设置元素的宽度。 word-break 规定单词到达行末后如何换行。 word-spacing 增加或减少文本中的单词间距。 word-wrap 允许长的、不能折行的单词换到下一行。 writing-mode 规定文本行是水平还是垂直布局。 Z 属性描述 z-index 设置定位元素的堆叠顺序。 javascript https://blog.zkmhy.top/javascript/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://blog.zkmhy.top/javascript/index.html JavaScript 的历史 JavaScript 是一种高级的、解释型的编程语言。它是 Netscape 公司在1995年开发的，最初被称为 Mocha，后来改名为 LiveScript，最终在与 Sun Microsystems 的 Java 语言合作后，被命名为 JavaScript。以下是 JavaScript 历史的一些重要里程碑： 1995年：JavaScript 由 Netscape 公司的 Brendan Eich 在 Netscape 浏览器上开发，最初命名为 Mocha。 1995年12月：Mocha 改名为 LiveScript。 1996年初：为了利用当时 Java 语言的流行度，LiveScript 被正式命名为 JavaScript。 1996年：JavaScript 随着 Netscape Navigator 2 浏览器的发布而首次亮相。 1997年：JavaScript 被 ECMA International 组织标准化，形成了 ECMAScript 标准，这是 JavaScript 的正式规范。 1998年：ECMAScript 3 版本发布，引入了更多的语言特性和错误处理机制。 2005年：ECMAScript 4 被提出，但由于其复杂性，最终被放弃。 2009年：ECMAScript 5 版本发布，引入了更多的语言特性和严格模式。 2015年：ECMAScript 2015（ES6）发布，这是一次重大更新，引入了类、模块、箭头函数、模板字符串等新特性。 2016年至今：ECMAScript 持续更新，每年都会有新的特性加入，如 ES7（2016）、ES8（2017）、ES9（2018）等。 JavaScript的用途 JavaScript 是一种多用途的编程语言，主要用于以下领域： MongoDB https://blog.zkmhy.top/database/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://blog.zkmhy.top/database/index.html 1. 什么是数据库？数据库就像是一个电子的文件柜，它用来存储和管理各种各样的数据。就像我们把文件按照类别放进文件柜一样，数据库也把数据按照一定的规则存储，便于查询、修改、删除等操作。举个例子：假设你是一个图书管理员，所有的书籍信息（书名、作者、出版日期、库存等）都存储在一个“书籍数据库”里。每次你需要查询一本书的信息时，你就能快速从数据库中找到。 2. 结构化数据库 vs. 非结构化数据库引导学生了解结构化数据库和非结构化数据库的区别：结构化数据库（关系型数据库）结构化数据库是表格型的，就像一个大表格，每一行记录都是一个数据项，表格中的列则代表数据的不同字段。关系型数据库（比如MySQL）就是典型的结构化数据库，它的数据是高度结构化的，每个数据项都有明确的列和字段，表格之间也可以通过“关联”来建立联系。生活中的例子：假设要做一个学校管理系统，会有学生表、教师表、课程表等，每张表都有不同的列（例如学生表有“学号”、“姓名”、“年龄”、“班级”等列）。所有数据严格按照这些列的格式存储，并且每一行是一个完整的记录。非结构化数据库（NoSQL数据库）非结构化数据库（例如MongoDB）则不需要固定的表格结构。它可以存储任何形式的数据，包括文本、图片、视频等。数据的格式可以更加灵活，甚至同一集合中的记录可以有不同的字段。机器学习基础 https://blog.zkmhy.top/ml/index.html Mon, 01 Jan 0001 00:00:00 +0000 https://blog.zkmhy.top/ml/index.html 机器学习基础