dom与sub主要玩些dom sub是什么意思呀？

来源：蜘蛛抓取(WebSpider) 时间：2022-12-10 04:04 标签： dom对sub的命令

智能路由产品主要是基于三大电信运营商4G、5G网络的无线通信产品，包括无线路由系列的MIFI、UFI、CPE等设备。已为新零售、金融、教育、医疗、家庭、商超、景区、智慧城市等上下游提供连接消费者、垂直方案商、生产厂商和电商的智能化需求解决方案。

智能穿戴又名为可穿戴设备，是应用穿戴式技术对日常穿戴进行智能化设计、开发出可以穿戴的设备的总称，智能穿戴系列以儿童手表、成人手表、老人手表等硬件+物联网语音卡的形式。将搭载智能化系统而连接于网络而实现多功能,能同步手机中的电话、短信、邮件、照片、音乐等,实现手表的功能多样化。

智能安防系列可理解为“安全防范”的意思，利用物联网技术为各类安防产品提供无线数据通道，低成本实现广域部署，以维护社会公共安全。例如：商场、小区、道路经常用到的摄像监控、门锁等。

物联卡是基于三大运营商（移动、联通、电信）提供物联网专用号段（11位或13位）的移动通信接入业务。该业务支持短信、无线数据通信等基础通信服务，可用于各种物联网设备的应用场景，如车联网、智能家居、穿戴设备、共享单车、移动支付、环境监测和智慧农业等。

物联网云平台是深圳中亿集团自主研发的物联卡管理系统，物联网云平台直接与中国移动，中国电信，中国联通三大运营商对接，为用户提供物联网卡充值、续费、查询服务，帮助用户更好的对移动/电信/联通物联网卡进行管理。

依靠小亿家APP对物联网卡、MiFi、摄像头、CPE所有产品线聚合，全线聚拢C端消费者，APP功能涵盖：流量兑换、浏览资讯、悬赏收益；同时，B端客户可实现对终端的掌控运营、留存转化、增值促活，助力企业完成商业化变现闭环。

  • createComponent：（这个函数是创建vnode的，并插入相关的hook，如init） 渲染组件name的时候，需要创建name对应的虚拟节点

组件更新的有几种情况：

  1. data数据更新，就是依赖收集
  2. 属性更新，可以给组件传入属性，属性变化后，触发更新

属性props的变化，触发更新，肯定也是来到patch方法。

  • 组件更新会触发组件的prepatch方法，会复用组件，并且比较组件的属性，事件，插槽等
  • 父组件给子组件传递的属性（props）是响应式的，在模板中使用会做依赖收集，收集自己的组件watcher
  • 稍后组件更新了，会重新给props赋值，赋值完成后会触发watcher重新更新

Vue中异步组件的写法有很多。主要用作大的组件进行异步加载。比如markdown组件，editor组件。

先渲染一个注释标签，等组件加载完毕后，在重新渲染。

  • forceUpdate（类似于图片懒加载），使用异步组件会配合webpack

  • 原理就是，异步组件默认不会调用Vue.extend方法，所以Ctor（函数）上不会cid属性，没有cid我们就认为是异步组件了。

  • 会先渲染一个占位组件，有loading就会先渲染loading，此时第一轮结束

20. 函数式组件的优势及其原理

  • react中也有两种组件：类组件和函数式组件
  • 函数式组件，没有类就没有this，也就没有状态这些，没有生命周期 beforeCreate等。
  • 函数式组件的好处：就是性能好，不需要创建watcher等
  • 函数式组件就是调用render，拿到返回结果（vnode）所以性能高

21. vue组件间传值的方式及之间的区别

  1. props：父传递数据给儿子
  2. emit ：儿子触发组件更新
初始化的时候要对propsData做处理 只有根属性会被观测，其他父组件传递给我们的不需要进行观测

首先要搞明白，我们父组件传递给子组件的数据，最开始全都是attrs，也就是属性。但是，我们在创建组件的虚拟dom的时候，会把属性进行抽离：如果我们在props中定义了该属性，表名这个属性是父组件传递的props属性，如果没有定义，该属性概述作为attrs属性。

总结一下：props的原理就是把解析后的props，验证后将属性定义在当前实例上的vm._props.这个对象上的属性都是通过 defineReactive方法来定义的。都是响应式的。组件在渲染的过程中，会去vm上的_props取值，（_props属性也会被代理到vm上）

使用emit进行组件通信，那么用到的就是发布订阅模式。

在创建虚拟节点的时候将所有事件，绑定到了listeners，如果是有修饰符.native修饰的事件，会绑定在组件上，最后在nativeOn属性上。在ininEvents方法内，将事件通过add（其实就是 o n ） 方 法 绑 定 事 件 ， 通 过 on）方法绑定事件，通过 on）方法绑定事件，通过emit触发事件。

eventBus原理就是发布订阅， $bus = new Vue()简单的通信可以采用这种方式，但是对于多个组件之间相互通信，会显得有些混乱。

parent,children，就是在创造子组件的时候，会将父组件的实例传入，在组件本身初始化的时候会构建组件间的父子关系， parent获取父组件实例，通过children获取所有的子组件实例。开发中也不建议使用。（

  • ref可以获取dom元素和组件的实例，（虚拟dom没有处理ref，这里无法拿到实例，也无法获取组件）
  • 创建dom的时候是如何处理ref的
  • 会将用户所有的dom操作及属性，都维护到一个cbs属性中，（create，update，insert，destory…）依次调用cbs中的create方法，这里就包含ref相关的操作，会操作ref，并且赋值。

在父组件通将属性暴露出来，在后代属组件中注入属性。（少用）

父级组件提供的数据，在子组件中递归查找，找到就定义在自己的身上。

  • $attrs：所有组件上的属性，不涵盖props

通过$attrs属性，可以快速的把非props的属性传递给子组件

其实还有一个Vue.observal，可以创造一个全局的对象用于通信

我要回帖

更多关于 dom对sub的命令 的文章

 

随机推荐