写点什么

组件化

0 人感兴趣 · 37 次引用

  • 最新
  • 推荐

单体应用、SOA 架构、微服务架构有哪些优劣势?

目前大部分的企业系统和互联网应用都是采用的Web形式提供服务能力,根据系统的组织和部署结构,软件架构的演化过程大概分成以下阶段:1、单体架构; 2、SOA架构;3、微服务架构

vivo 游戏中心低代码平台的提效秘诀

vivo互联网游戏中心低代码平台从产品定位入手,以组件化方式搭建用户端页面,快速支撑产品需求,提升了研发效率,缩短了项目周期。本文首先介绍背景与痛点,然后阐述了游戏中心是如何搭建低代码平台,最后展示了低代码平台带来的收益和未来建设方向。

https://static001.geekbang.org/infoq/80/80d84f476322d83ab2e7234ee7f80d60.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

版本控制 | 一文了解什么是组件化开发,以及如何从单体架构转向组件化开发

传统开发模式中,所有代码都写在APP模块中。随着项目的发展,代码量逐渐庞大,编译时间越来越长。为了方便后续项目的开发和测试、提高编译性能,您需要了解组件化开发,以及如何利用版本控制系统从单体架构转向组件化开发。

https://static001.geekbang.org/infoq/9f/9f1b62330422d2506082902bb7471f59.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue- 组件详解

Vue组件需要注册后才可以使用,注册有全局注册和局部注册两种方式

面向复杂业务场景下的低代码平台组件设计与实践分享

用户头像
Baidu AICLOUD
2022-10-31

百度智能云低代码平台爱速搭基于百度内外长期线上运行的经验,孵化出了一套能够覆盖绝大多数场景的组件体系。本文将分享我们在整个组件体系设计中的一些思路和心得。

如何建设前端物料平台?

用户头像
龙之幽谷
2022-09-28

物料(Material) 这个概念在前端领域大家都不陌生,在阿里飞冰中的解释物料即组成一个前端项目的不同单位,根据抽象粒度的不同,我们将物料从小到大分为组件(component)、区块(block)和模板(scaffold)。其实在这里可以理解为前端可复用的组件模块都可理

https://static001.geekbang.org/infoq/6d/6d5a607d9fc01b4ae6a22317c0d32fc5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

组件解析:基础组件 button 的实现

用户头像
独来独往
2022-08-18

随着应用开发需求的不断增大,快速开发已经成为很多企业目标,但是传统的应用程序想要实现快速开发并不现实,那怎么办呢?低代码开发平台可以帮到你。

https://static001.geekbang.org/infoq/54/54dbe56b813e251fe3cd8e2770b1e037.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(十一)—— 实现 MyCard 的可复用

用户头像
编程三昧
2022-02-18

今天我们通过使用具名 Slots 在 Templates 中占位,然后再在自定义元素中给 Slots 传值,提高自定义元素的灵活性。

https://static001.geekbang.org/infoq/75/75f4b2807b764845e730e3163ef49b7b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(十)—— 实现 MyCard 的基本布局

用户头像
编程三昧
2022-02-17

理论知识基本上够用了,从现在开始我们需要将理论运用到实践中,让理论为实践服务,使用 Web Components 的相关知识来实现 MyCard 的制作。

https://static001.geekbang.org/infoq/e9/e93f8e13d8fa9e69a83fe10d8b79c6d3.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web_Components 系列(九)—— Shadow Host 的 CSS 选择器

用户头像
编程三昧
2022-02-16

-`:host` 范围最大,匹配所有的自定义元素实例; -`:host()` 只选择自身包含特定选择器的自定义元素; - `:host-context()` 选择拥有特定选择器父元素的自定义元素。

https://static001.geekbang.org/infoq/02/0204eea9fd1d81fa37d4863e9c5701c4.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(八)—— 自定义组件的样式设置

用户头像
编程三昧
2022-02-15

通过前面的学习,对自定义组件的相关概念和知识点也有了一定了解,今天我们就来学习一下给自定义元素及其子元素设置样式的几种方法。

https://static001.geekbang.org/infoq/cd/cd140b3d46c03916a1009cde01126682.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列 (七) ——自定义组件的生命周期

用户头像
编程三昧
2022-02-13

何谓”生命周期“?顾名思义,生命周期就是指一个物体从产生前到消亡后的整个过程,当然,不同物体的生命周期具体阶段划分可能不太一样。

https://static001.geekbang.org/infoq/7d/7d56a0cb4b7fd3833ea31140b4620d91.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(五)—— 详解 Slots

用户头像
编程三昧
2022-02-12

熟悉 Vue 的同学应该都知道”插槽(slot)“的概念,通过使用插槽可以让页面内容的组织更加灵活。

https://static001.geekbang.org/infoq/19/199b9e5442f2fb150fad3330fe6b3bab.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(五)—— 关于 Templates

用户头像
编程三昧
2022-02-11

Templates 可以将一些页面内容事先封装并且保存在 HTML 页面上,且不进行渲染,随后可以使用 JS 来操作 Templates。

