- 博客(18)
- 收藏
- 关注
RSS订阅原创 理解await操作符用于等待一个Promise对象
红宝书上对await的解释：JavaScript运行时在碰到await关键字时，会记录在哪里暂停执行。等到await右边的值可用了，JavaScript运行时会向消息队列中推送一个任务，这个任务会恢复异步函数的执行。await后跟一个Promise实例和跟一个立即可用的值稍有不同。下面还是红宝书上的例子，我尝试再解释一下红宝书的说明：下面是红宝书的解释：下面是任务队列的状态，图上方是对头，序号对应如对或出队的顺序：...
2021-09-03 12:01:01
301
原创 CSS笔记——选择器的分类和书写组合
选择器在CSS中的选择器用来选择HTML代码中的标签。简单选择器元素选择器id选择器类选择器（前三种说明省略）通配符选择器*{color: red};应用于HTML中的所有标签，上例的CSS代码使HTML中的所有标签的文字设置为红色。属性选择器属性名属性值/*HTML中*/[href]{ color: red};[href="https://www.sina.com"]{ color: red;}伪类选择器选中某些元素的某种状态/*超链接未被访问*
2021-04-15 15:08:55
169
原创 HTML笔记——表单元素
表单元素一系列用于收集用户数据的元素。input元素输入框，包括但不仅限于文本。type属性：输入框类型 <!--普通文本输入框--><!--Emmet: input:text--><input type="text"> <!--密码输入框--><input type="password"> <!--日期选择框--> <!--和浏览器兼容性有关，样式不可更改--><input type=
2021-04-11 17:25:46
242
原创 一些常见元素（div+a+iframe+img+video+列表
站内相对站外绝对绝对路径普通链接锚链接功能链接鼠标滚轮选定并列内容((h2[id=“chapter$”]>{章节$})+p>lorem500)*6跳转锚点后地址改变URL统一资源定位器：schema://host/port/pathhttp、https、fileIP、域名http 80 443超链接的协议可以省略，当当前页面的协议和目标页面相同时。相对路径./当前路径…/上一级路径src图片地址alt图片说明map标签和img标签链接figur
2021-04-10 13:12:09
263
原创 CSS笔记——定位
定位——手动控制元素在包含块中的相对定位涉及CSS属性：positionposition属性static：静态定位，即不定位（默认）relative：相对定位absolute：绝对定位fixed：固定定位只要一个元素的position值不为static，就认为该元素是一个定位元素。属性值为absolute和fixed的定位元素会脱离文档流：文档流中的元素摆放时，会忽略文档流之外的元素；文档流中的元素计算自动高度时，会忽略脱离了文档流的元素。position: relative
2021-03-31 19:50:42
137
原创 CSS笔记——行盒及行块盒
页面重构师：将设计师给的设计稿实现为静态页面。行盒盒子内容多若需要换行显示，padding、border等也换行显示。而不是像块盒一样只换行显示内容而padding、border等作为块整体的边距显示在页面上。下图上下两部分分别为块盒和行盒。行盒不能设置宽高。若要设置，使用字体大小、行高、字体类型来间接设置显示的行间距。padding水平方向上有效，垂直方向上只影响背景，内容不动。border、margin同上。行块盒display: inline-block;不独占一行，上.
2021-03-29 11:04:14
633
原创 CSS笔记——视觉格式化模型
视觉格式化模型也称布局规则，即页面中多个盒子的排列规则。该模型大体上将页面中的排列分为三种方式：常规流浮动定位常规流布局也叫文档流、普通文档流、常规文档流。没有特别设置前，所有元素默认都属于常规流布局。总体规则：块盒独占一行，行盒水平依次排列块盒布局规则包含块（containing）：每个盒子都有它的包含块，包含块决定了盒子可占据的区域。绝大部分情况下，盒子的包含块为其父元素的内容盒。块盒的总宽度，一定正好等于包含块的宽度。width默认值为auto，margin的取值也可
2021-03-29 10:36:54
159
原创 CSS笔记——盒子模型类型及组成部分
CSS盒子模型将HTML元素看作一个个盒子，在设计和布局的时候使用这个盒子模型。盒子类型行盒display属性为inline，并列元素在同一行内显示。浏览器默认的行盒：span、a、img、video、audio等。块盒display属性为block，并列元素独占一行显示。浏览器默认的块盒：容器元素（div、header、article、section、aside）、h1~h6、p等。盒子的组成部分content 内容上图最中间的蓝色部分。HTML标签的width、height，设
2021-03-27 16:59:47
519
原创 CSS笔记——属性值计算过程
CSS样式无属性值到有值的过程。确定声明值：没有层叠冲突的直接用样式声明值；层叠冲突：解决冲突的规则在上一篇文章；使用继承：使用继承（样式值为inherit时，属于第一步或第二步，若是第二步则优先级最高，必须继承）；使用默认值：使用默认值（样式值为initial时，使用默认值‘；initial通常用于重置样式）。...
2021-03-25 18:33:30
93
原创 CSS笔记——层叠样式的优先性
层叠：解决声明冲突，由浏览器自动处理（权重计算）。优先性比较分三步：重要性比较（优先级递减）作者样式表的 !important（作者样式表：开发者书写的CSS样式）学了后面的特殊性的优先级计算就会发现，这里若没有!important，Lorem第一行显示颜色的应该是aliceblue；而在选择器的属性值后空格再加上!important，该属性值成为最优先，此时显示颜色为aquamarine。作者的普通样式浏览器默认样式表的样式特殊性比较选择器选中的范围越窄，越特殊，就越优先。
2021-03-25 11:23:48
120
原创 CSS笔记——常用属性及取值
渡一教育HTML&CSS课程笔记文章目录colorbackground-colorfont-sizefont-weightfont-familyfont-styletext-decorationtext-indenttext-heightweightheightletter-spacingtext-aligncolor标签内容的文字颜色预设值：单词rgb表示法：rgb(0-255, 0-255, 0-255)hex表示法：#00-ff 00-ff 00-ff。若表示每个单原色的数字的两
2021-03-22 10:25:34
544
原创 HTML笔记——一些基本文本标签
渡一教育HTML&CSS课程笔记文章目录文本元素h1~h6pspanpre文本元素h1~h6<h1>标题1</h1>p<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</p><p></p>：段落标签。网页中并列p标签之间空一行。span<p><span style="color: blueviolet;">Lor
2021-03-20 15:25:42
135
原创 HTML笔记——基本知识
注释<!--注释-->元素(标签、标记<a href="http://baidu.com">baidu</a>上面这段代码中的整体称为一个元素。元素（element） = 起始标记（begin tag）+ 结束标记（end tag） + 元素内容 + 元素属性空元素：无结束标记的元素，有两种写法：<meta charset="UTF-8" /><meta charset="UTF-8">元素不能相互嵌套<a>&
2021-03-20 10:36:26
102
原创 HTML笔记——HTML、XML和XHTML的区别
来源GML是祖先，SGML是严谨版本的GML。标题中的三种语言都基于SGML，对SGML有不同的限制的版本。定义和区别XML是用于一种表示任意数据的格式。HTML是用于网页展示的语言。XML用于存储信息内容，HTML用于展示信息。XML不能运行，仅仅表示XML文档的内容本身，除非被用另外一种可运行语言表示。因此对XML 的最好的描述是，它是独立于软件和硬件的信息传输工具。XML的标签需要自定义，不像HTML里有预定义的标签，如<p></p>是HTML里的段落标
2021-03-18 20:08:04
197
原创 HTML&CSS笔记——概述
HTML&CSS 概述文章目录HTML&CSS 概述定义执行版本及兼容性定义HTML：hypertesxt markup language 超文本标记语言HTML是W3C定义的语言标准，用于描述页面的结构（structure）。HTML相当于毛坯房。CSS：cascading style sheets 层叠样式表CSS用于描述网页的样式（presentation），相当于给房子装修。XML: extension markup language 拓展标记语言自
2021-03-18 19:26:52
316
3
原创 视觉之外笔记之产品生命周期
产品各阶段的产品设计策略引入期——最小成本验证产品方向找到种子用户忌过分追求流量成长期——优化与创新用户激增考虑提升用户粘性关注竞品动态成熟期——商业与谨慎追求商业变现注意产品细节和用户体验衰退期想办法提升用户活跃度考虑寻找新的方向引入期——最小成本验证产品方向引入期的产品往往不成熟，上线后会根据实际情况做出调整。这个时期的产品往往有很大改动，主要通过上线数据和用户反馈进行快速迭代。找到种子用户种子用户即活跃并愿意反馈的用户。忌过分追求流量产品还没有准备好之前，不宜将不成熟的产品写入潜在客户的
2020-11-18 23:54:07
516
原创 Linux操作系统实践期中考总结（选择题）
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-11-17 21:15:07
1703
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人