关于typescript:TinyNG开源Angular组件库助力Web应用快速开发

103次阅读

共计 2994 个字符,预计需要花费 8 分钟才能阅读完成。

TinyNG 是基于 Angular + TypeScript 的前端 UI 组件库,旨在为开发人员带来更高效的开发体验和对立的视觉交互格调。TinyNG 曾经在华为外部应用四年,撑持数百个企业产品,领有弱小的稳定性和可靠性。当初,咱们将 TinyNG 开源,让更多的开发人员可能体验它所带来的惊喜和效率晋升。如果您正在寻找一款 Angular UI 组件库,咱们真诚地邀请您来尝试应用 TinyNG,并享受它所带来的卓越体验和有限可能。同时,咱们也期待您的反馈和倡议,让 TinyNG 变得更加欠缺和易用。咱们置信,开源后的 TinyNG 将会失去更多的重视和关注,并且会有更多的人参加其中,为它的倒退和壮大做出更大的奉献。欢送体验 TinyNG!

组件多


TinyNG 蕴含了丰盛的用户界面组件,十分易于集成和应用。目前,TinyNG 曾经开源了 70 多个根底组件,并将逐渐开源 100 多个组件,涵盖了企业级全场景,能够满足各种不同畛域的需要。

每个组件都提供了具体的性能介绍和示例,初学者也能够轻松地了解和应用。此外,咱们致力于不断完善和改良组件,以满足开发者日益增长的需要。

主题灵便


TinyNG 能够依据业务需要疾速切换主题格调,非常灵活不便;也能够轻松打造独具特色的主题格调,进步开发效率。

内置主题


TinyNG 独创零配置应用默认主题,无需手动写入加载 theme-default.css 的代码,从而简化了应用流程。此外,TinyNG 还为用户提供了内置的四套主题,能够依据理论设计需要进行自在切换。这些主题蕴含丰盛的色彩和款式,满足了各种不同场景下的设计要求,使页面设计更加美观大方。theme-blue.css theme-green.css theme-purple.css theme-red.css

自定义主题


业内传统的组件库个别采纳 Less/Sass 作为主题,须要编译后能力应用。这不仅减少了开发者的工作量,还侵入了业务我的项目的编译配置,给我的项目带来了不必要的麻烦。TinyNG 采纳了全新的形式,应用 CSS Var 自定义主题,免编译主题,让主题定制更加便捷;同时也反对 JavaScript 在运行时更改变量。CSS Var 主题不仅简略易用,还能够让开发者更加专一于业务逻辑的实现。另外,TinyNG 还反对在 JavaScript 代码中指定一个品牌色,来疾速创立一套自定义主题,这样用户不须要本人编写简单的主题款式,最轻松实现主题的个性化定制。

主题配置平台


TinyNG 领有一款弱小的主题配置平台,能够让主题定制变得更加简略和直观。通过所见即所得的形式,用户能够轻松编译主题色、场风景、组件色(色彩、字体、边框、暗影)等,实现个性化的主题定制,让我的项目更加好看和独特。除此之外,主题配置平台还提供了一键公布到 npmjs.org 的性能,让用户能够更加不便地分享和应用本人定制的主题。

微组件


TinyNG 的微组件具备单组件独立版本号治理的特点,每个组件都能够独自装置或降级,这使得组件的治理更加灵便和不便。如果您应用了多个组件,只须要降级其中一个,就可能免去全量测试,进步开发效率和稳定性。

性能超高


TinyNG 的组件库波及到海量数据的组件(如 Select、Tree、Table 等),都曾经内置虚构滚动性能,能够放弃丝滑稳固的用户体验。这一个性极大地晋升了组件的性能和响应速度,使得高负载的应用程序也可能轻松运行。虚构滚动是一种优化技术,它只在屏幕上显示以后可见的局部数据,而不是将所有数据一次性加载到页面中。这样能够防止大量的 DOM 操作,缩小页面的渲染工夫,从而进步了页面的性能和响应速度。

除此之外,TinyNG 的组件库还反对高性能 OnPush 模式,这意味着当组件的输出属性发生变化时,组件只会在须要更新时才从新渲染,从而防止了不必要的 DOM 操作,进一步提高了组件库的性能和响应速度。

企业级平安


企业级平安是咱们始终以来的外围关注点,咱们致力于保障客户的信息安全,所有接口杜绝 XSS 攻打,让您百分之百释怀。咱们的平安技术团队不断更新降级,采纳最先进的技术手段,为您的数据保驾护航。

国际化


在国际化方面,TinyNG 不仅提供了五种罕用语言,还反对自定义新语言,以满足不同客户的需要。TinyNG 能够适应各种语言环境,让您的用户能够用本人相熟的语言应用您的产品,进步用户体验和满意度。

开箱即用


TinyNG 采纳开箱即用的设计,让您可能立刻开始应用。详尽而易于了解的文档示例,让您可能轻松上手,疾速把握产品的应用形式。

TinyNG 提供了 CLI 脚手架工具,只需一键我的项目初始化,让您能够疾速搭建我的项目。

同步降级


同时,咱们与 Angular 放弃同步降级,TinyNG 反对所有 Angular 沉闷版。

继承


TinyNG 采纳面向对象的继承,能够轻松地扩大根底组件的性能,节俭代码的编写,使得应用程序更加容易保护和治理。例如:所有组件都继承自 TiBaseComponent 取得 id 相干性能,所有表单组件都继承自 TiFormComponent 免去编写 Angular 表单相干函数。

组合


TinyNG 采纳组合模式,通过自由组合各种根底组件和自定义组件,来实现所需的简单组件。每个根底组件都能够依据须要进行配置和自定义,以适应不同场景的需要。例如:Select 组件,就是由不同档次的大小组件组合而成。

面向对象


咱们在设计 TinyNG 的时候采纳了面向对象的架构,这意味着咱们的代码具备更低的反复率,远远超过其余竞争对手(例如谷歌等)一个数量级。咱们置信,面向对象编程是编写可复用高质量代码的要害,它能够更加灵便的复用代码,从而进步整个我的项目的可维护性和可扩展性,更加高效地实现性能和解决问题。

总之,咱们为 TinyNG 注入了咱们的心血和激情,心愿可能为宽广开发者提供便捷、高效、牢靠的组件解决方案。TinyNG 作为一款易用、高效的开源组件库,曾经筹备好在各种利用场景中展示其卓越的性能和性能。咱们期待更多的开发者、设计师、产品经理以及爱好者退出咱们的行列,一起推动这个组件库的倒退,独特打磨出更加欠缺、优良的产品,为用户发明更好的体验和价值。当初就退出咱们,体验 TinyNG 带来的乐趣吧!

其余阐明


目前 OpenTiny 我的项目曾经开源啦!OpenTiny 是一套华为云出品的企业级组件库解决方案,适配 PC 端 / 挪动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,领有主题配置零碎 / 中后盾模板 / CLI 命令行等效率晋升工具,可帮忙开发者高效开发 Web 利用。如果你对跨端、跨框架的 OpenTiny 我的项目 感兴趣,欢送参加到 OpenTiny 的开源社区中来,一起将它建设得更好!

对于 OpenTiny 开源我的项目,欢送间接增加下小助手微信:opentiny-official,有须要也能够一起交换前端技术,一起玩开源。
OpenTiny 官网:https://opentiny.design/
OpenTiny 代码仓库:https://github.com/opentiny/
TinyVue 组件库:https://github.com/opentiny/tiny-vue(欢送 Star)
TinyNG 组件库:https://github.com/opentiny/ng(欢送 Star)
TinyCLI 工具:https://github.com/opentiny/tiny-cli(欢送 Star)

正文完
 0