- 一、定义复合选择器是建立在基础选择器的基础上的，对基本选择器进行组合形成的复合选择器可以更精确的，更高效的选择目标元素（标签），精确指出想要选择的标签，避免多选，错选。复合选择器是由两个或多个基础选择器，通过不同方式组合而成的常用的复合选择器：后代选择器子选择器并集选择器伪类选择器 二、后代选择器 1、标签选择器的后代<ol> 加倍方法 <li>我是ol 的孩子</li> ... 一、定义复合选择器是建立在基础选择器的基础上的，对基本选择器进行组合形成的复合选择器可以更精确的，更高效的选择目标元素（标签），精确指出想要选择的标签，避免多选，错选。复合选择器是由两个或多个基础选择器，通过不同方式组合而成的常用的复合选择器：后代选择器子选择器并集选择器伪类选择器 二、后代选择器 1、标签选择器的后代<ol> 加倍方法 <li>我是ol 的孩子</li> ...
- 在前端开发领域中，time to first byte（TTFB）指标是指浏览器发出请求后，服务器第一次返回数据所花费的时间，即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求到服务器接收到请求、处理请求并返回响应的时间。TTFB 是一个重要的性能指标，因为它直接影响到用户的体验。较长的 TTFB 会导致用户在等待服务器响应的过程中等待时间过长，这会使用户感觉网站或应用程序加载... 在前端开发领域中，time to first byte（TTFB）指标是指浏览器发出请求后，服务器第一次返回数据所花费的时间，即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求到服务器接收到请求、处理请求并返回响应的时间。TTFB 是一个重要的性能指标，因为它直接影响到用户的体验。较长的 TTFB 会导致用户在等待服务器响应的过程中等待时间过长，这会使用户感觉网站或应用程序加载...
- 2、表格 基本使用方法主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理表格最初只是拥有三个标签，table、tr和td标签table：是用来标识这里是表格标签tr：是一行的内容，相当于一整行为单位，是一个大盒子td：是一行中具体的内容， <tabl... 2、表格 基本使用方法主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理表格最初只是拥有三个标签，table、tr和td标签table：是用来标识这里是表格标签tr：是一行的内容，相当于一整行为单位，是一个大盒子td：是一行中具体的内容， <tabl...
- 1、链接格式:<a href="http:// www.baidu.com ">百度</a>本例是个外部链接，href为用于指定链接目标的url的地址，我们还可以往a标签里面加target属性target属性分为两种：self 和 blankself是指在点击链接后，在当前页面打开新页面，而不是重新打开一个页面去显示而blank是再建立一个页面去显示新页面当链接地址未知时，我们可以使用“#... 1、链接格式:<a href="http:// www.baidu.com ">百度</a>本例是个外部链接，href为用于指定链接目标的url的地址，我们还可以往a标签里面加target属性target属性分为两种：self 和 blankself是指在点击链接后，在当前页面打开新页面，而不是重新打开一个页面去显示而blank是再建立一个页面去显示新页面当链接地址未知时，我们可以使用“#...
- 5、图像标签使用img标签需要些别的属性，例如：src属性为图片地址，这里实例中的图片使用的是本地文件，相对路径alt标签是在图片加载不出来时，出现的提示文字，提示我们这个图片原本是什么的，加入我图片地址写错的话，alt标签就会发挥作用，如图title标签是当我鼠标悬停，放在图片上时显示的文字，如图我们还能自定义图片的大小，可以添加width宽度属性，或者高度hight属性，当然两者应该选... 5、图像标签使用img标签需要些别的属性，例如：src属性为图片地址，这里实例中的图片使用的是本地文件，相对路径alt标签是在图片加载不出来时，出现的提示文字，提示我们这个图片原本是什么的，加入我图片地址写错的话，alt标签就会发挥作用，如图title标签是当我鼠标悬停，放在图片上时显示的文字，如图我们还能自定义图片的大小，可以添加width宽度属性，或者高度hight属性，当然两者应该选...
- 3、文本格式化标签主要作用是突出重要性，一般情况下全称的，语义更强烈，如：strong、em、ins、del标签语义强于对应的简写b、i、s、ins实现加粗，删除，倾斜，下划线的作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont... 3、文本格式化标签主要作用是突出重要性，一般情况下全称的，语义更强烈，如：strong、em、ins、del标签语义强于对应的简写b、i、s、ins实现加粗，删除，倾斜，下划线的作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
- 一、什么是HTMLhtml是一门标记性语言全称是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)。html只是用来制作网页的一种语言，由各种各样的标签组成html制作网页，而很多个网页聚集在一起，构成网站二、HTML基本用法1、标题标签共 h1到h6 6... 一、什么是HTMLhtml是一门标记性语言全称是超文本标记语言(Hyper Text Markup Language)，它是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言 (markup language)。html只是用来制作网页的一种语言，由各种各样的标签组成html制作网页，而很多个网页聚集在一起，构成网站二、HTML基本用法1、标题标签共 h1到h6 6...
- 8、文档的加载网页是自上向下加载的，如果将js代码编写到网页的上边， js代码在执行时，网页还没有加载完毕，这时会出现无法获取到DOM对象的情况 window.onload事件会在窗口中的内容加载完毕之后才触发 document的DOMContentLoaded事件会在当前文档加载完毕之后触发如何解决这个问题：将script标签编写到body的最后（ * ）将代码编写到window.onl... 8、文档的加载网页是自上向下加载的，如果将js代码编写到网页的上边， js代码在执行时，网页还没有加载完毕，这时会出现无法获取到DOM对象的情况 window.onload事件会在窗口中的内容加载完毕之后才触发 document的DOMContentLoaded事件会在当前文档加载完毕之后触发如何解决这个问题：将script标签编写到body的最后（ * ）将代码编写到window.onl...
- 7、事件事件（event）事件就是用户和页面之间发生的交互行为比如：点击按钮、鼠标移动、双击按钮、敲击键盘、松开按键…可以通过为事件绑定响应函数（回调函数），来完成和用户之间的交互 绑定响应函数的方式：1.可以直接在元素的属性中设置2.可以通过为元素的指定属性设置回调函数的形式来绑定事件（一个事件只能绑定一个响应函数）3.可以通过元素addEventListener()方法来绑定事件 <b... 7、事件事件（event）事件就是用户和页面之间发生的交互行为比如：点击按钮、鼠标移动、双击按钮、敲击键盘、松开按键…可以通过为事件绑定响应函数（回调函数），来完成和用户之间的交互 绑定响应函数的方式：1.可以直接在元素的属性中设置2.可以通过为元素的指定属性设置回调函数的形式来绑定事件（一个事件只能绑定一个响应函数）3.可以通过元素addEventListener()方法来绑定事件 <b...
- 5、文本节点在DOM中，网页中所有的文本内容都是文本节点对象, 可以通过元素来获取其中的文本节点对象，但是我们通常不会这么做我们可以直接通过元素去修改其中的文本 修改文本的三个属性 element.textContent获取或修改元素中的文本内容 - 获取的是标签中的内容，不会考虑css样式 element.innerText获取或修改元素中的文本内容innerText获取内容时，会考虑c... 5、文本节点在DOM中，网页中所有的文本内容都是文本节点对象, 可以通过元素来获取其中的文本节点对象，但是我们通常不会这么做我们可以直接通过元素去修改其中的文本 修改文本的三个属性 element.textContent获取或修改元素中的文本内容 - 获取的是标签中的内容，不会考虑css样式 element.innerText获取或修改元素中的文本内容innerText获取内容时，会考虑c...
- 4、div元素的原型链HTMLDivElement -> HTMLElement -> Element -> Node -> …通过元素节点对象获取其他节点的方法element.childNodes 获取当前元素的子节点（会包含空白的子节点）element.children 获取当前元素的子元素element.firstElementChild 获取当前元素的第一个子元素element.l... 4、div元素的原型链HTMLDivElement -> HTMLElement -> Element -> Node -> …通过元素节点对象获取其他节点的方法element.childNodes 获取当前元素的子节点（会包含空白的子节点）element.children 获取当前元素的子元素element.firstElementChild 获取当前元素的第一个子元素element.l...
- 1、初识要使用DOM来操作网页，我们需要浏览器至少得先给我一个对象才能去完成各种操作所以浏览器已经为我们提供了一个document对象，它是一个全局变量可以直接使用document代表的是整个的网页 <body> <button id="btn">点我一下</button> <script> console.log(document) //获... 1、初识要使用DOM来操作网页，我们需要浏览器至少得先给我一个对象才能去完成各种操作所以浏览器已经为我们提供了一个document对象，它是一个全局变量可以直接使用document代表的是整个的网页 <body> <button id="btn">点我一下</button> <script> console.log(document) //获...
- 什么是 JSON?JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。 这样就使得 JSON 成为理想的数据交换格式。js... 什么是 JSON?JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。 这样就使得 JSON 成为理想的数据交换格式。js...
- json数据格式什么是jsonJSON是一种轻量级的数据交互格式。可以按照JSON指定的格式去组织和封装数据JSON本质上是一个带有特定格式的字符串主要功能：json就是一种在各个编程语言中流通的数据格式，负责不同编程语言中的数据传递和交互. 类似于：国际通用语言-英语中国56个民族不同地区的通用语言-普通话 json有什么用各种编程语言存储数据的容器不尽相同,在Python中有字典di... json数据格式什么是jsonJSON是一种轻量级的数据交互格式。可以按照JSON指定的格式去组织和封装数据JSON本质上是一个带有特定格式的字符串主要功能：json就是一种在各个编程语言中流通的数据格式，负责不同编程语言中的数据传递和交互. 类似于：国际通用语言-英语中国56个民族不同地区的通用语言-普通话 json有什么用各种编程语言存储数据的容器不尽相同,在Python中有字典di...
- 11、垃圾回收垃圾回收（Garbage collection）和生活一样，生活时间长了以后会产生生活垃圾 程序运行一段时间后也会产生垃圾在程序的世界中，什么是垃圾？如果一个对象没有任何的变量对其进行引用，那么这个对象就是一个垃圾垃圾对象的存在，会严重的影响程序的性能在JS中有自动的垃圾回收机制，这些垃圾对象会被解释器自动回收，我们无需手动处理对于垃圾回收来说，我们唯一能做的事情就是将不再使... 11、垃圾回收垃圾回收（Garbage collection）和生活一样，生活时间长了以后会产生生活垃圾 程序运行一段时间后也会产生垃圾在程序的世界中，什么是垃圾？如果一个对象没有任何的变量对其进行引用，那么这个对象就是一个垃圾垃圾对象的存在，会严重的影响程序的性能在JS中有自动的垃圾回收机制，这些垃圾对象会被解释器自动回收，我们无需手动处理对于垃圾回收来说，我们唯一能做的事情就是将不再使...
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享：开源让物联网平台更开放、易用2024/05/14 周二 16:30-18:00
张俭 华为云IoT DTSE技术布道师
作为开发者的你是否也想加入开源社区？本期物联网平台资深“程序猿”，开源专家张俭，为你揭秘华为云IoT如何借助开源构建可靠、开放、易用的物联网平台，并手把手教你玩转开源社区！
去报名
热门标签