https://static001.geekbang.org/infoq/13/13e084b9487fc3ba1bdf6b7fe05d4e8c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(四) —— 认识 Shadow DOM

用户头像
编程三昧
2022-02-10

影子当然都是藏在暗处,不容易让人发现的,就像文章开头提到的那些默认元素,如果不通过设置,我们表面上看到的就是简单的一个标签而已。

https://static001.geekbang.org/infoq/72/72d37885f03427912ffd73096748ef5a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(三) —— 创建 Custom Elements

用户头像
编程三昧
2022-02-09

自定义元素分为两类:Autonomous custom elements(自主定制元素)和Customized built-in elements(自定义内置元素),这两者在使用上到底有什么区别?

https://static001.geekbang.org/infoq/96/96fd2d41b3d0c4c5a50967e2d525f52e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(二)—— 关于 Custom Elements

用户头像
编程三昧
2022-02-08

Web Components 标准非常重要的一个特性是,它使开发者能够将 HTML 页面的功能封装为 custom elements(自定义标签),而往常,开发者不得不写一大堆冗长、深层嵌套的标签来实现同样的页面功能。

https://static001.geekbang.org/infoq/06/060f2eeee1d91ac769c4906770f6c6f1.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web Components 系列(一) —— 概述

用户头像
编程三昧
2022-02-07

既然组件化开发这么流行,又能给开发带来极大的便利,那么浏览器就当然有理由来原生支持组件化,Web Components 就应运而生,它的诞生使得浏览器有了原生支持组件化的能力。

智联招聘的 Web 模块扩展落地方案

用户头像
智联大前端
2021-11-15

传统模块化在利于开发的同时,存在诸多不便,我们开发了web模块的概念,从架构的层面解决困扰业务的问题。

https://static001.geekbang.org/infoq/4c/4c6cf2b6aa9209f6f91e43bd9bcc24ec.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

如何“拼”出一个页面 - 游戏中心模块化实践

面对业务的不断发展,用户对产品的需求多样化,开发同学需要思考怎么样帮助产品和运营实现快速迭代的方案。职业生涯中,开发需要思考如何在业务开发过程中找到自我成长的方法。本文给出了上述两个问题的答案。

https://static001.geekbang.org/infoq/48/48797406b77c9e3f79c3e0ea633ab119.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端组件化工程实践

用户头像
循环智能
2021-11-10

作者:实时辅助团队 徐小夕 此篇作为我们对前端组件系统的阶段性复盘,后续会围绕 如何提高中后台系统研发效能 这一主题持续探索和精进。

https://static001.geekbang.org/infoq/91/91ad7fd3f24fc111cd4124ecf50d4f2c.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue3.x 关于组件的那些变化(新手必看篇)

用户头像
码仔
2021-11-05

讲解 vue.js 3 中关于组件的变化,分析了各种类型的组件与 vue2 对比讲解,让您快速学习并上手。

https://static001.geekbang.org/infoq/e2/e2f23823ed8fdf481c7bd4a8926c909b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ARouter 拦截器之多 module 独立运行

用户头像
逆锋起笔
2021-10-24

本文已首发微信公众号「code小生」,大家可以搜索关注,专注安卓技术分享。

移动端 iOS 组件化

用户头像
Geen练
2021-06-04

随着移动互联网的迅猛发展,手机APP已经成为了与我们生活紧密关联的一部分,各种应用场景也都已经落地到了手机移动端,但这也使得APP的业务模块以及对应的代码量越来越繁多,旧的开发架构已经没法满足业务快速发展的需求,重构整合也就成为了不可避免的问题。

关于组件,你真的了解么?

最近经常听到“组件化开发”,那架构设计里,组件到底如何定义、设计和应用呢,今天我们一起来聊聊。

https://static001.geekbang.org/infoq/8e/8e1f84422c23135112f6f84b1a72d301.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Android 组件化和插件化开发

项目发展到一定程度,就必须进行模块的拆分。模块化是一种指导理念,其核心思想就是分而治之、降低耦合。而在 Android 工程实践,目前有两种途径,一个是组件化,一个是插件化。

https://static001.geekbang.org/infoq/48/48edf21ca6b9183af483a3ab81631e7b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

用 JavaScript 实现三次贝塞尔动画库 - 前端组件化

用户头像
三钻
2021-04-12

这期我们来完善上一期的动画库。在 Animation 类中的 constructor 的参数,我们发现其他的参数都用上了。但是 timingFunction 我们是还没有使用上的。这里我们就来一起处理这个问题。

项目优化 - 代码拆分

用户头像
Darren
2021-04-06

随着业务增多,Activity变得越来越臃肿,需要进行业务组件拆分。

https://static001.geekbang.org/infoq/89/89af9b032065df8a3d7d98751b0502c3.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

用 JavaScript 实现时间轴与动画 - 前端组件化

用户头像
三钻
2021-04-05

这篇文章我们先来看看怎么去实现一个时间轴类,和一个基础的动画类来使用这个时间轴。

组件化_组件化技术文章_InfoQ写作社区