3.1 同构组件库整体概览 3.2 同构组件库对业务的价值 组件库是个老生常谈的问题,市面上的同构组件库基本上都属于框架的生态,要求跨端的应用是同个框架。 而医典所遇到的问题是,我们的框架并不统一,如何针对这种情况,构建一个同构组件库,在组件层面抹平框架、平台的差异。然而市面上并没有一个成熟的解决方案。这就需要我们在组件
Svelte 是一个新兴的前端框架,组件库不多,今天介绍STDF算是不可多得的一个组件库了。 STDF是一个移动端的UI组件库,主要用来开发移动端 web 应用。和我们之前介绍过的许多组件库都不一样,它是基于基于 Svelte 和 Tailwind 开发的。你可以认为这套组件库是专为 Svelte 打造的。 Svelte 简洁语法,主要是让原生 JS...
下面我们用 @opentiny/vue 组件库,在各个子应用中引入并使用,共用一套 @opentiny/vue-renderless 方法,实现多个技术栈跨端引用。 经过多方对比,我们选择了目前比较合适的(无界)微前端框架,接入相对简单,并兼具一款优秀微前端框架的优点。 跟着我们一起来动手吧! 二、项目结构 1、动手之前我们先了解一下要实现的项...
1.4.库和框架 除了上面这四种概念,还有两个是我们开发中常遇到的:库和框架。 库,或者基础库,概念上偏近于各种工具积累成的集合,是软件代码的层面是分层的概念,所以对应组件化。基础库甚至可以看做是一个大的组件。 而框架顾名思义是结构化的,是相对整体的一个概念,所以应用于模块化,甚至是子应用化。 比如在i...
Material-UI 是一个基于 React 的 UI 组件库,它遵循 Google 的 Material Design 设计规范,提供了丰富的预构建组件,极大地简化了前端开发过程。本文将深入浅出地介绍 Material-UI 的常见问题、易错点及如何避免这些问题,并附带代码示例,帮助你更好地掌握 Material-UI 的使用技巧。 1. Material-UI简介 Material-UI...
组件和组件库框架 所谓天才,就是努力的力量。 React 组件由 DOM 结构,样式和 Javascript 逻辑组成。 1. ES6 中的类 classPeople{constructor() {this.name="hubert"this.age=29}printName() {console.log(this.name) }printAge() {console.log(this.age)...
uni-ui就不用说了，是DCloud提供的一个跨端ui库，想必大家都用过，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。代码地址https://github.com/dcloudio/uni-app.git 下面再分享两个使用的组件uCharts和mescroll-uni。uCharts 高性能跨平台图表库，支持H5、APP、小程序（微信小程序、支付宝小程序、...
二、OpenTiny组件库概述 OpenTiny是华为云开源的Web应用前端开发套件,经过九年的持续打磨,服务于华为内外部上千个项目。它适配PC端/移动端等多端,涵盖Vue2/Vue3/Angular多技术栈,拥有主题配置系统/中后台模板/CLI命令行等工具库,是一套企业级、跨框架、跨版本的前端组件库。 三、OpenTiny组件库的核心特点 跨端...
前端框架Vue学习 ——(六)Vue组件库Element,Element:是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。组件:组成网页的部件,例如超链接、按钮、图片、表格、表单、分页条等等。