首页 > 其他分享 >Layui 2.8.0 正式发布,官网全新文档站朴实归来

Layui 2.8.0 正式发布,官网全新文档站朴实归来

时间:2023-05-10 22:22:09浏览次数:47  
标签:Layui 2.8 文档 https layui 官网 2.6

前言

  两年前 Layui 官网宣布了下线声明,说实话当时内心确实感慨万千毕竟这个免费为我们后端程序员提供的一个前端快熟开发框架的官网就这样下线了确实十分的惋惜,但是庆幸的是官网的下线,只是单纯一个网站自身生命周期的结束,它并不意味着 Layui 这样一个开源项目的停更,Layui 仍然在 Github 和 Gitee 保持活跃,并不存在所谓的停止更新,甚至从 2.6.9 一直迭代到今天的最新版本。两年来,Layui 始终处于没有中心文档的窘迫境地,虽然也一度以 Gitee Pages 为文档的承载,但似乎很难形成一个焦点和归属感。随着 2.8.0 正式版本的发布,它所包含的上百项的内容更新,使得全新的文档站呼之欲出。Layui 新官网于 2023年4月 Layui 2.8.0 正式发布,全新文档站朴实归来。

Layui是什么?

  Layui 是一套开源免费的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,拿来即用。其风格简约轻盈,而内在雅致丰盈,甚至包括文档在内的每一处细节都经过精心雕琢,非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架,却并非逆道而行,而是信奉返璞归真之道。确切地说,它更多是面向于追求简单的务实主义者,即无需涉足各类构建工具,只需面向浏览器本身,便可将页面所需呈现的元素与交互信手拈来。

Layui过往七年的开源历程

作者心声:Layui 虽不是前端主流,但也早已不是作者个人的 Layui,而是所有仍在坚持使用它的人的 Layui,它仍然支撑着许多项目,也代表着许多人的工作,作为开源创作者的我们,应该要为这些坚持者而守望。

  在 Layui 过往七年的开源历程中,从未用多达二十个预览版去为一个正式版而引路。显然,2.8.0 是 Layui 一次朴实的回归,更是情怀的延续。但却并不是想以此呼吁人们重新去选择它,我们仍然坚持两年前那则《Layui 原官网下线公告》中的观点, 即仍然推荐大家去拥抱主流,始终保持对前沿技术的无限热爱,是开发者们都应具备的思维属性。而 Layui 所做的,是为填补主流之外的那些略显狭小的空隙。

破旧

2016年10月14日,Layui 发布了 1.0.0 首版,此后多年被广泛应用在不计其数的 Web 平台。

2021年10月13日,Layui 发布了原官网下线的公告(导读),并将文档站点切换到了 Gitee Pages,社区及日常维护亦全面转移到了 Gitee 和 Github 平台,并顺带呼吁大家拥抱其他更好的主流框架,导致大家误以为 Layui 停更了。事实上,自那以后,Layui 仍然在 Github 和 Gitee 保持活跃,并不存在所谓的停止更新,从当时的 2.6.8 一直连续迭代到如今的最新版本。

立新

  2023年4月24日,Layui 发布了 2.8.0 正式版,并上线了新的文档站点,这是一次朴实的回归,更是情怀的延续。 但我们仍然坚持两年前那则公告中的观点, 即仍然推荐大家去拥抱主流,始终保持对前沿技术的无限热爱,是开发者们都应具备的思维属性。 而 Layui 所做的,是为填补主流之外的那些略显狭小的空隙。Layui 虽不是前端主流,但也早已不是作者个人的 Layui,而是所有仍在坚持使用它的人的 Layui,它仍然支撑着许多项目,也代表着许多人的工作。作为开源创作者,应该要为这些坚持者而守望。未来,Layui 会持续陪伴着所有为之热爱的人们,共同去论证 Layui 开发模式的可行性。

持续更新维护

新文档站

  此次上线的新版文档站,旨在为朴实归来的 Layui 提供一个新的精神「基站」,它基于 laytpl 和 markdown 驱动,在版面上进行了大量优化,内容重新编写、力求精简,以辅助大家更好地使用 Layui。 同时,Layui 文档也已和 Layui 本身一同开源在项目中,以供大家在线和离线都能阅读以及协同维护。

风格调整

新版调整主色调为#16baaa,在原有的墨绿基础上赋予了清新。

更简单的构建

构建代码更简单,除字体外,只有js和css两个文件:

layui-v2.8.0          
├─ css                
│  └─ layui.css       
├─ font               
│  ├─ iconfont.eot    
│  ├─ iconfont.svg    
│  ├─ iconfont.ttf    
│  ├─ iconfont.woff   
│  └─ iconfont.woff2  
└─ layui.js           

相比原有的目录结构:

