npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@fesjs/traction-widget

v1.9.1

Published

集合大型中台项目使用到的通用组件和工具函数

Downloads

56

Readme

Traction Widget

Traction Widget 包含UI和函数两大部分,是一个大型中台通用业务组件库,聚焦系统业务开发需求,收纳高频使用的前端通用组件及工具函数,助力实现高效、标准的业务开发迭代流程。这些组件像汽车的连接零件一样,将关联部分紧紧连接在一起,牵引起来,发挥纽带作用。

使用文档请查看traction-widget

为什么要做Traction Widget

业务需求功能会很多相似处,如果每次都手动处理,会导致同一种功能有多个版本实现、项目之间缺乏连通性等问题,因此我们需要一个组件库去维护这些可以通用的功能,起到:

  1. 提效

收纳高频组件工具,无需反复造轮子,业务开发时,可优先在Traction Widget寻找最佳解决方案

  1. 维护性高

对于共性问题缺陷,可一键升级组件解决,无需逐一修改打补丁

开发者编写代码风格各异,Traction Widget提供了一套代码共识,依赖程度越高,代码风格越统一,出现问题时定位也会越高效。

应用领域

在微众银行典型的大型中台项目中,目前使用到Traction Widget的项目有:

将来还会有更多的平台接入

框架说明

Traction Widget基于VUEJS 3.xfes-design设计,使用ts语法编写

组件概览

组件使用

# 安装依赖
npm i -S @fesjs/traction-widget

# 引入组件
import { table } from '@fesjs/traction-widget'
# 使用组件
<template>
  <table></table>
</template>