一、前端三板斧 1.HTML是网页内容的载体 2.CSS是表现样式 3.JavaScript实现网页特效 HTML:超文本标记语言 Hyper Text Markup Language,可以对字体...,视频,音频进行改变,随之进行操作 Xml:可扩展标记语言:spring/springmvc/mybatis —>配置文件 Html结构: 在html标签书写过程中,有些必须成对出现 Html常见的文本标签...属性值 超链接的两个作用: 1.链接的资源文件/地址 2.作为锚链接使用 步骤:1.同一个html界面: A.打锚点 ...B.创建跳转链接跳转 2.同一个html界面: A.打锚点 ...B.创建跳转链接跳转 http协议的执行流程 找到C:/windows/system32/dirvers/etc/hosts文件 hosts
如果想要尽可能少的匹配,只需要在重复的标记后加一个问号(?)即可。如 /a+?/ 匹配 'aaaa' 时,它会匹配 'a' 。...正则表达式中的锚字符包括: ^ 用来匹配字符串的开始,多行检索时匹配一行的开头。 $ 用来匹配字符串的结束,多行检索时匹配一行的结尾。...任意正则表达式都可以作为锚点条件。 先行断言 (?=pattern) 它表示一个位置,该位置之后的字符能匹配 pattern 。如 /\d+(?...如果第二个表达式是字符串,将把第一个参数匹配的子串替换为 newSubStr。如果在替换字符串中出现了 $ 加数字,replace 将用与指定的子表达式相匹配的文本来替换这些字符。...注意即使两次匹配的不是同一个字符串,lastIndex 还是会连续生效的。
,而不是以标记语言为重点; YAML(带有”骆驼”的韵律)是一种基于 Unicode 的基于 Unicode 的数据序列化语言,它围绕敏捷编程语言的常见本机数据类型而设计,它使用 Unicode可打印字符...引用重复的内容在YAML中可以使用&来完成锚点定义,使用*来完成锚点引用 #在hr中,使用&SS为Sammy Sosa设置了一个锚点(引用)名称为SS,在rbi中使用*SS完成了锚点使用 hr: - Mark...SS - Ken Griffey #执行结果 {rbi=[Sammy Sosa, Ken Griffey], hr=[Mark McGwire, Sammy Sosa]} #方式2:注意不能独立的定义锚点...*default要写在同一行。...主要和锚点配合使用,可以将一个锚点内容直接合并到一个对象中。 来看一个示例: #在merge中,定义了四个锚点,分别在sample中使用。
这种标记语言(利于人们读写的数据格式),那么你可能会很快的学会YAML,与XML相同的是我们可以使用YAML编写配置文件; YAML 通过最小化结构字符的数量并允许数据以自然和有意义的方式显示自身, 它对于编程需求...(强制转换) , > (不换行) 与 | (换行) , & (锚点) 与 * (引用) , << (合并) , ~ (代表NULL) --- YAML可以在同一个文件中,使用—表示一个文档的开始 #比如...引用重复的内容在YAML中可以使用&来完成锚点定义,使用*来完成锚点引用 #在hr中,使用&SS为Sammy Sosa设置了一个锚点(引用)名称为SS,在rbi中使用*SS完成了锚点使用 hr: - Mark...*default要写在同一行。...主要和锚点配合使用,可以将一个锚点内容直接合并到一个对象中。 来看一个示例: #在merge中,定义了四个锚点,分别在sample中使用。
在数据格式描述和较复杂数据内容展示方面的配置文件,JSON能够很好的支持,包括语法突出显示、自动格式化、验证工具等。然而缺乏注释,过于严格,长字符串转换会出现问题等等。...重复的内容在YAML中可以使用&来完成锚点定义,使用*来完成锚点引用,例如: defaults: &defaults adapter: postgres host: localhost...test: { database: 'myapp_test', adapter: 'postgres', host: 'localhost' } } 注意,不能独立的定义锚点...,比如不能直接这样写:&SS Sammy Sosa;另外,锚点能够定义更复杂的内容,比如: default: &default - Mark McGwire - Sammy Sosa...hr: *default 那么hr相当于引用了default的数组,注意,hr: *default要写在同一行。
(还是一种标记语言)”。...数据重用与合并 为了保持内容的简洁,避免过多重复的定义,YAML 提供了由锚点标签“&”和引用标签“*”组成的语法,利用这套语法可以快速引用相同的一些数据... // YAML a: &anchor #...设置锚点 one: 1 two: 2 three: 3 b: *anchor # 引用锚点 // JSON "a": { "one": 1, "two": 2, "three.... # YAML human: &base # 添加名为 base 的锚点 body: 1 hair: 999 singer: <<: *base # 引用 base 锚点,实例化时会自动展开...skill: sing # 添加额外的属性 programer: <<: *base # 引用 base 锚点,实例化时会自动展开 hair: 6 # 覆写 base 中的属性
(还是一种标记语言)”。...数据重用与合并 为了保持内容的简洁,避免过多重复的定义,YAML 提供了由锚点标签“&”和引用标签“*”组成的语法,利用这套语法可以快速引用相同的一些数据... # YAML a: &anchor #...设置锚点 one: 1 two: 2 three: 3 b: *anchor # 引用锚点 // JSON "a": { "one": 1, "two": 2, "three"...# YAML human: &base # 添加名为 base 的锚点 body: 1 hair: 999 singer: <<: *base # 引用 base 锚点,实例化时会自动展开...skill: sing # 添加额外的属性 programer: <<: *base # 引用 base 锚点,实例化时会自动展开 hair: 6 # 覆写 base 中的属性
什么是YAML YAML是"YAML Ain’t a Markup Language"(YAML不是一种标记语言)的递归缩写。...YAML的意思其实是:“Yet Another Markup Language”(仍是一种标记语言)。主要强度这种语音是以数据为中心,而不是以标记语音为重心,例如像xml语言就会使用大量的标记。...字符串值一般不使用引号,必要时可使用,使用双引号表示字符串时,会转义字符串中的特殊字符(例如\n)。使用单引号时不会转义字符串中的特殊字符。...'#'表示注释,可以出现在一行中的任何位置,单行注释 在使用逗号及冒号时,后面都必须接一个空白字符,所以可以在字符串或数值中自由加入分隔符号(例如:5,280或http://www.wikipedia.org...map:散列表类型 引用 引用会用到 &锚点符合和 星号符号,&用来建立锚点,<< 表示合并到当前数据, 用来引用锚点。
第一个锚点 // b.html 第二个锚点 如上所示,实现描点效果,需具备两个要素: 需要有一个锚点,这个锚点就是我们要跳转到的位置...一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找锚点的依据,推荐使用id属性来标记锚点(因为id能够在各种标签上使用,name属性标记锚点时只能用在a...标签上) 需要一个触发锚点跳转的a标签。...a标签一般用作定义超链接,用作超链接时它的href属性的值是另一个页面的URL。a标签用作锚点时,href的值是锚点的id值或者name值。...同一页面内的锚点跳转时,给href赋值# + 锚点id的值或者# + 锚点name的值,需要跳转其他页面的锚点位置时,需要在#前面加上跳转的路径,例如:href="b.html#two"
HTML页面结构层HTML 分以下方面学习: HTML基础, HTML表格, HTML表单, 搭建网页结构 html基础 学习前端的第一门课程,为HTML基础,HTML标记语言,它是网页制作的第一步...换行标签: 列表标签 html标签 html标记标签通常被称为HTML标签 HTML标签是由尖括号包围的关键词 HTML标签通常是成对出...标签对中的第一个标签是开始标签,第二个标签是结束标签 什么是HTML HTML是用来描述网页的一种语言 HTML超文本标记 无序列表 1 2 大于号或显示标记 ® ® 已注册 @copy; © 版权 ™ ™ 商标 Space 不断行的空白 列表标签应用场景 锚链接(同一页面) 超链接标签 定义锚...="锚名2">内容 xxxx 在不同页面如何定义锚点 定义锚(不同页面): 网页1:...
需要有一个锚点,这个锚点就是我们要跳转到的位置。...一般情况下,我们会在目标节点上添加id属性或者name属性,这个id或者name属性的值就是我们寻找锚点的依据,推荐使用id属性来标记锚点(因为id能够在各种标签上使用,name属性标记锚点时只能用在a...标签上) 需要一个触发锚点跳转的a标签。...a标签一般用作定义超链接,用作超链接时它的href属性的值是另一个页面的URL。a标签用作锚点时,href的值是锚点的id值或者name值。...同一页面内的锚点跳转时,给href赋值# + 锚点id的值或者# + 锚点name的值,需要跳转其他页面的锚点位置时,需要在#前面加上跳转的路径,例如:href="b.html#two"
简介 YAML 是 “YAML Ain’t a Markup Language”(YAML 不是一种标记语言)的递归缩写。...在开发的这种语言时,YAML 的意思其实是:”Yet Another Markup Language”(仍是一种标记语言)。...str true 转换js结果同: { e: '123', f: 'true' } 锚点引用 & 锚点和* 别名,可以用来引用: defaults: &defaults...*defaults # <<表示合并,*引用锚点 test: database: myapp_test <<: *defaults # <<表示合并,*引用锚点 相当于: defaults:...(defaults),<< 表示合并到当前数据,* 用来引用锚点。
超级了标记 语法:<a 属性1=“值1”属性2=“值2”….....值:_blank(新窗口)、_self(当前页面)、parent(父窗口)、_top(顶级) name:锚点链接(当点击链接时进行的跳转—(回到顶部)) 值:锚点名称 路径分类:相对路径和绝对路径...相对路径:就是要访问的文件相对于当前文件的位置 当前文件与目标文件在同一个目录中,直接写文件名就可以了,建议写上./ 目标文件所在的文件夹与当前文件同一个目录中,当前文件直接找到文件夹名在找文件 .../xxx/xxx/xx 目录文件在当前文件的上级,最高3级,上级表示方式:../ ? 锚点链接 说明:可以在当前页面中进行跳转,或者可以跨页面跳转,锚点链接需要两部分,锚点名称,跳转到锚点链接 ?...meta标记 说明:meta标记一定要写在head中,meta标记一般都是设置当前页面的功能(编码,关键词,作者,刷新页面,描述等) ?
,必须使用括起来,标记分为两大类封闭类型标记 也叫双标记,必须成对出现,有开始和结束标签。...--注释的内容--> 注意:注释标签不能嵌套,也不能出现在其他标记结构中> eg:> 中的内容 指定网页的编码格式联系我们 3.锚点就是网页中的一个记号,通过超链接可以迅速到达记号所在的位置....实现步骤: 第一步:定义锚点 方式一:使用任意标签的id属性定义锚点 化妆品区域 方式二:使用a标签的name属性,定义锚点 化妆品区域... 第二步:链接到锚点 化妆品 4、返回顶部 返回顶部 块级元素和行内元素 块级元素 在网页中独占一行,可以设置宽高 比如<
类似图中这种页面,就可以通过锚点来设置。下面我们具体说一下锚点元素。 锚点有两种形式,都可以实现相同的效果,只是标记锚点的方式不同。...第一种:使用 a 元素 使用 a 元素标记锚点的位置,假设你希望某个链接打开后跳到 index_02 的位置,那么就在 index_02 的位置加一个锚点: ?...然后在同一个文档中使用普通的链接元素,就可以跳到这个位置了: ? 这种方式的关键点就是,首先用带 name 的 a 确定位置,然后用带 # 的地址跳过去即可。...还有一种比较常见的情况,就是页面中靠下的几个锚点,跳过去的时候可能不会自动滚到页面的顶部。 这是因为页面的长度可能已经到头了,页面的底部不会自动拉出空白,锚点被页面底部“拽”住了。...如果感兴趣的话,可以去观察一下百度百科,几乎都是锚点的形式: ?
YAML简介 YAML(YAML Ain’t Markup Language)即一种反标记(XML)语言。强调数据为中心,而非标记。YAML大小写敏感,使用缩进代表层级关系。...YAML中支持对象Object(对应Python中的字典), 数组Array(对应Python中的列表)以及常量(字符串、数字(int/float),true/false/null)。...相比于JSON格式,YAML免除了双引号,逗号,大括号,中括号等,(当然也支持原始的JSON格式),并且支持注释,类型转换,跨行,锚点,引用及插入等等。...保留换行符) 将多行拼接为一行 示例: a: | 我 喜欢你 b: 我 不喜欢你 才怪对应JSON格式 { "a": "我\n喜欢你\n", "b": "我 不喜欢你 才怪" } 锚点...,引用及插入 在-或:后 加上&锚点名为当前字段建立锚点,下面可使用*锚点名引用锚点,或使用<<: *锚点名直接将锚点数据插入到当前的数据中,示例如下: users: - &zs name: 张三
★ 01不要过度优化 由于个人博客是很容易注册与新建,所以存在一个最大的问题,就是是人们倾向于过度使用它。 您的网站文章应来自不同的来源,不同的锚点。...那这些通常质量要低得多,在搜索引擎眼中,你这些独一无二的内容将会越来越多。 通过这样做,不仅你会得到一个贬值的链接,而且你也会危及你的原创作品。搜索引擎一般会将这种内容版本标记为可能的重复内容。...最后,我们在来在内容中穿插相关的链接,请确保添加一些高度相关的链接,使文章更具权威性。 04锚文本多元化 您正在对某个关键字进行排名。您一遍又一遍地使用相同的锚文本。 这个策略已经过时了。...相反,正如到现在为止提到的,确保锚文本多样化,锚文本应该有所区别,但它们之间又有关联。 切记,现在在内容中不能重复多次的把同一个锚文本指向同一个页面。 相反,请确保使用不同的关键词。...将链接放在不同的句子中,具有不同的锚点。专注于自然,并相应地放置相关的链接。 总结 此处的博客,可别仅仅理解为个人博客,其实,也可以理解为第三方平台、独立博客、名人博客等等。
yaml语言教程 简介 YAML 是 “YAML Ain’t a Markup Language”(YAML 不是一种标记语言)的递归缩写。...在开发的这种语言时,YAML 的意思其实是:“Yet Another Markup Language”(仍是一种标记语言)。...str true 转换js结果同: { e: '123', f: 'true' } 锚点引用 & 锚点和* 别名,可以用来引用: defaults: &defaults...*defaults # <<表示合并,*引用锚点 test: database: myapp_test <<: *defaults # <<表示合并,*引用锚点 相当于: defaults:...(defaults),<< 表示合并到当前数据,***** 用来引用锚点。
如果搜索字符串包含空格,则需要用单引号或双引号将其引起来: grep "FTP User" /etc/passwd 锚点 锚点是元字符,允许您指定必须在行中的什么位置找到匹配项。...^(脱字符)与行首的空字符串匹配。 在下面的示例中,字符串“linux”只有在行首出现时才会匹配。 grep '^linux' file.txt $(dollar)符号与行首的空字符串匹配。...要查找以字符串“linux”结尾的行,你可以使用: grep 'linux$' file.txt 你还可以使用这两个锚点构造正则表达式。...完全的量词表可参考 man grep 手册。 量词 量词允许你指定匹配必须出现的项的出现次数。下表显示了GNU grep支持的限定符: * 匹配前面的条目零次或多次。 ?...*(星号)字符与前面的项目匹配零次或多次。
领取专属 10元无门槛券
手把手带您无忧上云