首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端知识分享

    Angular 4 组件通信

    组件通讯,意在不同的指令和组件之间共享信息。如何在两个多个组件之间共享信息呢。 最近在项目上,组件组件之间可能是父子关系,兄弟关系,爷孙关系都有。。。。。 我也找找了很多关于组件之间通讯的方法,不同的方法应用在不同的场景,根据功能需求选择组件之间最适合的通讯方式。下面我就总结一下关于组件通讯的N多种方法。

    1.3K00发布于 2020-06-10
  • 来自专栏狮乐园

    高级 Vue 组件模式 (4)

    我们可以在 toggle 组件模板中的 slot 标签上将所有与其上下文相关的方法及属性传递给它,如下:

    <slot :status="status" : status.on"></custom-status-indicator> </template> 当然,相比上一篇文章,我们需要对 custom-button 和 custom-status-indicator 组件做一些简单的更改 成果 通过作用域插槽,我们有效地避免了第三方组件由于混入 toggleMixin 而可能造成的命名冲突以及隐式依赖等问题。 你可以通过下面的链接来看看这个组件的实现代码以及演示: sandbox: 在线演示 github: part-4 总结 mixin 虽好,但是一定不要滥用,作为组件开发者,可以享受它带来的便利性,但是它对于组件调用者来说

    64710发布于 2020-01-21
  • 来自专栏ArcGIS JS API开发

    【React基础-4组件 & Props

    组件定义 在react中定义一个组件的话有以下两种方式: 通过编写JavaScript函数来定义一个组件,这种方式定义的组件被称之为函数组件 通过ES6的class来定义一个组件,这种方式定义的组件被称之为类组件 我们上述通过两段代码定义的函数组件和类组件最终渲染到页面的效果如下所示: 渲染组件组件定义部分我们仅仅介绍了props在函数组件和类组件中的使用,并没有介绍它是从哪传到函数组件或类组件中的,在这里我们就介绍下 组合组件与提取组件 组合组件的含义其实很简单,就是在我们平常的开发中,一个web页面是通过不同的组件组合起来的,最简单的就是上中下结构的页面,包含顶部组件、中间内容区域组件、底部组件组合而成,大致意思就是这样 ,提取组件就是将一个组件拆分成更小的几个组件。 Comment组件代码,这对后期维护组件的人员来说有点恼火了,那我们就需要对Comment组件进行组件提取,其实也就是组件拆分工作。

    76110编辑于 2022-02-21
  • 来自专栏踏浪的文章

    Flutter Lesson 4: Flutter组件之App布局组件

    首先来看一下我怎么来学习Flutter,我要了解每一个组件,同时,这又是一个App,所以,我的目标是直接生产一个App,里面就是对Flutter组件的介绍,同时写上一些demo以及源代码,这一个点子源于 如果要构建这样的一款App,我需要先构建一个App首页,包含了一个可以滚动的列表,如果可以,还可以添加一些其他的组件。以及基础的布局组件。 ,Flutter中还包含了其余的多种列表组件,这些以后再介绍。 第二个参数需要使用到new MaterialPageRoute调用一个组件,传递一个builder,这是一个函数,返回需要显示的组件即可。关于传值,就在返回的组件中传值即可。 补充说明(very important) 前文们提到了MaterialApp组件,这个组件其实一般就在main.dart中使用一次就可以了,因为如果在一个项目中使用了多次MaterialApp,同时你使用了固定路由配置

    2.2K50发布于 2019-07-31
  • 来自专栏狮乐园

    高级 Angular 组件模式 (4)

    命名冲突不仅存在于指令的选择器之间,同时也会存在于指令的Inputs和Outputs属性,当这些属性名一样时,Angular并不会进行提示,它会按原本的逻辑正常工作。这种情况有时候是我们希望看到的,有些时候却不是。

    1K10发布于 2018-10-19
  • 来自专栏技术人生

    flutter组件4【视频播放】

    VideoDetail extends StatefulWidget { //https://nico-android-apk.oss-cn-beijing.aliyuncs.com/landscape.mp4 videoPlayerController = VideoPlayerController.network('https://nico-android-apk.oss-cn-beijing.aliyuncs.com/landscape.mp4'

    59520发布于 2020-11-13
  • 来自专栏Owen's World

    服务器4

    解决方案 1.因为是阿里云服务器,先在阿里云后台禁止公网访问3306端口。

    50220编辑于 2021-12-07
  • 来自专栏IT综合技术分享

    组件分享之后端组件——直播服务器ipchub

    组件分享之后端组件——直播服务器ipchub 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件组件基本信息 组件:ipchub 开源协议: MIT License 快速开始 Restful Api 系统配置 内容 之前分享过一个视频直播组件livego,但是它有一个弊端,当我们有多个摄像头时它仍然是一个地址 ,这就会造成无法做成管理类多屏页面,而本次分享的组件是一个即拷即用、支持摄像头集中管理、多级路由及h5播放的流媒体服务器ipchub,其特性如下: 基于纯 Golang 开发 支持 Windows、Linux 、macOS 平台 支持 RTSP 推流(主动推送) 支持 RTSP 拉流(拉取摄像头或其他流媒体服务器资源) 支持 RTSP TCP、UDP、Multicast 播放 支持 H264+AAC H5播放 具体使用方式小伙伴们可以参考下面三个说明,我简单使用了一下,认为目前该组件还是发展期Issues还不是很多,小伙伴们可以进行关注一下进度,作者回复还算积极。

    1K30编辑于 2022-03-06
  • 来自专栏云云众生s

    React服务器组件入门

    Paul Scanlon 使用 Waku 展示了 RSC 如何让 React 开发人员在组件级别访问异步服务器端请求和数据。 哇,最近关于 React 服务器组件 (RSC) 的讨论很多,而且在很大程度上,在阅读了 互联网上最聪明的人 的所有非常聪明的解释之后,我并没有真正理解任何内容。 然而,该网站的介绍中遗漏的是 Waku 支持 React 服务器组件——因此,如果你想自己试用它们,你不需要使用 Next.js(我对此表示感谢)。 React 服务器组件简介 所以我的看法是:RSC 使 React 开发人员能够在组件级别访问异步服务器端请求和结果数据。 相反,所有数据获取都在组件中进行,服务器端。

    1.1K10编辑于 2024-04-11
  • 来自专栏keyWords

    4、React组件之性能优化

    对多个React组件的性能优化 当一个React组件被装载、更新和卸载时,组件的一序列生命周期函数会被调用。 同样一个组件的渲染过程也要考虑三个过程:装载阶段、更新阶段、卸载阶段 对于装载阶段,组件无论如何都要彻底渲染一次,从这个React组件往下的所有子组件,都要经历一遍React组件的装载生命 周期,所以并没有多少优化的事情可做 对于卸载阶段,只有一个生命周期函数componentWillUnmount,这个函数只是清理componentDidMount添加的事件处理监听等收尾工作, 所以,也没有什么可优化的空间; 4. ,React做得是根据新节点的props去更新节点的组件实例,引发组件的更新过程; 在处理完根节点对比后,React的算法会对根节点的每一个子节点重复一样的操作 多个相同子组件的情况 如果最初组件状态为 ,即挨个比较每个子组件; React首先认为把text为First的组件的text改为Zero,Second的改为First,最后创建一个text为Second的组件,这样便会破原有的两个组件完成一个更新过程

    75610发布于 2018-09-19
  • 来自专栏码客

    Ant Design Vue 4常用组件

    https://www.antdv.com/docs/vue/getting-started-cn

    47310编辑于 2024-08-06
  • 来自专栏学习/读书笔记

    《Flutter》-- 4.Flutter组件基础

    参阅书籍: 《Flutter跨平台开发入门与实践》-- 向治洪(著) 4. Flutter组件基础 4.1 Widget组件基础 Flutter开发中有一个非常重要的理念,即一切皆为组件4)theme:定义应用主题。 5)theme.primarySwatch:应用的主题色。 6)theme.primaryColor:单独设置导航栏的背景色。 3)actions:右边的动作区域中可放置多个组件,可以是图标或者文字。 4)flexibleSpace:位于标题下面的空白空间。 5)bottom:位于导航栏底部的自定义组件4)drawer:设置抽屉效果。 5)floatingActionButton:设置位于右下角的按钮。 ) ] ), transform: Matrix4.rotationZ(.2), alignment

    14.4K30编辑于 2022-04-07
  • 来自专栏技术杂记

    日志服务器4

    因为数据最后是写到 mysql 里,所以要安装 rsyslog 操作 mysql 的模块

    83140发布于 2021-10-19
  • 来自专栏Michael阿明学习之路

    React 组件服务器

    请求服务器数据 2. 发送开始停止请求 3. "House Chores", "elapsed": 5458797, "id": "0a4a79cb-b06d-4cb1-883d-549a1e3b66d7", "runningSince title": "Clear paper jam", "project": "Office Chores", "elapsed": 1274709, "id": "a73c1d19-f32d-4aff-b470 -cea4e792406a", "runningSince": null }, { "title": "Ponder origins of universe", "project": " IO 阻塞) 的,被调用的函数本身不会返回有用的值 可以:传递一个函数进去,如果服务器成功返回结果,getTimers() 将在服务器返回消息后,调用传入的这个函数 client.getTimers((

    1.6K20编辑于 2022-07-28
  • 来自专栏全栈程序员必看

    angular4组件向子组件传值,子组件向父组件传值的方法

    组件向子组件传值 @Input 文件目录 父组件: father.template.html

    组件

    <cmt-child [data]='data'></cmt-child> console.log(this.data) } ngOnChanges() { console.log(this.data) } } 这样就把值从父组件传到了子组件组件向父组件传值(子组件通过方法借助修饰器@output传值给父组件) 子组件 childcomponent.ts import { Component, OnInit, Input, Output <button (click)='checkedCallback()'>点击传值给父组件</button> 父组件 father.template.html

    组件

    <cmt-child } ngOnChanges() { } checkedBack(event) { console.log(event) } } 这样子组件通过点击就把值传递给了父组件

    4K10编辑于 2022-08-24
  • 来自专栏火属性小虫

    HarmonyOS开发学习(4)–组件状态管理

    , 7 4月 2024 作者 847954981@qq.com 我的编程之路, 移动端学习 HarmonyOS开发学习(4)–组件状态管理 在一个应用程序中,界面通常是动态的,因此组件本身应该存在状态 在组件范围传递的状态管理常见的场景如下: 场景 装饰器 组件内的状态管理 @State 从父组件单向同步状态 @Prop 与父组件双向同步状态 @Link 跨组件层级双向同步状态 @Provide和@Consume 若当前组件的状态需要通过其父组件传递而来,此时需要使用@Prop装饰器;若是父子组件状态需要相互绑定进行双向同步,则需要使用@Link装饰器。 从父组件单向同步状态:@Prop @State单独使用只是单个组件内的状态管理,接下来我们需要学习跨组件的状态管理。 如果使用之前的@Prop装饰器,因为该装饰器是父组件到子组件的单向传递,显然不能满足点击子组件改变父组件的需求。因此我们需要实现@Link装饰器。

    47610编辑于 2024-04-08
  • 来自专栏全栈程序员必看

    mt4服务器地址大全_mt4无法连接服务器

    MT4服务器地址在哪个文件 内容精选 换一换 VPC为弹性云服务器构建隔离的、用户自主配置和管理的虚拟网络环境,提升用户云中资源的安全性,简化用户的网络部署。 修改/etc/netplan/01-netcfg.yaml配置文 MT4服务器地址在哪个文件 相关内容 环境搭建完成后,若您需要修改Atlas 200 DK的IP地址,请参考以下步骤操作。 使用外部镜像文件创建私有镜像时,设置网卡属性操作需要在虚拟机内部完成,建议您在原平台的虚 MT4服务器地址在哪个文件 更多内容 本节操作介绍本地MacOS系统主机通过安装“Microsoft Remote 确定云服务器操作系统类型,不同操作系统安装NFS客户端的 本章节介绍如何将下载的证书安装到IIS服务器上。安装好证书后,您的Web服务器将能支持SSL通信,从而保证您Web服务器的通信安全。 系统管理员 本章节介绍如何将下载的证书安装到IIS服务器上。安装好证书后,您的Web服务器将能支持SSL通信,从而保证您Web服务器的通信安全。

    3.6K20编辑于 2022-09-21
  • 来自专栏IT综合技术分享

    组件分享之后端组件——简单高效的直播服务器livego

    组件分享之后端组件——简单高效的直播服务器livego 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件 组件基本信息 组件:livego 开源协议:MIT License 使用说明:https://github.com/gwuhaolin/livego/blob/master/README_cn.md 内容 本次分享的组件是简单高效的直播服务器livego 该组件具有以下特点: 安装和使用非常简单; 纯 Golang 编写,性能高,跨平台; 支持常用的传输协议、文件格式、编码格式; 支持的传输协议 具体步骤可以参考该组件提供的使用说明: 使用 启动服务:执行 livego 二进制文件启动 livego 服务; 访问 http://localhost:8090/control/get?

    1.3K10编辑于 2022-03-06
  • 来自专栏finleyMa

    react学习系列4 组件生命周期

    组件的生命周期非常重要。官方文档 已经就讲的比较清楚了 找了半天发现下面的图最清晰直观(点击放大): ?

    41240发布于 2018-09-10
  • 来自专栏日常记录

    4级联动 地址组件 移动端

    confirm响应 传递当前数据 ---- 目录 mixin ==> 混入文件 控制后三列滑动 util ==> 工具文件, 克隆传递过来的数据 getAddress.js //获取数据文件 需要在父组件混入 props visible 控制组件显示隐藏 province 第一列数据 city 第二列数据 county 第三列数据 street 第四列数据 — 每列数据 变量在 getAddress.js 中定义 请确保父组件中不予起冲突 valueData 初始化默认选中数据 数据格式单层对象 ? 注意 每次改变数据 都会出发change响应 点击蒙层与确定会出发各自的事件 并 隐藏组件 使用 父组件中 component 引入 import AddressList from ‘…/…/newComponent 可以定义你自己需要的这里仅示例 getAddressData(data){ //父组件中动态展示 try { this.provinceText= data.rag

    2K20发布于 2019-03-28
领券