如果兄弟节点不是元素节点，则移动到下一个节点，直到找到一个元素节点。获取下一个是元素节点的兄弟节点。获取第一个子元素以下代码显示了第一个 的第一个元素节点： 元素并获取它们的 "category"获取属性值 - getAttributeNode()getAttributeNode() 方法返回属性节点...获取 元素的第一个子节点。将节点值更改为 "new content"。循环遍历并更改所有 元素的文本节点更改属性的值在 DOM 中，属性也是节点。...获取第一个 元素。将 "category" 属性值更改为 "food"。循环遍历所有 元素并添加使用 nodeValue 更改属性nodeValue 属性是属性节点的值。
在这个demo里面，我们把“从父组件传来的数据”这一个字符串通过props传递给了子组件 如果我们希望在子组件中改变父组件的数据的话，可以在父组件中定义一个能改变父组件数据的函数，然后通过props将该函数传递给子组件...通过$emit(event, [...参数])，所有的参数将被传递给监听器回调，也就是我们在父组件中定义的changeComponentName方法，从而实现从子组件中给父组件传参 兄弟组件间的数据交流...> 我是兄弟组件：youngestSon 更改eldestSon兄弟组件中的文本...，这就会导致我们的代码非常地繁琐，并难以维护 2.对于没有共同的父组件的兄弟组件，函数传参的数据传递方式也无能为力了，Vue文档里介绍到，你可以通过以$emit和$on函数为基础的“事件总线”沟通数据，...Vue部分的代码负责构建View层 2.Vuex部分的代码负责构建model层 （上述的Vue指的是Vuex之外的框架体系） 以上述两点为基础，决定某部分的代码到底要写进Vue里面还是写进Vuex里面，并尽量将两者分开
涵盖内容 1.熟悉css基本语法，以及css工作原理 2.熟练使用css selector 常规选择器class，id,元素，后代，通用，了解选择器的优先级 3.熟悉浮动，定位，盒模型，背景，字体，...行高 text-align 对齐元素中的文本 font-family:"Times New Roman" font-size font-style 用em来设置字体大小 为了避免Internet Explorer...中无法调整文本的问题，许多开发者使用 em 单位代替像素。...underline; } max-hright display:none;和visibility:hidden; visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间 更改内联元素和块元素...inherit 规定应该从父元素继承 overflow 属性的值。
管理应用拥有的状态概述 LocalStorage：页面级UI状态存储 LocalStorage是页面级的UI状态存储，通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例...LocalStorage是页面级存储，GetShared接口仅能获取当前stage，通过windowStage.loadContent传入的LocalStorage实例，否则返回...变量的传递/访问规则说明 传递/访问 说明 从父节点初始化和更新 禁止，@LocalStorageProp不支持从父节点初始化，只能从LocalStorage中key对应的属性初始化，如果没有对应key...变量的传递/访问规则说明 传递/访问 说明 从父节点初始化和更新 禁止，@LocalStorageLink不支持从父节点初始化，只能从LocalStorage中key对应的属性初始化，如果没有对应key...Child自定义组件中的变化： playCountLink的刷新会同步回LocalStorage，并且引起兄弟组件和父组件相应的刷新。
document.writeln('hello world') 向文档写入文本并换行 4)).获取集合 document.all #所有html元素 document.anchors...这里我们获取到了所有的Div元素，我们可以针对性的获取一个ID下的Div的子元素以及它的兄弟和父，子元素，如下： 6)).创建节点 我们可以自定义节点并添加值，不过要将它添加到文档中去，所以必须添加节点...a.removeAttribute(属性) 从元素中移除指定属性 a.removeAttributeNode(属性) 移除指定的属性节点，并返回被移除的节点 a.id 获取当前元素的id a.className...URI a.dir 设置或返回元素的内容是否可编辑 a.normalize() 合并元素中相邻的文本节点，并移除空的文本节点 a.tabIndex='3'...a.item(num) 返回节点列表中位于指定下标的节点 a.length 返回节点列表中的节点数 12)).获取元素文本 a.innerHTML 获取或者设置对象内的
:animated 正在做动画的元素 :eq(下标值) 在兄弟节点中的位置等于下标值的的元素。...:gt(下标值) 在兄弟节点中的位置大于下标值的的元素。下标从 0 开始。 :lt(下标值) 与 :gt 相反。 选择器中包含元字符的处理 选择器的元字符有：!"#$%&'()*+,./:;?...从层级中选取元素 从父元素和祖系元素中找 .closest([选择器]) .parent([选择器]) .parents([选择器]) .offsetParent() 找最近的父级定位元素（position...不为 static 的元素） 从子元素中下找 .find([选择器]) .children([选择器]) .contents() 元素下的内容：包括文本节点和注释节点。...$('a'); 从兄弟元素中找 .siblings(选择器) .prev() .prevAll() .next() .nextAll() 过滤掉不满足条件的元素 .filter(选择器|函数) 如:
Markdown 是一个 Web 上使用的文本到 HTML 的转换工具，可以通过简单、易读易写的文本格式生成结构化的 HTML 文档 Markdown 有什么优点？...Typora ： 官网地址：https://www.typora.io/ 推荐理由：简单方便，还可切换模式。"...标题 在想要设置为标题的文字前面加 # 标题共六级，一级最大，六级最小 一级标题是一个 # ，两级是两个 # ，依次类推 示例如下： # 我是一级标题 ## 我是二级标题 ### 我是三级标题 ###...# 我是四级标题 ##### 我是五级标题 ###### 我是六级标题 效果如下： 我是一级标题 我是二级标题 我是三级标题 我是四级标题 我是五级标题 我是六级标题 二....好巧啊，我也是无序列表 兄弟们，别忘了我啊，我也是 2.
useCalLback 返回一个回忆的memoized版本，该版本仅在其中一个输入发生更改时才会更改。...使用CreatePortal将组件堆栈添加到其开发警告中，使开发人员能够隔离bug并调试其程序，这可以清楚地说明问题所在，并更快地定位和修复错误。...即没有任何包含关系的组件，包括兄弟组件以及不在同一个父级中的非兄弟组件。...可以使用自定义事件通信（发布订阅模式）可以通过redux等进行全局状态管理如果是兄弟组件通信，可以找到这两个兄弟节点共同的父节点, 结合父子间通信方式进行通信。...什么是 PropsProps 是 React 中属性的简写。它们是只读组件，必须保持纯，即不可变。它们总是在整个应用中从父组件传递到子组件。子组件永远不能将 prop 送回父组件。
href属性来更改链接的地址： navLink.href = 'https://github.com/qq449245884/xiaozhi'; 我们还可以通过textContent属性来更改文本内容:...我们知道祖先的家谱，该谱系由父母，孩子和兄弟姐妹组成。 DOM中的节点也称为父级，子级和同级，具体取决于它们与其他节点的关系。 为了演示，创建一个nodes.html文件，添加文本，注释和元素节点。...head和body是兄弟节点，它们是 html 的子节点。body包含三个子节点，它们都是兄弟节点，节点的类型不会改变其嵌套的级别。...对文本和注释执行相同的操作，分别输出3和8。 除了nodeType之外，还可以使用nodeValue属性获取文本或注释节点的值，并使用nodeName获取元素的标签名。...在这个特殊的例子中，我们希望我们的按钮侦听并准备在用户单击它时执行操作。我们可以通过向按钮添加一个事件监听器来做到这一点。
$emit(方法名，传递的数据) 触发兄弟组件的事件 hub....$emit(方法名，传递的数据) 触发兄弟组件的事件 hub....-- 2、 通过slot属性来指定, 这个slot的值必须和下面slot组件得name值对应上 如果没有匹配到 则放到匿名的插槽中 --> 标题信息...标题组件实现动态渲染 从父组件把标题数据传递过来 即 父向子组件传值 把传递过来的数据渲染到页面上 结算功能组件 从父组件把商品列表list 数据传递过来 即 父向子组件传值 把传递过来的数据计算最终价格渲染到页面上...实现组件更新数据功能 上 将输入框中的默认数据动态渲染出来 输入框失去焦点的时候 更改商品的数量 子组件中不推荐操作数据 把这些数据传递给父组件 让父组件处理这些数据 父组件中接收子组件传递过来的数据并处理
，同时更新元素属性更新子节点时又分了几种情况新的子节点是文本，老的子节点是数组则清空，并设置文本；新的子节点是文本，老的子节点是文本则直接更新文本；新的子节点是数组，老的子节点是文本则清空文本，并创建新子节点数组中的子元素...由于Vue的DOM操作是异步的，所以，在上面的情况中，就要将DOM2获取数据的操作写在$nextTick中。this....provide / inject API 主要解决了跨级组件间的通信问题， 不过它的使用场景，主要是子组件获取上级组件的状态 ，跨级组件间建立了一种主动提供与依赖注入的关系$root 适用于 隔代组件通信...provide / inject API 主要解决了跨级组件间的通信问题，不过它的使用场景，主要是子组件获取上级组件的状态，跨级组件间建立了一种主动提供与依赖注入的关系。...（6）Vuex 适用于 父子、隔代、兄弟组件通信Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store（仓库）。
在横向模式和纵向模式下，警示框可能会有所不同。优化警示框文本，使其在任何方向上都无需滚动就能很好地阅读。 警示框标题和内容 尽可能写一些短小的、描述性比较强的多文本警告标题。...如果在你的集合中很难找到某个条目，用户会感到沮丧并失去兴趣。在内容周围使用足够的填充，以保持布局整齐并防止内容重叠。 集合的方式不适用于文本信息，文本信息可以用列表。...此外观适用于应用程序级导航和集合列表，例如Mail中的邮箱。对于显示列表视图的补充列，请使用普通边栏外观。这种外观适合于单个内容的列表，例如邮箱中的消息。 在主要和补充列中持续突出显示任务选择。...尽管辅助窗格的内容可以更改，但它应始终与其他列中可清楚识别的选择相对应。这种选择有助于人们理解列之间的关系并保持自己的方向。 如果合适，允许人们在列之间拖放内容。...子标题模式：同一行中，包含左对齐标题和标题下面的左对齐文本。这种样式适用于视觉上相似的列表。而加上子标题有利于区分行与行。 ? 右侧子标题：左对齐标题，右对齐子标题，位于同一行。
LocalStorage页面级UI状态存储 LocalStorage是页面级的UI状态存储，通过@Entry装饰器接受的参数可以在页面内共享同一个LocalStorage实例。...LocalStorage是页面级存储，GetShared接口仅能获取当前stage，通过windowStage.loadContent传入的LocalStorage实例，否则返回undefined。...被装饰变量的初始值 必须指定，如果LocalStorage实例中不存在属性，则座位初始化默认值，并存入LocalStorage中 变量的传递/访问规则说明 传递/访问 说明 从父节点初始化和更新 禁止...，则座位初始化默认值，并存入LocalStorage中 变量的传递/访问规则说明 传递/访问 说明 从父节点初始化和更新 禁止，@LocalStorageLink不支持从父节点初始化，只能从LocalStorage...(){ Button(`Child from LocalStorage ${this.storLink2}`) //更改将同步至LocalStorage中的'ProA'以及
面试必问的知识点了，其中包括了父子组件之间的通讯和兄弟组件之间的通讯，有的时候还会有和根组件之间的通讯。...这种方式主要是解决： "当我们需要从父组件向子组件传递数据时，我们使用 props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。...如果这些子组件都需要依赖最上面父组件的某个数据，通过props一级级的传递也可以实现，但是这样做太麻烦，也没有人会这样用所以provide和inject就可派上用场了，我们只需要在最上面的父组件中把某个数据暴露提供出去...，再在子组件中注入一下就好，这样每个子组件就可以用到父组件的数据，而不用一级级的传递。...，一个地方更改，其它的依赖都会做出响应改变。
拥有虚拟DOM、组件化设计模式、声明式代码、单向数据流、使用JSX描述UI信息等特点。...，是不可变的，可以从父组件传入参数配置该组件。...8、通信 React中的组件通信有以下几种情况： 父子组件通信 兄弟组件通信 跨多层次组件通信 任意组件通信 父子组件通信：父组件通过props传递参数给子组件，子组件通过调用父组件传来的函数传递数据给父组件...12、高阶组件 高阶组件就是一个以组件作为参数，并返回一个组件的函数。高阶组件的作用就为了提高组件之间的代码复用。...13、Flux和Redux Flux是一种强制单向数据流的架构模式。
单行、多行文本溢出隐藏？ 替换元素的概念与计算规则？ 1、CSS选择器与优先级 选择器 优先级权重 等级 实例 !important 10000 一等 a{color:red !...三等 #box{color:red;} class类选择器、属性选择器、伪类选择器 10 四等 .box{color:red;} 标签选择器、伪元素选择器 1 五等 div{color:red;} 相邻兄弟选择器...2、CSS中可继承与不可继承属性有哪些 可继承属性 字体系列的属性：font-family、font-weight、font-size、font-style 文本系列属性：text-indent、text-align...这个元素的所有直系子元素将成为网格元素 list-item 像块类型元素一样显示，并添加样式列表标记。 table 此元素会作为块级表格来显示。...table-column 此元素会作为一个单元格列显示（类似 ） table-caption 此元素会作为一个表格标题显示（类似 ） inherit 规定应该从父元素继承 display
-- 网页标题 --> // 属性节点 content // 文本节点 <!...box); // setAttribute 给元素设置属性 box.setAttribute("fengyu", "123"); console.log(box); // getAttribute 获取元素属性的值...console.log(box.getAttribute("fengyu")); // box元素中fengyu属性的值 // removeAttribute 删除元素的属性 console.log...// nextElementSibling 返回下一个兄弟元素节点 // previousSibling 返回前一个兄弟节点 // previousElementSibling 返回前一个兄弟元素节点
文档标题（浏览器标签中显示的文本）： 深入了解 head 元素 编码格式： （你可能还看到 gb2312...（一般都设置为最新模式，在各大框架中这个设置也很常见。）...--a 元素有一个href属性，这个属性指定了超链接目标是index.html，还有个title属性，在我们浏览器中，鼠标移动到这个a元素上，会显示一段文本“首页”--> 9、常用的基本元素 标题(Heading...) 我是一级标题 我是二级标题 我是三级标题 我是四级标题 我是五级标题...行内元素同行显示，默认宽度由内容决定，通常出现在块级元素中并包裹文档内容的一小部分，而不是一整个段落或者一组内容。行内元素不会导致文本换行：它通常出现在一堆文字之间例如超链接元素或者强调元素、 、。
provide / inject API 主要解决了跨级组件间的通信问题，不过它的使用场景，主要是子组件获取上级组件的状态，跨级组件间建立了一种主动提供与依赖注入的关系。...（6）Vuex 适用于 父子、隔代、兄弟组件通信Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store（仓库）。...Getter：允许组件从 Store 中获取数据，mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。...provide / inject API 主要解决了跨级组件间的通信问题，不过它的使用场景，主要是子组件获取上级组件的状态，跨级组件间建立了一种主动提供与依赖注入的关系。...（6）Vuex 适用于 父子、隔代、兄弟组件通信Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store（仓库）。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
