前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台(12.8k Star),可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。 内置相关部件 TB(ThingsBoard简称,下同)系统前端内置了三十多种部件,…
前言 在前端框架Angular中,组件之间的通信很基础也很重要,不同组件间的通信方式也不同,掌握组件间的通信方式会更加深刻的理解和使用Angular框架。 本文讲解不同类型组件间的不同通信方式,文中所有示例均提供源码,您可以 在线编辑预览 或 下载本地调试,相信通过本文您一定可以掌握组件通信这一知识点。 父组件传子组件 @Input方式 …
前言 ThingsBoard是目前Github上最流行的开源物联网平台(12.8k Star),可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍在Windows环境,ThingsBoard前端项目的安装部署与如何配置后台服务启动。 安装部署 首先我们需要准备所需的项目与环境。 开源项目 开源项目Th…
前言 大家还记得前段时间Meta公司,也就是FaceBook改名后的那家,CEO扎克伯格发的那张元宇宙自拍吗? 他没想到的是,随手的一张自拍却引来了群嘲,20年前的像素感,粗糙的人物轮廓,背后是法国的埃菲尔铁塔和西班牙的巴塞罗那大教堂,这难道就是耗资百亿打造的元宇宙么? 今天我们不去深究元宇宙的发展,我们来说说和元宇宙有着千丝万缕关系的W…
前言 本文讲解CSS中使用频率并不高的content属性,通过多个实用的案例,带你由浅入深的掌握content的用法,让代码变得更加简洁、高效。 定义 W3school中这样定义: content 属性与 :before 及 :after 伪元素配合使用,来插入生成内容。 该属性用于定义元素之前或之后放置的生成内容。默认地,这往往是行内内…
引言 本文讲解倒计时为什么建议使用setTimeout而不使用setInterval,倒计时为什么存在误差,以及如何解决。 倒计时器 在前端开发中,倒计时器功能比较常见,比如活动倒计时,假定只有10秒,比较常见的两种写法如下: //setTimeout实现方式 var countdownTime = 10; //倒计时秒数 var cou…