- 综合排序
- 最热优先
- 最新优先
- 来自专栏C++核心准则原文翻译
自学鸿蒙应用开发（5）- button组件
本文介绍在鸿蒙应用中button组件的基本用法。 增加按钮组件 如下代码中红色部分所示，在布局中增加button组件。 <?xml version="1.0" encoding="utf-8"? /> </DirectionalLayout> <Component ohos:height="0vp" ohos:weight="<em>5</em>" 增加操作事件响应代码 如下面代码中红色部分所示，为button组件增加响应代码。 public void onForeground(Intent intent) { super.onForeground(intent); } } 代码中使用布局文件中指定的组件 按钮之后，为button组件增加了一段在画面底部显示“你好，鸿蒙!"信息的响应代码。需要注意的是id的格式：ResourceTable.Id_hello_button。 ?
1K31发布于 2020-12-31 - 来自专栏猫头虎博客专区
第5天：组件化开发与复用 ️
第5天：组件化开发与复用 ️ 自我介绍 大家好，我是猫头虎，一名全栈软件工程师。今天我们将继续微信小程序的学习，重点探索组件化开发与复用。这一技能对于构建复杂且高效的小程序非常重要。 组件化开发的意义 组件化开发是将页面拆分成多个独立且可复用的部分，每个部分称为一个组件。这样可以提高代码的可维护性和复用性，使得开发过程更加高效。 /view> myComponent.wxss .my-component { padding: 10px; border: 1px solid #ccc; border-radius: 5px 今日学习总结 概念 详细内容 组件化开发 学习了如何创建和使用自定义组件 组件结构 了解了组件的基本结构及其组成部分 组件注册与引用 学习了如何在页面中注册并引用自定义组件 结语 通过今天的学习，你应该掌握了如何在微信小程序中进行组件化开发与复用 这将极大地提高你的开发效率和代码质量。明天我们将探讨如何与服务器进行数据交互。
27410编辑于 2024-05-14 - 来自专栏猿天地
业务系统组件化开发概述和技术架构设计
今天介绍下组件化开发方面的内容，在前面我讲解微服务的时候就已经谈到，实际上微服务本身就是传统的业务系统组件化开发的一个升级。 懂得基础的组件化开发和技术架构设计是也是过渡到当前主流的微服务架构思想的基础。 组件化开发概述 在这里先介绍和说明下基于组件化开发带来的优势。 组件化开发思路在SOA之前已经有成熟的组件化开发方法，只是在SOA出现后，SOA咨询、需求分析、设计实现方法论进一步融入到组件化开发中。 各种底层基础技术框架的发展和完善，为组件化开发提供了根据完整的支持，推动组件化开发的发展，特别是在B/S架构下的组件化开发。 回到软件生命周期，我们再来阐述下组件化开发的核心思路和逻辑。 业务组件下面有业务用例，这里的业务用例通过进一步的需求分析和开发，将业务用例转换为系统用例，然后对每一个系统用例进行详细的描述。
5.5K13发布于 2020-09-22 - 来自专栏极客起源
小程序开发实战（5）：组件复用利器-模板
根据我们前面讲解的知识，很容易看出，这段布局代码的作用是绘制两行带背景色的方块，效果如图1所示。
84510发布于 2020-07-09 - 来自专栏hightopo
基于 HTML5 Canvas 的拓扑组件开发
在现在前端圈大行其道的 React 和 Vue 中，可复用的组件可能是他们大受欢迎的原因之一， 在 HT 的产品中也有组件的概念，不过在 HT 中组件的开发是依托于 HTML5 Canvas 的技术去实现的 ， 也就是说如果你有过使用 Canvas 的开发经验你就可以来封装自己的组件。 代码实现 前置知识 自定义组件 除了HT预定义的组件类型外，用户还可以自定义扩展类型，自定义有两种方式： 直接将type值设置成绘制函数：function(g, rect, comp, data 绘制组件 在绘制组件的过程中，我们需要把一些边界条件和特殊情况考虑到，来保持组件的扩展性和稳定性 下面就是一些我的心得 在做了 g 操作的头尾分别使用 save 和 restore ，以此来保障 g 操作的不影响后续的扩展开发。
1.8K20发布于 2019-08-26 - 来自专栏前端自习课
【总结】- 从 0 到 1 上手 Web Components 业务组件库开发
本文将带大家回顾 Web Components 核心 API，并从 0 到 1 实现一个基于 Web Components API 开发的业务组件库。 统一开发规范 首先我们先统一开发规范，包括： 目录规范 image.png 定义组件规范 image.png 组件开发模版 组件开发模版分 index.js「组件入口文件」和 template.js 这样就完成简单的本地开发和组件库构建的工程化配置，接下来就可以进行开发了。 四、EXE-Components 组件库开发 1. 实现一个用户列表业务 接下来我们通过一个实际业务，来看看我们组件的效果： 其实实现也很简单，根据给定数据，然后循环使用组件即可，假设有以下用户数据： const users = [ {"name" 写本文的几个核心目的： 当我们接到一个新任务的时候，需要从分析设计开始，再到开发，而不是盲目一上来就开始开发； 带大家一起看看如何用 Web Components 开发简单的业务组件库； 体验一下 Web
2.5K41编辑于 2021-12-29 - 来自专栏SAP最佳业务实践
SAP最佳业务实践:MM–组件收费的委外加工(251)-5交货
4.5 生成组件的交货 通过该活动的处理，在供应商处的收费组件被确认。 通过委外加工的监控，组件交货需要创建。 本活动的执行，是供应商将它们的收费/无收费组件为委外加工商创建交货，并由委外加工商管理这些组件。 收费组件存在可用库存. 5. 在屏幕下方，选择 项目确定 复选框。 6. 选择 保存。 7. 系统信息显示 物料凭证5000000XXX已过帐。 8. 5. 输入库存地点 1040，然后按 继续 创建交货。 ? 6. 使用继续 确认并记录交货凭证号。 ? 系统显示了提供 给供应商的SC库存监视报告，并创建了外向交货。 5. 选择 过帐发货。 6. 屏幕下方出现消息 用于转包的交货8xxxxxxx 已保存 。 ? 本活动的执行，收费组件已过帐到委外加工商。 你能通过以下的步骤检查委外加工商处的库存数量。
2.4K61发布于 2018-03-28 鸿蒙应用开发从入门到入行 - 篇5:组件化开发思想开发鸿蒙案例（详解父子组件传值）
鸿蒙应用开发从入门到入行第五天 - 组件化开发思想开发鸿蒙案例（详解父子组件传值）导读：在本篇文章里，您将掌握组件化开发、组件传值等相关知识。并能彻底弄懂鸿蒙父子组件数据的同步机制。 .height(80) .backgroundColor(Color.Red) .color(Color.Pink)这里是把背景改为红，进度值为粉色，如下图组件化开发组件 ：组成页面的一部分组件化开发：把页面的每一部分当成一个组件，然后把这些组件像搭积木一样搭在一起即为组件化开发组件化开发优势：代码分门别类，页面与逻辑内聚，方便阅读与维护、方便复用，等等，总之好多好多优点 而且，华为官方也确实不断的对鸿蒙开发做着改进，就像上面提到的@ObservedV2。所以鸿蒙开发未来必然会越来越方便，越来越容易好用。可是到那时越容易就会越多人涌进，但是不要怕。 总结今日内容组件组件化开发思想父子组件数据传递与同步本篇干活与细节略多，需要多认真思考学习。忠告：我们是以需求驱动学习知识点。特别是本篇含有部分需要理解与实操的内容。
98610编辑于 2024-12-23鸿蒙5开发宝藏案例分享---Swiper组件性能优化实战
(targetIndex < data.length - 2) { loadImageAsync(targetIndex + 2); // 提前加载后面第2页 } })```**子组件优化 downloadImage().then(pixelMap => { this.data.pixelMap = pixelMap; }) } }}```**效果**：- 未预加载：组件构建耗时 组件复用：`@Reusable` 减少创建开销**原理**：复用滑出屏幕的组件实例，减少频繁创建/销毁。```@Reusable // 关键装饰器！ **组件要复用**：`@Reusable` + `aboutToReuse()`更新数据* * *### 最后的话这次挖到的鸿蒙性能优化案例确实让人眼前一亮！
25310编辑于 2025-06-18- 来自专栏grain先森
前端-微信小程序开发(5)：日历组件的实现
作者：叶小钗 http://www.cnblogs.com/yexiaochai/p/9412951.html 接上文： 微信小程序开发(4)：打造自己的UI库 github地址：https: //github.com/yexiaochai/wxdemo 我们这里继续实现我们的日历组件，这个日历组件稍微有点特殊，算是相对复杂的组件了，然后一般的日历组件又会有很多的变化，所以我们这里实现最基本的标签即可 ，但是我这里代码写起来事实上是有点痛苦的，我们这里开始组装组件，将数据配置放到属性上，开始组装abstract-page，事实上我认为日历这种非全局组件本来不应该放到基类中： ① 因为Component 提供的是一个标签，而且涉及的文件很多，加上继承关系很不好管理 ② 因为日历组件事实上是一个标签，所以我们会有一个引入的基础WXML，一个使用的js，完全独立一个文件更加复杂 ③ 本来小程序或者复杂的页面都应该组件化开发 至此，我们组件相关课题基本结束，接下来，我们开始我们的业务代码
2.3K20发布于 2019-03-29 - 来自专栏腾讯大讲堂的专栏
业务开发方法与实践 - 业务篇
业务开发团队，要承接并交付出“好”的业务系统，挑战在两点： 1. 如何业务知识如何有效沉淀和迭代，而不因团队变化导致信息缺失 5. 如何为业务建设出匹配的可长期运营的业务系统，而不在演进过程中发现重大缺陷...... • 模型类型及其关系 • 理解业务，得出业务用例模型和业务分析模型 • 从而推导出指导系统开发的“用例模型、分析模型、设计模型和实现模型” • 业务建模指导系统开发 • 业务建模阶段输出业务用例模型和业务对象模型 业务建模的目标 1. 改进业务流程，提高服务效率和质量（接待/上菜速度） 2.业务用例：组织提供了哪些价值 4. 业务用例：组织提供了哪些价值 5. 当今LLM再次为软件开发行业掀起巨浪时，做为Prompt Engineering背后的本质也是“如何理解业务并结构化的陈述业务需求”，这与业务建模方法为业务开发赋予的理解问题域的能力正好契合，“声明式的方法
86810编辑于 2023-11-22 - 来自专栏PaaS组件应用
常用云PaaS组件及开源组件业务运维指南
1 目标和范围 1.1 目标 用于指导使用腾讯云的PaaS组件和常用开源组件进行业务开发的服务的部署实施环节和后续生产环境运维。 文档摘取了腾讯云的官网文档中运维需要关注的技术指标，应用于初创团队快速对应用开发组件有一个快速了解。 对于TCP的业务，使用 SYN 包进行探测。对于 UDP 业务，使用 Ping 进行检查。 响应超时时间：2 - 60秒。 检查间隔：5 - 300秒。 对于QPS要求不高的业务建议使用标准版，开发和运维更方便。 如果消费者数量是 5，则 partition 的数目也应该是 >=5 的。同时，过多的分区会导致生产吞吐的降低和选举耗时的增加，因此也不建议过多分区。
6.7K30发布于 2019-08-30 - 来自专栏腾讯新闻前端团队
基于业务沉淀组件 => manage-table
分析当前业务遇到的问题，进而产生新的思路和总结，利用技术的手段提升工作效率，提高开发速度，才是真正的有意义的轮子，也不枉卷一场。 在开发cms后台的过程中，最最常用的应该就是Table了，例如 antd的table:图片 这应该是最最常用的开发后台管理系统中使用到的组件了，没有个Table，都不好意思说是个cms系统。 不过在稍微庞大的业务中会存在一个非常常见的问题，就是一个数据源会有很多很多字段需要进行展示，如果都展示出来呢，就会存在一个非常不美观且乱糟糟的感觉，眼花缭乱。 实现首先，既然是antd的Table组件，我们肯定是要基于现有的功能去实现这个需求，所以我们需要在Table组件的基础上套一层，既不能影响Table的展示，同时还能够定制展示列。 key: 'title' + index + '_' + indx, title: '标题' + index + '_' + indx, show: indx % 5
89820编辑于 2022-06-10 - 来自专栏薛定喵君
基于小程序云开发能力和vant业务组件实现省市区选择
记一下vant的云开发示例实现 vant weapp的Area省市区选择业务组件提供了一个云开发示例但是没写详细的过程，这里把具体步骤说明一下。方便一下别的同学。 省市区数据获取 数据导入云开发数据库 小程序中使用 效果示例 Vant Weapp组件的说明 省市区选择组件 实际项目中，可以通过小程序云开发的能力，将省市区数据保存在云开发的数据库中，并在小程序中使用云开发的接口异步获取数据 复制完整数据中 export default 对象的内容(即export default后面所有内容，包含花括号) 3.本地新建一个area.json文件，将上述复制内容粘贴进去并保存 # 数据导入云开发数据库 1.打开云开发的管理控制台，点击数据库按钮切换至数据库管理界面 2.点击界面左侧的加号新建集合，输入集合名称(例：area) ? main.js中添加实例化代码就可以 wx.cloud.init({ traceUser: true }) 2.具体页面中调用获取数据的接口 本示例是在弹层中显示省市区(已引入popup及area组件
3.2K10发布于 2020-02-13 - 来自专栏itclanCoder
React进阶(5)-分离容器组件,UI组件(无状态组件)
state以及action,返回最新的state给store 根据当前的props和state,渲染出用户界面 在React开发里,让一个组件专注做一件事情,是封装组件的一个基本原则,如果你发现编写的组件做的事情太多了 (外部组件与内部组件),在组件当中调用的地方位置处,可以视它为子(内部)组件,父子组件只是一个相对的概念,把承担负责和redux中store打交道的组件称为父组件(外层),也叫做容器组件(聪明组件),它干的事情比较多 ,有复杂的业务逻辑,比如上面的TodoList就可以称为一个聪明组件 而对于承担只负责页面的渲染的组件,也就是render函数内的返回的内容,它处于内层,可以将它独立抽离出来封装成一个UI组件,它也叫做为展示层组件 UI组件(傻瓜组件/无状态组件) UI组件:纯函数,没有任何副作用,给指定的输入,有指定的输出的函数,换句话说,只根据外部组件的props进行渲染组件的 好处:拆分成容器组件与UI组件,不仅仅是功能上的分离 { constructor(props) { super(props); // 5.
1.4K10发布于 2020-10-28 - 来自专栏全栈程序员必看
vue业务组件封装_怎么去设计一个组件封装
目录 一、组件 1. 封装组件 2. 组件原理 二、组件化开发 1. 组件的使用过程 2. 组件分类（vue三大组件） 3. 二、组件化开发 前端一个页面的功能和代码量越来越多，但是操作系统是禁止多人协作编写一个文件的。组件化就是将一个大的页面，划分为多个组件区域，分别保存在不同的文件中，由多人协作开发。 使用组件进行开发便于多人协作，提高开发效率；松耦合，一人出错，不会影响全局。 1. 组件的使用过程 （1）每当拿到一个页面后，先划分组件区域，根据3个原则：位置、功能、是否重用； （2）为每个组件创建独立的js文件，来保存组件的代码； （3）回到原页面中引入并使用组件标签，将组件重新拼接回一个完整的页面 组件间传值——父给子传值 //1.父给子: 父组件:{ template:` <子组件标签 :自定义属性名="父组件的变量"> ` //2.子组件接收属性值: 子组件对象
2.4K10编辑于 2022-11-09 - 来自专栏小鑫同学编程历险记
🧩 Vue 深入组件开发☞#异步组件#
写作背景： 在前端开发中提到按需加载我们通常指的是路由配置的时候通过 webpack 提供的 import 函数来异步加载页面级别的组件，当路由被实际访问的时候才去加载对应组件的资源。 但随着页面组件内部的模块划分增加，要想保持优秀的页面加载效率我们不得不考虑页面组件内部进行按需加载，那么在 Vue 中defineAsyncComponent()方法为我们提供了这样的能力。 /Foo.vue'), // 加载异步组件时使用的组件 loadingComponent: LoadingComponent, // 展示加载组件前的延迟时间，默认为 200ms delay ，默认值是：Infinity timeout: 3000 }) 按需异步组件实验案例： 演示项目结构 下面是这次实验项目的组件结构，在 App 组件中依次导入 TitleComp、BannerComp ，入参需要提供包裹 TodoListComp 的容器 target 和 组件实际导入的 Uri，出参需要提供需要展示的控制标识和异步导入的组件对象。
83540编辑于 2022-12-26 - 来自专栏大数据技术研究和应用
StarRocks业务开发tips
5、若要手动创建分区，执行 ALTER TABLE，修改动态分区的属性，例如暂停或者开启动态分区特性，参考如下示例添加指定分区。
79421编辑于 2025-04-24 - 来自专栏HarmonyOS知识集合
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器一、前言在移动应用开发领域，效率与质量始终是开发者追求的核心目标。 一、鸿蒙组件&模板服务：开发者的宝藏库鸿蒙组件&模板服务是鸿蒙生态为开发者精心打造的资源平台，旨在降低开发门槛、提升开发效率。鸿蒙组件涵盖了界面展示、交互操作、数据处理等多个领域。 此外，还有诸如地图组件、多媒体播放组件等功能性组件，帮助开发者轻松实现复杂的业务逻辑。模板则是一套完整的项目解决方案。无论是电商类应用、社交类应用，还是工具类应用，模板市场都提供了对应的成熟模板。 这些模板不仅包含了基础的代码结构，还整合了常见的业务流程和交互逻辑。开发者基于模板创建项目，就如同拥有了一个“应用雏形”，只需根据自身需求进行修改和扩展，大大缩短了开发周期。 5. 搜索和浏览模板在模板市场界面，同样可以通过左上角搜索框输入关键词查找模板，或者点击模板品类，筛选不同品类下的模板资源。
43110编辑于 2025-06-15 - 来自专栏itclanCoder
React进阶(5)-分离容器组件,UI组件(无状态组件)
Redux实现了一个todolist,但是代码依旧不够完美,我们继续进行拆分的 在本节中,你将学习到,如何拆分容器组件,UI组件(无状态组件),让组件尽可能的保持功能的单一,减少组件的状态的 容器组件 state给store 根据当前的props和state,渲染出用户界面 在React开发里,让一个组件专注做一件事情,是封装组件的一个基本原则,如果你发现编写的组件做的事情太多了,那么就可以把组件拆分成若干粒度的小组件的 (外部组件与内部组件),在组件当中调用的地方位置处,可以视它为子(内部)组件,父子组件只是一个相对的概念,把承担负责和redux中store打交道的组件称为父组件(外层),也叫做容器组件(聪明组件),它干的事情比较多 ,有复杂的业务逻辑,比如上面的TodoList就可以称为一个聪明组件 而对于承担只负责页面的渲染的组件,也就是render函数内的返回的内容,它处于内层,可以将它独立抽离出来封装成一个UI组件,它也叫做为展示层组件 { constructor(props) { super(props); // 5.
2K00发布于 2020-10-25
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号