LuLu UI

基于 jQuery 的前端 UI 框架
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 响应式 Web 框架
软件类型 开源软件
地区 国产
投 递 者 宋伯寅
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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主题已停止维护。

  • LuLu UI 详细介绍 LuLu UI 是一个基于 jQuery,针对 PC 网站,兼容 IE8+ 或 IE7+ 的前端 UI 框架,包含 20+ 静态或动态 UI 组件。 上手简单 lulu整个项目就是提供一些UI组件的JS和CSS,很纯粹的JS和CSS,没有任何矫揉造作的“变身”处理。 因此,想要使用lulu ui,直接引入CSS和JS文件地址就可以使用了。HTML还是原来的HTML,CSS

  • 使用示意 修改下面的一些数值,预览分页效果: 总数据量: 每页数目:15 30 new Pagination($('#testPage'), { length: elPageLength.val() * 1, every: elPageEvery.val() * 1 }); new Pagination($('#testPage2'), { length: elPageLength.val() *

  • 功能:选择日期后,默认选中该日期一周内的时间 /** * 周选择 *传入DateTime对象和options */ function weekDateSelectInit(dateTime,options) { $('body').on('mouseover', '.ui-date-container a.ui-date-item', function () { $

  • 现在许多项目讲究出快活,除特殊定制ui外,均为采用现有的ui框架开发,现将框架整理如下。 matrial UI Material-UI实现了Google’s Material Design设计规范的react组件库。 兼容性 IE    Edge    Firefox    Chrome    Safari 11    >= 14    >= 45    >= 49    >= 10 bootra

  • 移动端UI组件 mint-ui(vue) vant(vue) WeUI(小程序用) SUI Mobile(适合开发跨平台Web App) 能兼容到 iOS 6.0+ 和 Android 4.0+ 轻量,小巧且精美的UI库 方便迅速搭建手机H5应用 pc后台UI框架 element(vue) LuLu UI框架(直接使用) LuLu UI是适用于PC,兼顾Mobile端的UI组件库,非常适合面向外部

  • jquery.ui.touch-punch的引用 直接上代码 jquery.ui.touch-punch的下载链接:https://github.com/furf/jquery-ui-touch-punch 例html+css <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery

  • 我经常会思考这样一个问题,宇宙之大,生命之少,我们每个人能够出现在这个世界上都是一个奇迹。如果每一天我们都是做些重复的事情,没有做有挑战的事情,没有做打破常规的事情,没有做引领方向的事情,赋予我们的奇迹岂不是一种莫大的浪费?二、一叶蔽目不见泰山人的认知和决策非常容易收到接触到的信息影响。世界是巨大的,行业是广阔的,但是在前端行业说话的那些人是只是其中的一小部分。这些有话语权的人多大厂背景,多人团队

  • LuLu UI 一款很好用的UI 链接:https://l-ui.com/content/about/design.html 表单验证功能取消及时性: var elForm = $(form); var myValidate = new Validate(elForm); // 取消验证及时性 myValidate.boo.immediate = false;

 相关资料
  • AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果;开发者们使用过程中功能插件也可以自己扩展增加。另一方面,它是相当于一个丰富的组件化UI框架,优点是开发要前后端分离,项目开发过程中后端通过ajax调用数据的机制。 AKjs是一个基于jQuery的一套构建用户界面

  • 本文向大家介绍基于.Net实现前端对话框和消息框,包括了基于.Net实现前端对话框和消息框的使用技巧和注意事项,需要的朋友参考一下 关于前端对话框、消息框的优秀插件多不胜数。造轮子是为了更好的使用轮子,并不是说自己造的轮子肯定好。所以,这个博客系统基本上都是自己实现的,包括日志记录、响应式布局等等一些本可以使用插件的。好了,废话不多时。我们来实现自己的对话框和消息框。 对话框 要求:可拖动、点击按

  • 本文向大家介绍基于Layer+jQuery的自定义弹框,包括了基于Layer+jQuery的自定义弹框的使用技巧和注意事项,需要的朋友参考一下 目的:XXXX项目中,很多的弹窗是利用freemarker的网页标签追加的形式实现的,网页弹框只是将隐藏的div显示出来,这样会使网页在预加载时速度变慢,增加页面加载和响应时间 解决方法如下:<已分中心管理的添加分中心弹框实现机制为例> 1.弹框页面部分的

  • jQuery UI CSS 框架 jQuery UI 包含了一个强大的 CSS 框架,为了创建自定义 jQuery 小部件而设计的。框架包含了通用的用户界面所需的类,且可使用 jQuery UI ThemeRoller 进行维护。通过使用 jQuery UI CSS 框架创建您自己的 UI 组件。您需采用共享标记公约,以便在插件社区的代码集成。 框架类 下面的 CSS 类根据样式是否是固定的结构化

  • jQuery UI 基础教程

  • 下面是 jQuery UI 使用的 Class 名称列表。这些 Class 用来创建跨应用程序的视觉一致性,且允许组件通过 jQuery UI ThemeRoller 进行主题化。下面的 CSS 类根据样式是否是固定的结构化的,或者是否是可主题化的(颜色、字体、背景等),分别定义在 ui.core.css 和 ui.theme.css 两个文件中。 布局助手 .ui-helper-hidden:对

  • 本文向大家介绍基于Vant UI框架实现时间段选择器,包括了基于Vant UI框架实现时间段选择器的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Vant UI框架实现时间段选择器的具体代码,供大家参考,具体内容如下 组件代码如下: 调用demo UI示例 API:注意红色划掉的没有实现 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍基于jQuery Easyui实现登陆框界面,包括了基于jQuery Easyui实现登陆框界面的使用技巧和注意事项,需要的朋友参考一下 效果图 CSS HTML 以上所述是小编给大家介绍的基于jQuery Easyui实现登陆框界面,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!