layui                         
├─ css                        
│  ├─ modules                 
│  │  ├─ laydate              
│  │  │  └─ default           
│  │  │     └─ laydate.css    
│  │  ├─ layer                
│  │  │  └─ default           
│  │  │     ├─ icon-ext.png   
│  │  │     ├─ icon.png       
│  │  │     ├─ layer.css      
│  │  │     ├─ loading-0.gif  
│  │  │     ├─ loading-1.gif  
│  │  │     └─ loading-2.gif  
│  │  └─ code.css             
│  └─ layui.css               
├─ font                       
│  ├─ iconfont.eot            
│  ├─ iconfont.svg            
│  ├─ iconfont.ttf            
│  ├─ iconfont.woff           
│  └─ iconfont.woff2          
└─ layui.js                   

将原先 layer/laydate/code 的 css 统一构建到 layui.css,以尽量减少请求,同时原有的图片资源全部替换为纯CSS实现。

Layui 2.8 升级指南

Layui 2.8 总体向下兼容,但仍有以下变更需要注意:

  1. 2.8 剔除了 layedit 组件,若是之前用到该组件的,注意采用第三方成熟富文本组件替换,详见:Layui,2.8,文档,https,layui,官网,2.6
    From: https://www.cnblogs.com/Can-daydayup/p/17389500.html

相关文章

  • 对美的追求:苹果官网主页的历史回顾,全部精美大图
    文/高扬(微信公众号:量子论) 大清早起来,呆在电脑前,我在想,AI绘画是未来的趋势,但我们对美的追求是什么?在品牌设计又有何影响? 这个值得研究研究。 要论标志性品牌的设计,我首先想到的是苹果。苹果目前出过MacBook、iPod、iPhone、iPad等产品,它的设计常引领着时代的潮流。......
  • (一 ).react官网阅读 ———描述UI
    这个系列笔记,会从头阅读react官网文档内容,记录阅读笔记。从react官网首页可以(最重要部分是中间),分为两大块内容:学习React|API参考快速入门:介绍了常见的react概念:包括嵌套组件,状态提升,Hook等;同时还给出了react框架思想:学习React部分分为四大块;描述UI添加交互......
  • 基于SSM+LayUI的宿舍管理系统设计与实现
    前言:项目源代码私信获取,可直接运行,包括sql文件1.项目简介本系统基于SSM和LayUI框架,实现了一个方便快捷的宿舍管理系统,主要实现的功能有:管理员的登录与登出管理员、班级、学生、宿舍、卫生、访客各模块增删改查各个模块数据导出Excel通过MD5对数据进行加密,保证安全性2.......
  • layui学习5(日期与时间选择、分页)
    1.日期与时间选择1.1<divclass="layui-inline"><!--注意:这一层元素并不是必须的--><inputtype="text"class="layui-input"id="test1"placeholder="默认选择题"></div><divclass=&qu......
  • 2.8魔术师的秘密
    1.题目描述:魔术师利用一幅牌中的13张黑桃,预先将他们排好后迭在一起,并使牌面朝下。然后他对观众说:我不看牌,只要数数就可以猜到每张牌是什么。魔术师将最上面的那张牌数为1,把他翻过来正好是黑桃A,他将黑桃A放在桌子上,然后按顺序数1,2,将数的1放到牌的最后面,然后第二张翻过来正好是2,以......
  • layui选择多张图片上传多图上传到服务器保存
    多图上传在一些特殊的需求中我们经常会遇到,其实多图上传的原理大家都有各自的见解。对于Layui多图上传和我之前所说的通过js获取文本框中的文件数组遍历提交的原理一样,只不过是Layui中的upload.render方法已经帮我们封装好了,我们只管调用即可,也就是说你选中了几张图片,那么将会向后......
  • jdk20 Structured Concurrency 结构化并发官网示例
    此特性还在孵化,后续版本可能有变动//全部执行直到有失败的任务Stringhandle()throwsExecutionException,InterruptedException{try(varscope=newStructuredTaskScope.ShutdownOnFailure()){Future<String>user=scope.fork(()->"")......
  • 记录使用Layui中一些常用的api
    获取当前操作行数据varcols=[[{title:'操作',toolbar:'#option',align:'center',height:80,width:120,fixed:'right'}]]<scriptty......
  • layui学习4(弹出组件)
    1.弹出组件使用方法1.作为独立组件使用:下载layer引入js文件,加载1.8版本以上的jQuery的js文件和layer.js文件2.layui模块化使用:只需要引入layui中的css与js文件,在script中使用layui.use()加载模块即可 下载layer组件:layer弹出层组件-jQuery弹出层插件(ilayuis.com) ......
  • layui学习3(静态表格、表单元素)
    1.静态表格表格:<tableclass="layui-table"></table>属性:lay-even实现隔行换色效果lay-skin="属性值"【line(行边框风格)、row(列边框风格)、nob(无边框风格)】lay-size="属性值"【sm(小尺寸)、lg(大尺寸)】表格-页面元素-Layui(ilayuis.com)<!DOCTYPEht......