本文目录
- 怎样评价LayUI和他的作者贤心
- 如何评价LayUI和他的作者闲心
- 前端ui框架好看的有哪些
- layui侧边栏折叠和展开效果该怎么实现
- layui弹出层渲染表单，并在表单里面添加开关和密码输入框怎么做，贴上代码
- 如何采用element-plus，基于codemirror6实现sql在线编辑器
- java学习路线
- easyui,layui和 vuejs 有什么区别
怎样评价LayUI和他的作者贤心
layui更多是面向于后端开发者，所以在组织形式上毅然采用了几年前的以浏览器为宿主的类 AMD 模块管理方式，却又并非受限于 CommonJS 的那些条条框框，它拥有自己的模式，更加轻量和简单。layui 定义为“经典模块化”，并非是刻意强调“模块”理念本身，而是有意避开当下 JS 社区的主流方案，试图以尽可能简单的方式去诠释高效！它的所谓经典，是在于对返璞归真的执念，它以当前浏览器普通认可的方式去组织模块！ layui 认为这种轻量的组织方式，仍然可以填补 WebPack 以外的许多场景。所以它坚持采用经典模块化，也正是能让人避开工具的复杂配置，重新回归到原生态的 HTML/CSS/JavaScript本身！
layui的元素由以下组成：
布局（栅格、后台布局）、颜色、字体图标、动画、按钮、表单、导航条、面包屑、选项卡、进度条、面板、静态表格、徽章、时间线、辅助元素等。layui 提供了丰富的内置模块，他们皆可通过模块化的方式按需加载，其中包括：layer、layDate、layPage、laytpl、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。-easyui和layui哪个好
layui的出发点很简单：满足服务端程序员的需求。因此可以毫不保留地说，layui并非面向于前端开发者，所以我们在组织形式上毅然采用了几年前的以浏览器为宿主的类AMD模块管理方案。layui定义为“经典模块化”，绝非是自吹她自身有多优秀，也并非是刻意强调“模块”理念，而是有意避开当下JS社区的主流方案，试图以最简单的方式去诠释高效！她的所谓经典，是在于对返璞归真的执念，她以当前浏览器普通认可的方式去组织模块！layui认为这种轻量的组织方式，仍然可以填补WebPack以外的场景。所以她坚持采用经典模块化，也正是能让人避开工具的复杂配置，回归到简单而原生态。-easyui和layui哪个好
如何评价LayUI和他的作者闲心
讲真，layui确实简洁大方，而且是拿来即用，几乎没有入门门槛。最近也调研了一些基于vue的UI（elementUI等），不得不承认，结合vue可以大幅提高开发效率。个人认为，视觉效果上layui更胜elementUI，对于专注于后端的程序猿，vue可以作为layui的补充。但layui相比于elementUI少了一些组件（如Badge标记等），如果在这些方面尽快补上就更好了。此外，layer作为弹层组件比elementUI中的弹层更轻量。
-easyui和layui哪个好
前端ui框架好看的有哪些
推荐几个精致的web UI框架！
1.Aliceui
Aliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。
2.Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
3.sui
SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范。
通过SUI，可以非常方便的设计和实现精美的页面。
同时sui还有移动端版本msui，msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库，减少重复工作。
4.FrozeUI
Frozen UI是一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件，做成手Q公用离线包减少请求，升级方式友好，文档完善，目前全面应用在腾讯手Q增值业务中。
5.uiKit
uiKit是一款轻量级、模块化的前端框架，可快速构建强大的web前端界面。
6.H-ui
H-ui是轻量级前端框架，简单免费，兼容性好，适用于中国网站。
7.Weui
weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。-easyui和layui哪个好
8.layui
Layui 诞生于2016年金秋，是一款带着浓烈情怀的国产前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。-easyui和layui哪个好
9.YDUI Touch
YDUI Touch 专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高;使用 Flex 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局;实现强大的屏幕适配布局，等比例适配所有屏幕。什么？用得不开心？轻松切换 px;自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI;-easyui和layui哪个好
10、后台UI开发框架 MuseUI
一款基于bootstrap风格，兼容于主流浏览器（包括IE6）的后端UI开发组件。
layui侧边栏折叠和展开效果该怎么实现
1、首先引入layui的样式代码。
2、然后创建html代码，添加上layui的导航样式，layui-nav。
3、运行页面，这时就可以看到一个美观的导航菜单了。
4、现在的菜单右边有很多空白的地方，可以添加样式，为导航栏条目添加长度，让其布满页面。添加一个样式，注意样式名和刚才默认的样式名一样。添加width:25%的样式。
5、再次运行页面，现在导航栏的条目布满了，没有留下过多的空白了。
layui弹出层渲染表单，并在表单里面添加开关和密码输入框怎么做，贴上代码
表单渲染需要依赖layui的 form模块
layui.use([’layer’, ’form’], function(){
var layer = layui.layer
,form = layui.form;
//layui 表单需要依赖form模块，并且弹出层动态加载，必须在success参数里重新渲染。
//用带有lay-filter参数的容器包裹CheckBox表单，密码输入框和平时一样使用就行
layer.open({
title: ’在线调试’
,content: ’《div class=“layui-form“ lay-filter=“test1“》《input type=“checkbox“ name=“zzz“ lay-skin=“switch“ lay-text=“开启|关闭“》《/div》’
,success: function(layero, index){
form.render(null, ’test1’);}
});
});
-easyui和layui哪个好
如何采用element-plus，基于codemirror6实现sql在线编辑器
js在线sql编辑器，下载后导入IDE工具中，在浏览器访问sql-editor-master/index.html ，效果如下(含括号高亮显示、显示折叠栏)：
codeMirror官网https://codemirror.net/， 官网js/css资源文件，也可自行去官网下载，但是官网比较慢，需引入的核心页面代码：
《link rel=“stylesheet“ href=“css/codemirror.css“ /》
《link rel=“stylesheet“ href=“test/addon/fold/foldgutter.css“》
《link rel=“stylesheet“ href=“css/theme/dracula.css“ /》
《link rel=“stylesheet“ href=“css/show-hint.css“ /》
《link rel=“stylesheet“ href=“js/jquery-easyui/themes/default/easyui.css“》
《link rel=“stylesheet“ href=“js/layui/css/layui.css“》
《link rel=“stylesheet“ href=“css/index.css“ /》
《script type=“text/javascript“》var baseUrl =““;《/script》
《script type=“text/javascript“ src=“js/jquery.min.js“》《/script》
《script type=“text/javascript“ src=“js/jquery-easyui/jquery.easyui.min.js“》《/script》
《script type=“text/javascript“ src=“js/jquery-easyui/locale/easyui-lang-zh_CN.js“》《/script》
《script type=“text/javascript“ src=“js/editor/codemirror.js“》《/script》
《!-- 折叠栏显示 --》
《script type=“text/javascript“ src=“test/addon/fold/foldcode.js“》《/script》
《script type=“text/javascript“ src=“test/addon/fold/foldgutter.js“》《/script》
《script type=“text/javascript“ src=“test/addon/fold/comment-fold.js“》《/script》
《!-- 括号高亮匹配 --》
《script type=“text/javascript“ src=“test/addon/fold/matchbrackets.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sublime.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sql.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sql-hint.js“》《/script》
《script type=“text/javascript“ src=“js/editor/show-hint.js“》《/script》
《!-- sql格式 --》
《script type=“text/javascript“ src=“js/editor/formatting.js“》《/script》
《script type=“text/javascript“ src=“js/editor/sql-formatter.min.js“》《/script》
《script type=“text/javascript“ src=“js/layui/layui.js“》《/script》
《script type=“text/javascript“ src=“js/index.js“》《/script》
《textarea id=“code“》《/textarea》
核心js代码：
//根据DOM元素的id构造出一个编辑器
var editor=CodeMirror.fromTextArea(document.getElementById(“code“),{
mode:“text/c-mysql“, //实现Java代码高亮
lineNumbers:true,
matchBrackets: true, //括号高亮匹配
theme:“default“,
keyMap: “default“,
extraKeys:{“Tab“:“autocomplete“},
hint: CodeMirror.hint.sql,
lineWrapping: true, //是否换行
foldGutter: true, //是否折叠
gutters: [“CodeMirror-linenumbers“, “CodeMirror-foldgutter“], //添加行号栏，折叠栏
hintOptions: {
tables: tablewords
}
});
输入关键词提示等信息的配置：allWords.json
动态设置表字段等信息：
let tableWords = {“dual“: };
let tableName = “tn_user“;
tableWords[tableName].push(“userId“);
editor.setOption(“hintOptions“, {“tables“: tableWords});
tableWords json格式如下：
“tableWords“: {
“cp_sku“: [
“skuid“,
“cpbh“,
“tcbh“
],
“user_info“: [
“user_id“,
“user_token“,
“user_name“,
“user_type“,
“password“
]
}
-easyui和layui哪个好
java学习路线
目前在职Java开发，我给出的Java学习路线是：
JavaSE--数据库--jdbc----前端基础--Javaweb--Spring--Mybatis--Maven--Springboot---Reids--Springcloud--Linux--Git。-easyui和layui哪个好
JavaSE：java基础，既然是基础，那肯定是最重要的，所以学习的时候也是需要重点学习的地方。
数据库：为什么要学数据库呢，因为我们的web数据需要持久化到磁盘上统一管理，而数据库无疑就是最好工具。目前主流的关系型数据库有mysql 和oracle。我建议先学mysql。为什么呢mysql相比Oracle难度要低，而在国内应用场景又是最多的。-easyui和layui哪个好
学会了mysql可以开发出一个完整的产品了，再学oracle都可以的。
前端基础：既然是做一个网站，那肯定不能是后台的数据，这样用户也是没办法看的，所以需要学习前端知识，把数据展示到页面上，而对于后台人员来说，学习阶段只需要学习前端基础就可以了。Html 、js、css、jquery就可以了。当然到离开后期你也可以学学专门为后端人员定制的前端框架，比如，layui，easyui。如果还觉得不够可以学学前端专用框架。比如vue element ，但是大前提是把自己的后台学到位了再学其他的。-easyui和layui哪个好
Javaweb：jsp、servlet。为什么用了html还要学jsp呢。因为jsp和Java是无缝连接的。学了javaweb以后就可以自己做一个项目出来了，比如你想做一个个人网站。你可以给你们学校做一个教务管理系统都是可以的。-easyui和layui哪个好
Spring：后台框架。为什么要用框架呢，可以快速开发，并且降低了耦合。Spring的AOP支持允许将一些通用任务如安全、事务、日志等进行集中式管理，从而提供了更好的复用，Spring的ORM和DAO提供了与第三方持久层框架的良好整合，并简化了底层的数据库访问。-easyui和layui哪个好
Mybatis：持久层框架，当然持久层还有一个框架应用也很广的，那就是hibernate，一个是半自动的一个是全自动，而在国内应用最多的是mybatis，在国外用得最多的是hibernate，具体原因，大家可以百度查查。持久层框架有什么好处呢？如果你用原始的jdbc做开发，那你得自己来管理每一个连接，连接的打开和关闭，都是有开发人员来操作的，而且jdbc也没有实体的映射，需要我们写代码把值set进去，而用了框架这些都交给框架去做了。-easyui和layui哪个好
Maven：mavne是一个工具，他的核心是pom.xml，这个配置文件，pom的全英文是project object model，意思是对象管理模型，也就是把项目也看成一个对象来操作了。给我们带来最直观的好处就是依赖问题，以前我们需要自己下载jar包，在构建到项目中，但是有了maven只需要写jar的依赖就可以自动给我们下载了。 -easyui和layui哪个好
Springboot：springboot是基于maven的，springboot最明显的特点就是开箱即用，也就是构建了一个springboot项目 直接就可以做开发了，而不需要像我们自己配一个springmvc的框架一样的需要去配置大量的xml文件。让我们开发人员更着重于业务上的开发。-easyui和layui哪个好
Redis：前面的mysql，oracle是关系型数据库，什么是关系型呢，就是一对一 一对多 多对多。有表与表之间有这些关系在，所以就叫关系型数据库，而redis就是非关系型数据库，也就是他存储数据之间是没有这些关系，他是以键值对 list set方式存储的。-easyui和layui哪个好
对了，顺便在这里说一下，我目前是在职Java开发，如果你现在也在学习Java，了解Java，渴望成为一名合格的Java开发工程师，在入门学习Java的过程当中缺乏基础入门的视频教程，你都可以申请加入我的Java新手学习交流qun：前面输入是：前面输入是：七九八，中间输入是：八四四，最后输入是：六二零。里面聚集了很多正在学习Java技术的初学者，qun文件里面还有我做Java技术这段时间整理的一些学习手册，面试题，开发工具，PDF文档书籍教程，需要的话都可以来获取下载。-easyui和layui哪个好
Springcloud：微服务框架，什么是微服务呢，就是把我们传统的单体服务拆分开了，就是将一个单体架构的应用按业务划分为一个个的独立运行的程序即服务，微服务架构其实就是一个分布式架构，具体的就不详细的讲了，因为这里面牵涉到的解决方案是灵活的。-easyui和layui哪个好
Linux：linux的应用通常都是在底层，那我们上层开发人员为什么也要学它呢，其实我们的主要应用是在服务器上，也就是服务器的系统。当然系统也有Windows的，而Windows的和Linux的区别就是Windows服务器有问题是微软来解决，很方便：别人替你做，但也不方便：你遇到问题都得让他官方来解决漏洞，但是Linux就不一样，他是完全开源的，有问题自己马上就可以解决，只要开发人员能力够硬去改内核都是可以的。-easyui和layui哪个好
Git：版本管理工具，与之对应的还有svn，最大的区别在于git是分布式系统，而svn不是分布式的，因为你们进企业以后都是协同开发 也就是一个项目小组里面几个小伙伴一起开发一个项目，所以就要有一个代码的管理工具来保证你们做的不同模块可以整合，所以说git也是需要学的。-easyui和layui哪个好
easyui,layui和 vuejs 有什么区别
easyui是功能强大但是有很多的组件使用功能是十分强大的，而layui是2016年才出来的前端框架，现在才更新到2.x版本还有很多的功能没有完善，也还存在一些不稳定的情况，但是layui界面简约美观，而且容易上手而且有很多组件在layui的社区里都可以找到，layui的弹出层layer也是layui与别的框架区别
2.layui与bootstrap对比
layui是国人开发的一套框架，2016年出来的，现在已更新到2.X版本了。比较新，轻量级，样式简单好看。
bootstrap 相对来说是比较成熟的一个框架，现在已经更新到4.X版本。是一个很成熟的框架，这个大部分人一般都用过。
适用范围对比：
1.layui 其实更偏向与后端开发人员使用，在服务端页面上有非常好的效果
做后台框架。
作者“闲心”都说了，开发这个框架的出发点是为了满足服务端程序员的需求。所以你懂得。
layui是提供给后端开发人员最好的ui框架，基于DOM驱动，在实现前端交互上比较麻烦，页面的增删改查都需要查询DOM元素。所以在不需要交互的时候，用layui还是不错的。
2.bootstrap 在前端响应式方面做得很好，PC端和移动端表现都不错。
做网站不错。
如果是类似官网，且需要同时满足PC端和移动端效果，bs表现很好。
但是如果是要交互的网站，比如商城之类，vue显然更好，前后端分离，。
-easyui和layui哪个好
