当前位置: 首页 > 工具软件 > LuLu UI > 使用案例 >

前端常用框架UI组件

壤驷德寿
2023-12-01

移动端UI组件

能兼容到 iOS 6.0+ 和 Android 4.0+
轻量,小巧且精美的UI库 方便迅速搭建手机H5应用

pc后台UI框架

LuLu UI是适用于PC,兼顾Mobile端的UI组件库,非常适合面向外部用户的网站开发。

EasyUI是一个UI框架,所以它的功能就是用于处理页面的展示效果的。
通常用于完成后台管理系统的页面排版。

pc端开发

  1. elementUI + vue.js

PC和移动端常用轮播或滑动组件

1.SuperSlide(PC)/TouchSlide(移动端)

SuperSlide基于jQuery插件,致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!还可以多个SuperSlide组合创造更多效果,兼容包括ie6的绝大部分浏览器。

TouchSlide是纯javascript打造的触屏滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。

SuperSlide/TouchSlide官网

2.iSlider

iSlider是一个表现出众,无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素,例如图片或者DOM元素。是百度团队开发完成的。同时iSlider也是目前最
轻量、高性能的移动滑动方案。

图片和dom 两种类型滑动,图片的类型很适合读图类的app,dom 类型则可以根据需要配置成各式各样的webapp
自定义的事件回调,你可以在滑动中,滑动结束,或是滑动开始绑定自己的事件回调
可配置的滑动动画,在获得高性能的同时,你仍然可以指定一些特殊的高级的动画效果来完成你的app,iSlider
提供3d,flip,depth等动画方式来丰富你的滑动效果。 iSlider
会帮你处理好屏幕旋转事件,你只要考虑的是,屏幕旋转后,你的dom 或是 图片改如何显示。 iSlider
还有一些小功能,比如滑动边界递减,自动滑动,垂直水平滑动可配置。 iSlider 的依赖:iSlider
不依赖任何库或是框架,你可以很轻松的把他用在自己的项目中,不会和zepto 或是jqmobi 冲突。
体积大小:iSlider压缩后代码不超过10KB,你可以很随意的打包在你的项目中。
性能上:iSlider借助了手机硬件加速,所有的动画都尽可能重用dom ,并且使用尽可能少dom
来完成整个渲染,支持无尽的滚动,并且在手指快速滑动中也达到流畅的体验。

iSlider.GitHub / demo&API

3.Swiper

Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用于移动端的网站、移动web
apps,native apps和hybrid
apps。主要是为IOS而设计的,同时,在Android、WP8系统也有着良好的用户体验,Swiper从3.0开始不再全面支持PC端。因此,如需在PC上兼容更多的浏览器,可以选择Swiper2.x(甚至支持IE7)。
angularjs的angular-swiper插件即是基于Swiper而成。

Swiper官网 / Swiper中文网 / Swiper.GitHub

mescroll上拉刷新,下拉加载框架

http://www.mescroll.com/index.html?v=0825

参考
前端组件库大合集-必备收藏
UI大全:前端UI框架集合(持续更新)
推荐几个精致的web UI框架及常用前端UI框架

移动端框架:

  1. (MUI)https://dev.dcloud.net.cn/mui/
  2. 基于jquery的移动端ui(YDUI )http://www.ydui.org/docs.html
  3. 基于jquery的移动端ui(同时支持vue,angular,react)https://www.jeasyui.net/demo/380.html
  4. 后台ui框架https://muse-ui.org/#/zh-CN/installation
  5. 自动适应手机,平板,电脑(拼图)https://www.pintuer.com/
 类似资料: