组件化
0 人感兴趣 · 37 次引用
- 最新
- 推荐
单体应用、SOA 架构、微服务架构有哪些优劣势?
目前大部分的企业系统和互联网应用都是采用的Web形式提供服务能力,根据系统的组织和部署结构,软件架构的演化过程大概分成以下阶段:1、单体架构; 2、SOA架构;3、微服务架构

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

面向复杂业务场景下的低代码平台组件设计与实践分享
百度智能云低代码平台爱速搭基于百度内外长期线上运行的经验,孵化出了一套能够覆盖绝大多数场景的组件体系。本文将分享我们在整个组件体系设计中的一些思路和心得。
如何建设前端物料平台?
物料(Material) 这个概念在前端领域大家都不陌生,在阿里飞冰中的解释物料即组成一个前端项目的不同单位,根据抽象粒度的不同,我们将物料从小到大分为组件(component)、区块(block)和模板(scaffold)。其实在这里可以理解为前端可复用的组件模块都可理

Web Components 系列(十一)—— 实现 MyCard 的可复用
今天我们通过使用具名 Slots 在 Templates 中占位,然后再在自定义元素中给 Slots 传值,提高自定义元素的灵活性。

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

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

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

Web Components 系列 (七) ——自定义组件的生命周期
何谓”生命周期“?顾名思义,生命周期就是指一个物体从产生前到消亡后的整个过程,当然,不同物体的生命周期具体阶段划分可能不太一样。

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

Web Components 系列(五)—— 关于 Templates
Templates 可以将一些页面内容事先封装并且保存在 HTML 页面上,且不进行渲染,随后可以使用 JS 来操作 Templates。

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

Web Components 系列(三) —— 创建 Custom Elements
自定义元素分为两类:Autonomous custom elements(自主定制元素)和Customized built-in elements(自定义内置元素),这两者在使用上到底有什么区别?

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

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

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

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

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

用 JavaScript 实现三次贝塞尔动画库 - 前端组件化
这期我们来完善上一期的动画库。在 Animation 类中的 constructor 的参数,我们发现其他的参数都用上了。但是 timingFunction 我们是还没有使用上的。这里我们就来一起处理这个问题。

用 JavaScript 实现时间轴与动画 - 前端组件化
这篇文章我们先来看看怎么去实现一个时间轴类,和一个基础的动画类来使用这个时间轴。