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

    ES6+ 开发 React 组件

    在这里简要的说一下这些语言新特性对 React 应用的开发有什么影响,这些 ES6+ 特性使得 React 开发更简单更有趣。 类 迄今为止,最能体现我们使用 ES6+ 来编写 React 组件的就是我们选择使用类定义语法。 替代了使用 React.createClass 方法来定义一个组件,我们可以定义一个 bonafide ES6 类来扩展 React.Component: 1 2 3 4 5 class Photo extends Arrow 函数 React.createClass 方法用来在你的组件实例方法中执行一些额外的绑定工作,为了确保 this 关键字会指向组件实例:  1 2 3 4 5 6 7 // Autobinding 语言特性给 React 开发带来的一些便利。

    86480发布于 2018-03-06
  • 来自专栏C++核心准则原文翻译

    自学鸿蒙应用开发6)- TextField组件

    本文介绍在鸿蒙应用中TextField组件的基本用法。 增加TextField组件 如下代码中25行~32行所示,在布局中增加TextField组件。 <? "0vp" ohos:weight="5" ohos:width="match_parent" /> </DirectionalLayout> 代码中组件 获取TextField组件并取得输入文字信息 如下面代码中20行和22行所示,在按钮组件的响应代码中获取TextField组件后,获取输入的文字信息并弹窗显示。 ://developer.harmonyos.com/cn/docs/documentation/doc-references/textfield-0000001054358710 TextField组件

    87020发布于 2020-12-31
  • 来自专栏猿天地

    业务系统组件开发概述和技术架构设计

    今天介绍下组件开发方面的内容,在前面我讲解微服务的时候就已经谈到,实际上微服务本身就是传统的业务系统组件开发的一个升级。 懂得基础的组件开发和技术架构设计是也是过渡到当前主流的微服务架构思想的基础。 组件开发概述 在这里先介绍和说明下基于组件开发带来的优势。 组件开发思路在SOA之前已经有成熟的组件开发方法,只是在SOA出现后,SOA咨询、需求分析、设计实现方法论进一步融入到组件开发中。 各种底层基础技术框架的发展和完善,为组件开发提供了根据完整的支持,推动组件开发的发展,特别是在B/S架构下的组件开发。 回到软件生命周期,我们再来阐述下组件开发的核心思路和逻辑。 业务组件下面有业务用例,这里的业务用例通过进一步的需求分析和开发,将业务用例转换为系统用例,然后对每一个系统用例进行详细的描述。

    5.5K13发布于 2020-09-22
  • 来自专栏前端自习课

    【总结】- 从 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
  • 来自专栏极客起源

    小程序开发实战(6):基础组件(text、icon和progress)

    小程序在有很多组件,其中基础组件用来显示一些静态的信息,也是各种组件中比较常用的。本文主要介绍text组件、icon组件和progress组件。 1. text组件 text是小程序中最简单的组件,用于显示文本。该组件支持转义符“\”。 系统内置图标组件(icon) icon组件用于显示系统内置的图标,该组件并不能自己指定图标文件。icon组件包含如下3个属性。 图4 为icon组件设置不同的颜色 3. progress组件 progress组件可以设置完成的百分比。该组件有如下5个属性。 默认值是0,该属性的取值范围是0~100 show-info:Boolean类型,默认值是false,如果该属性为true,会在进度条右侧显示百分比 stroke-width:Number类型,默认值是6

    94910发布于 2020-07-10
  • 来自专栏狮乐园

    高级 Angular 组件模式 (6)

    组件作者提前了解使用该toggle组件的父组件所需要的状态时,那么它将会正常的运作。但是如果父组件所需要的状态并不在我们的设想之内,我们该怎么办? 目标 将toggle组件的状态直接提供给父组件,同时允许父组件提供相应的渲染视图(view)。 实现 <ng-template>组件可以完美地解决问题。 1. 父组件 从toggle组件中传入的状态是通过let关键字在父组件的<ng-template>标签上显示声明的。 toggle>组件的模板作用域中的变量名。 除了上面的解决方法,就是使用正文中所提及的模式了,这种模式将子组件视图的渲染逻辑倒置为子组件仅仅声明模板中所会使用的状态变量,对于这些变量和模板的注入工作,全权赋予父组件,因此会使子组件的复用性和可测试性大大提高

    1.6K20发布于 2020-01-21
  • 来自专栏狮乐园

    高级 Angular 组件模式 (6)

    组件作者提前了解使用该toggle组件的父组件所需要的状态时,那么它将会正常的运作。但是如果父组件所需要的状态并不在我们的设想之内,我们该怎么办? 目标 将toggle组件的状态直接提供给父组件,同时允许父组件提供相应的渲染视图(view)。 实现 <ng-template>组件可以完美地解决问题。 1. 父组件 从toggle组件中传入的状态是通过let关键字在父组件的<ng-template>标签上显示声明的。 toggle>组件的模板作用域中的变量名。 除了上面的解决方法,就是使用正文中所提及的模式了,这种模式将子组件视图的渲染逻辑倒置为子组件仅仅声明模板中所会使用的状态变量,对于这些变量和模板的注入工作,全权赋予父组件,因此会使子组件的复用性和可测试性大大提高

    1.2K10发布于 2018-10-19
  • 来自专栏腾讯大讲堂的专栏

    业务开发方法与实践 - 业务

    业务开发团队,要承接并交付出“好”的业务系统,挑战在两点: 1. 这里打住,回到我们的业务开发语境下的业务建模,是面向业务交付信息系统的目标下所探讨的内容。 • 模型类型及其关系 • 理解业务,得出业务用例模型和业务分析模型 • 从而推导出指导系统开发的“用例模型、分析模型、设计模型和实现模型” • 业务建模指导系统开发业务建模阶段输出业务用例模型和业务对象模型 (注:RUP/软件方法的建模方法在这一点上有规范上的差异见附录1) 6. 当今LLM再次为软件开发行业掀起巨浪时,做为Prompt Engineering背后的本质也是“如何理解业务并结构化的陈述业务需求”,这与业务建模方法为业务开发赋予的理解问题域的能力正好契合,“声明式的方法

    86810编辑于 2023-11-22
  • 来自专栏狮乐园

    高级 Vue 组件模式 (6)

    06 通过 Directive 增强组件内容 目标 之前的五篇文章中,switch 组件一直是被视为内部组件存在的,细心的读者应该会发现,这个组件除了帮我们提供开关的交互以外,还会根据当前 toggle 我们期望能够显示地声明当前的元素是一个 toggler 职能的组件或者元素,这个组件或者元素,可以根据当前 toggle 组件的开关状态,动态地更新它本身的 aria-expanded 属性,以便针对无障碍访问提供适配 成果 你可以通过下面的链接来看看这个组件的实现代码以及演示: sandbox: 在线演示 github: part-6 总结 关于指令的概念,我自身还是在 angularjs 中第一次见到,当时其实不兴组件开发这个概念 到后来兴起了组件开发开发思想,指令似乎是随着 angularjs 的没落而消失了踪影。 但仔细想想的话,web 开发流程中,并不是所有的场景都可以拿组件来抽象和描述的,比如说,你想提供一个类似高亮边框的公用功能,到底如何来按组件化的思想抽象它呢?这时候使用指令往往是一个很好的切入点。

    75220发布于 2020-01-21
  • 来自专栏学习/读书笔记

    《Flutter》-- 6.高级组件

    参阅书籍: 《Flutter跨平台开发入门与实践》-- 向治洪(著) 6. 高级组件 6.1 可滚动组件 对于列表和长布局的显示溢出问题,可以使用Flutter提供的可滚动组件来处理。 6.1.1 Scrollable组件 在Flutter中,一个可滚动的组件直接或间接包含一个Scrollable组件,它是可滚动组件的基础组件。 只需将Scrollbar组件作为可滚动组件的父组件使用即可。 ,组件树的子组件可以通过发送通知来与父组件进行通信,父组件则可以通过NotificationListener组件来监听自己关注的通知,这种跨组件的通信方式通常被称为事件冒泡。 Canvas canvas, Size size) { double wheelSize = min(size.width, size.height) / 2; double nbElem = 6;

    12.6K20编辑于 2022-04-07
  • 来自专栏PaaS组件应用

    常用云PaaS组件及开源组件业务运维指南

    1 目标和范围 1.1 目标 用于指导使用腾讯云的PaaS组件和常用开源组件进行业务开发的服务的部署实施环节和后续生产环境运维。 文档摘取了腾讯云的官网文档中运维需要关注的技术指标,应用于初创团队快速对应用开发组件有一个快速了解。 检查间隔:5 - 300秒,默认为6秒 不健康阈值:2 - 10次,默认为 3次 (健康后端服务器出现此指定次数响应超时后,视为不健康) 健康阈值:2 - 10次,默认为 3次(不健康后端服务器出现此指定次数响应超时后 对于QPS要求不高的业务建议使用标准版,开发和运维更方便。 3.2.2 技术指标 相同类型的技术组件在不同系统中应保持路径的标准统一,为自动化运维提供必要的输入。

    6.7K30发布于 2019-08-30
  • 来自专栏腾讯新闻前端团队

    基于业务沉淀组件 => manage-table

    造轮子,本来是件好事,但是随着内卷的出现,造轮子就慢慢演变成了一个极端,出现了凭空造轮子和重复造轮子的事情,既不能服务于业务,还使得内卷现象越来越严重,真正的苦不堪言。 分析当前业务遇到的问题,进而产生新的思路和总结,利用技术的手段提升工作效率,提高开发速度,才是真正的有意义的轮子,也不枉卷一场。 在开发cms后台的过程中,最最常用的应该就是Table了,例如 antd的table:图片 这应该是最最常用的开发后台管理系统中使用到的组件了,没有个Table,都不好意思说是个cms系统。 不过在稍微庞大的业务中会存在一个非常常见的问题,就是一个数据源会有很多很多字段需要进行展示,如果都展示出来呢,就会存在一个非常不美观且乱糟糟的感觉,眼花缭乱。 实现首先,既然是antd的Table组件,我们肯定是要基于现有的功能去实现这个需求,所以我们需要在Table组件的基础上套一层,既不能影响Table的展示,同时还能够定制展示列。

    89820编辑于 2022-06-10
  • 来自专栏踏浪的文章

    Flutter lesson 6: Flutter组件之基础组件(二)

    Row Row这个Widget其实就是一个布局组件,类似于前端中flex-direction: row;。作用就是可以使Row中的子元素在水平方向上面排列,可以用来做走马灯轮播等效果。 FadeInImage.assetNetwork( placeholder: 'images/logo.png', image: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy semanticLabel<String> 图像的语义描述,用于向Andoid上的TalkBack和iOS上的VoiceOver提供图像描述 talkback是一款由谷歌官方开发的系统软件,它的定位是帮助盲人或者视力有障碍的用户提供语言辅助 Text Text Widget用的是非常多的一个组件,要显示文字就需要用到这个组件。使用也是很简单的。 maxLines<int> 显示的文本的行数 semanticsLabel 图像的语义描述,用于向Andoid上的TalkBack和iOS上的VoiceOver提供图像描述 talkback是一款由谷歌官方开发的系统软件

    2.5K20发布于 2019-07-31
  • 来自专栏SAP最佳业务实践

    SAP最佳业务实践:MM–组件收费的委外加工(251)-6开销售发票

    基于收费组件创建开票凭证。

    1.9K81发布于 2018-03-28
  • 来自专栏薛定喵君

    基于小程序云开发能力和vant业务组件实现省市区选择

    记一下vant的云开发示例实现 vant weapp的Area省市区选择业务组件提供了一个云开发示例但是没写详细的过程,这里把具体步骤说明一下。方便一下别的同学。 省市区数据获取 数据导入云开发数据库 小程序中使用 效果示例 Vant Weapp组件的说明 省市区选择组件 实际项目中,可以通过小程序云开发的能力,将省市区数据保存在云开发的数据库中,并在小程序中使用云开发的接口异步获取数据 编码为 6 位数字,前两位代表省份,中间两位代表城市,后两位代表区县,以 0 补足 6 位。如北京编码为 11,以零补足 6 位,为 110000。 1.打开云开发的管理控制台,点击数据库按钮切换至数据库管理界面 2.点击界面左侧的加号新建集合,输入集合名称(例:area) ? main.js中添加实例化代码就可以 wx.cloud.init({ traceUser: true }) 2.具体页面中调用获取数据的接口 本示例是在弹层中显示省市区(已引入popup及area组件

    3.2K10发布于 2020-02-13
  • 来自专栏六个周

    Week6-脚手架项目和组件初始化开发

    第一章:本周导学 1-1 本周整体内容介绍和学习方法 重点:脚手架安装 项目/组件 功能开发。 技术栈:ejs模版渲染(项目模板安装)和glob文件筛选。 第五章 组件模板开发及脚手架组件初始化功能支持 5-1 慕课乐高组件库模板开发 维护组件库发布至npm,然后在mongodb数据库中进行配置。 name:'projectTemplate', message:`请选择${title}模板`, choices: this.createTemplateChoice() }) 5-3 获取组件信息功能开发 第六章 脚手架自定义初始化项目模板功能开发 6-1 自定义项目模板开发 发布自定义模版 liugezhou-cli-dev-template-custom-vue2 mongodb中配置自定义模版数据 6-2 自定义模板执行逻辑开发 6-3 自定义模板上线 async installCustomTemplate(){ //查询自定义模版的入口文件 if(await this.templateNpm.exists

    2.8K20编辑于 2022-10-28
  • 来自专栏grain先森

    前端-微信小程序开发(6):一个业务页面的完成

    作者:叶小钗  https://www.cnblogs.com/yexiaochai/p/9419368.html 前言 接上文: 微信小程序开发(5):日历组件的实现 github地址:https ① 组件库 ② 更好的代码组织方式,也就是让我们可以做到轻松的组件开发 我们从最开始到现在,都在沿着这个方向去分解小程序学习,其实小程序本身的东西差不多了,但是我们代码过程中有时候却越高越复杂,多了很多封装 ,其实这所有的复杂都是为了设置一个基本的架构,一个标准的开发模式,让后面写业务代码的同学能更高效的写代码,经过一年多的发展,事实上这种较为成熟的框架已经有了,比如我们正在使用的: https://tencent.github.io 而日历组件和外部是不能通信的,我们这里该如何处理呢,我这里想了两个方案: ① 设置一个全局使用的组件库样式,让所有组件继承,但是不知道这里对性能是否有影响,因为这样的话体积不会太小 ② 小程序设计了可以传入组件的方法 sss.set({a: 1}, 2) sss.get()//因为没有秘钥会是null sss.get(2)//sss.get(2) 这个时候我们开始写我们数据请求的类: 首先还是实现了一个抽象类和一个业务基类

    86830发布于 2019-03-29
  • 来自专栏全栈程序员必看

    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

    INTERVAL 1 DAY); ALTER TABLE dws_o2global_ad_unite_effect_wide_hi SET("dynamic_partition.enable"="true"); 6

    79421编辑于 2025-04-24
领券