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

基于 jQuery 的前端 UI 框架 LuLu UI

郎伟兆
2023-12-01

LuLu UI 详细介绍

LuLu UI 是一个基于 jQuery,针对 PC 网站,兼容 IE8+ 或 IE7+ 的前端 UI 框架,包含 20+ 静态或动态 UI 组件。

上手简单

lulu整个项目就是提供一些UI组件的JS和CSS,很纯粹的JS和CSS,没有任何矫揉造作的“变身”处理。

因此,想要使用lulu ui,直接引入CSS和JS文件地址就可以使用了。HTML还是原来的HTML,CSS还是原来的CSS。什么Vue什么MV*什么高大上概念完全不需要掌握,参照文档,复制复制,粘贴粘贴,效果就出来了。

API文档参见:LuLu UI API中文文档

使用场景广泛

lulu ui既保留了jQuery插件即插即用的特性,也支持适合多人合作的模块化加载方式,因此适用场景更加广泛。

  • 单人完成的某个简单运营活动页,需要个弹框提示功能,可以直接引入lulu ui中的Dialog.js,就可以使用了。

  • 某网站看中了lulu ui某一个组件,例如日期选择功能,想拿过来使用,<script>引入日期选择JS,然后就可以使用了。

  • 对于多人合作大型项目,可以使用类似seajs这样的加载器进行模块化加载与开发。

成熟

lulu ui诞生到现在已经有好几年了,跟那些年轻的UI框架不同,lulu ui可是见过很多世面的,谦逊内敛不聒噪,没必要大肆鼓吹,口碑说话。

开源是件严肃的事情,lulu ui一直认为,如果组件还没有达到不动如山的境地,那就应该继续埋头打磨。这么多年过去了,经过对内对外多个大中小型项目的验证与打磨,无论是交互细节还是代码本身细节,lulu ui现在都已经可以做到不显山露水了。

体验

lulu ui支持retina视网膜,同时支持aria无障碍访问,以及keyboard键盘无障碍访问。

快速了解lulu项目目录结构

所有资源都在/theme/peak/目录下,分sass, css和js 3个目录,如果你不想要sass,那这个文件夹就不用管。

图片资源在css目录下。

组件分ui和comp两个目录,前者是UI组件,后者是基于UI组件整合的前端解决方案。

更具体信息可以参见:文档-使用与发布

其他说明

因为IE7大势已去,目前modern主题已停止维护。

 类似资料: