fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

YepUI
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://yep.jd.com/
网站描述:基于 Vue.js 2.0 的前端 UI 组件库, 主要用于快速开发移动端页面

基于 vue 2.0 开发的 UI 组件使用 npm + webpack + babel 的工作流,支持 ES2015css 样式独立,即使使用不同的框架实现,也都能保持统一的 UI 风格提供友好的 api,可灵活的使用组件。


功能介绍

流畅的体验

顺滑体验,性能无忧

考虑到移动端的性能门槛, 于是采用 CSS3处理各种动效,避免浏览器进行不必要的重绘和重排,从而使用户获得流畅顺滑的体验。

丰富的组件

多功能组件,敏捷开发

包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要。通过它,可以快速构建出风格统一的页面,提升开发效率。

轻量化

小体量,大功能。

依托 Vue.js 高效的组件化方案, 做到了轻量化。即使全部引入,压缩后的文件体积也仅有 ~30kb(JS + CSS) gzip。

按需加载

模块化加载,去除冗余。

真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件,无需再纠结文件体积过大。


开始使用

安装

# 安装nrm
npm install -g nrm
# 添加jdnpm源
nrm add jdnpm2 http://registry.m.jd.com/
nrm use jdnpm2
# 安装组件
npm install --save @jdcfe/yepui

  引入

// 引入全部组件
import YepUI from '@jdcfe/YepUI';
Vue.use(YepUI);
// 按需引入部分组件
import {yepToast} from '@jdcfe/YepUI';


链接: https://fly63.com/nav/3605

more>>
相关栏目
uni-app
使用 Vue.js开发跨平台应用的前端框架
官网GitHub
Flutter
谷歌推出的跨平台移动UI框架
官网GitHub
framework7
用于开发接近原生iOS或Android系统外观和体验的 hybrid mobile apps 或 web apps
官网GitHub
ionic
ionic是一个用来开发混合手机应用的,开源的,免费的代码库
官网GitHub
weex
阿里推出的Native框架,支持iOS、安卓、YunOS及Web等多端部署
官网GitHub
Taro
多端统一开发框架,生成能运行在微信小程序、H5、React Native 等的应用
官网GitHub
React Belle
一个React组件库
官网GitHub
noUiSlider
一个轻量级的Js范围滑块库
官网GitHub
mavonEditor
基于vue的markdown编辑器
点击进入GitHub
fair ui
为Flutter设计的动态化框架
官网GitHub
react-native-ui-lib
React Native的UI组件库和工具集
官网GitHub
react-native-sideswipe
简单跨平台的React Native可滑动的组件
点击进入GitHub
weui+
在weui和zepto基础上开发的增强UI组件
官网GitHub
weui
微信官方设计团队为微信内网页和微信小程序量身设计的的基础样式库
官网GitHub
ThorUI
轻量、简洁的移动端组件库
官网GitHub
MUI
最接近原生APP体验的高性能前端框架
官网GitHub

手机预览