- 博客(4)
- 收藏
- 关注
RSS订阅原创 原生小程序如何 父给子组件传值交互
2》子组件调用父组件里的方法与子组件向父组件传值一个原理，通过triggerEvent，所以说子组件调用父组件方法的同时也可以向父组件传值》说明与延伸：1>组件实例对象在页面生命周期函数中初始化或在需要使用的地方（index.js中的click函数中）初始化都ok！1》通过selectComponent不仅可以调用子组件的方法，还可以调用子组件内的任意数据！以上是父组件调用子组件的方法，下面进行一个补充，子组件调用父组件中的方法！2>把index页面改成组件也是这样调用（父组件调用子组件中的方法），
2023-12-15 10:45:31
464
原创 浏览器渲染过程 最详细最新
如果主线程解析到`script`位置，会停止解析 HTML，转而等待 JS 文件下载好，并将全局代码解析执行完成后，才能继续解析 HTML。如果主线程解析到`link`位置，此时外部的 CSS 文件还没有下载解析好，主线程不会等待，继续解析后续的 HTML。为了提高解析效率，浏览器在开始解析前，会启动一个预解析的线程，率先下载 HTML 中的外部 CSS 文件和 外部的 JS 文件。主线程会遍历得到的 DOM 树，依次为树中的每个节点计算出它最终的样式，称之为 Computed Style。
2023-08-27 15:50:49
41
原创 css包含块
说起来也简单，**就是元素的尺寸和位置，会受它的包含块所影响。它是作为元素绝对定位和固定定位的参照物。首先 HTML 作为根元素，对应的包含块就是前面我们所说的初始包含块，而对于 body 而言，这是一个 static 定位的元素，因此该元素的包含块参照第一条为 html，以此类推 div1、p1、p2 以及 em1 的包含块也都是它们的父元素。这个答案实际上是不准确的。正确的答案应该是，**div.item 的宽高是根据它的包含块来计算的**，而这里包含块的大小，正是这个元素最近的祖先块元素的内容区。
2023-08-27 15:34:43
44
原创 # CSS 属性计算过程
因为这里并不涉及到选中 p 元素声明 color 值，而是从父元素上面继承到 color 对应的值，因此这里是**谁近就听谁**的，初学者往往会产生混淆，又去比较权重，但是这里根本不会涉及到权重比较，因为压根儿就没有选中到 p 元素。在上面的代码中，同样都是**页面作者样式**，**选择器的权重也相同**，此时位于下面的样式声明会层叠掉上面的那一条样式声明，最终会应用 *20px* 这一条属性值。在上面的代码中，同属于**页面作者样式**，源的重要性是相同的，此时会以选择器的权重来比较重要性。
2023-08-27 15:33:58
41
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人