Layui 分为单页版和iframe版 单页版 通过将单页代码输出到div,不如要完整的html代码. 刷新页面后,依然能够记录上一次的页面. 此种方式不易于调试前端代码. Iframe版 通过iframe的方式将加载另一个页面.需要完整的html代码,包括js代码. 属性页面后,不能够记录上一次的页面. 此方式需要耗费更多的网络宽带. 国内用户最多,简单易用.能够掌控.开发效率较低. Bug较多. iView 基于Vue的框架,能够实现数据的双向绑定. 需要掌握Vue相关的知识,使用难度较高,

layui和bootstrap 对比 这两个都属于UI渲染框架. layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了.比较新,轻量级,样式简单好看. bootstrap 相对来说是比较成熟的一个框架,现在已经更新到4.X版本.是一个很成熟的框架,这个大部分人一般都用过. 适用范围不一样  layui 其实更偏向与后端开发人员使用,在服务端页面上有非常好的效果. 做后台框架. 作者“闲心”都说了,开发这个框架的出发点是为了满足服务端程序员的需求.所以你懂得. layui是提

layui和bootstrap 对比 这两个都属于UI渲染框架. layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了.比较新,轻量级,样式简单好看. bootstrap 相对来说是比较成熟的一个框架,现在已经更新到4.X版本.是一个很成熟的框架,这个大部分人一般都用过. 适用范围不一样  layui 其实更偏向与后端开发人员使用,在服务端页面上有非常好的效果. 做后台框架. 作者“闲心”都说了,开发这个框架的出发点是为了满足服务端程序员的需求.所以你懂得. layui是提

1.vue-resource对比axios 文章1 文章2 1.0 axios  params 配置参数在url 显示,form-data 用于 图片上传.文件上传 1.1 axios 全局配置 axios.defaults.baseURL=‘http:localhost:8080’ 1.2 axios 实例配置 let instance=axios.create() instance.defaults.timeout=3000 或者 let instance=axios.create({ ti

vue 框架说明和与其他框架的对比 一.说明 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合.另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动.(来自官网 官网链接) 1. 说明分析 只关注视图层(html.css.js),将其中的 View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开.Vue.js 就是 MV

Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于vue 2.0以上版本.网上对于服务端渲染的资料还是比较少,最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news.本人在公司做Vue项目的时候,一直苦于产品.客户对首屏加载要求,SEO的诉求,也想过很多解决方案,本次也是针对浏览器渲染不足之处,采用了服务端渲染,并且做了两个一样的Demo作为比较,更能直观的对比Vue前后端的渲染. talk is cheap,show us the code!话不多说,我们分别来看两个D

网盘系统   大家应该都会注册过致命的一些网盘~如百度云.百科介绍:网盘,又称网络U盘.网络硬盘,是由互联网公司推出的在线存储服务,服务器机房为用户划分一定的磁盘空间,为用户免费或收费提供文件的存储.访问.备份.共享等文件管理等功能,并且拥有高级的世界各地的容灾备份. 我也一直在用网盘..但是有一个特别让人无语的是你不开他家的会员,就给你限速.那下载速度简直跟乌龟似得~~ 周末在家无聊突发奇想~自己用Layui这款前端框架配合PHP做了一个简易版的网盘.后续也有想法继续去更新完善它,大家有什么想

年前无聊,想自己搭建一个后台管理框架,对比了easyui.Extjs.H-ui.H+UI.layui几个框架,easyui和Extjs虽然功能强大但是界面实在是接受不了,H+UI和layuiAdmin是收费的,layui界面确实做的不错,于是想着用layui做一个极简的后台(菜单+选项卡). 先上图 前两张图是自己按照layAdmin样式写的,后一张图是从网上找的然后稍加修改. 需要的留个邮箱. 注意:前两张图选项卡内容是采用的ajax方式,后一张图采用的iframe方式.我的代码里面后台用的d

好久没见了 在项目中遇到一个小小的需求,总结了一下! 详细我就不介绍了,相信大家用过的话,很了解.详见文档-----------> http://element-cn.eleme.io/#/zh-CN/component/message-box#messagebox-dan-kuang 项目需求——关于ElementUI中MessageBox弹框的取消键盘触发事件(enter,esc)关闭弹窗的解决方法(也就是标题) 我们在接触或者是学习使用一个库,或者插件.通常我们最先看的就是文档. 如果遇到

前言 下面推荐并对比几个好用的前端UI模板 推荐给以下的人使用: 1.不想重复造轮子的后端 2.不想学bootstrap的后端 3.后端开发想自己写简单页面的 4.偷懒的前端 本文注重手机端,对web要求不大,排名不分先后 模板 1.Amazeui http://amazeui.org/ 样式齐全,文档齐全,案例相对较少,对移动端开发来说需要一些技术成本还是有的 2.sui http://m.sui.taobao.org/ 阿里做的,所以好看好用,文档齐全,开发方便,有用例但没案例 类似IOS一

1. 新建以下sm样式,保存为layform_sm.css文件名,然后导入到layui.css的后面. .layui-input-sm,.layui-select-sm,.layui-textarea-sm { width:100px; height:25px; line-height:; border-width:1px; border-style:solid; background-color:#fff; border-radius:2px; border-color:#e6e6e6; pa

UI选择务必慎重,货比三家. 弱水三千只取一瓢:弱水三千只取一瓢,源起佛经中的一则故事,警醒人们在一生中可能会遇到很多美好的东西,但只要用心好好把握住其中的一样就足够了 老牌构建于jQuery框架之上的UI外, 新锐UI派系: 基于Vue: ELementUI, iViewui 基于React: AntDesign, Amaze UI React 根据GitHub.前端社区.掘金等平台对当前流行的前端UI框架的进行了小小的整理和汇总(ps:前端UI框架的应用是通过GitHub star数,社区热

vue快速搭建项目(前提是你的电脑已经安装了node的环境和vue脚手架安装,不会的自行百度) 1:打开终端: 这里说下此时位置是在User下的lijuntao文件夹下面,我一般会在桌面新建一个文件夹然后进去在执行下一步,如果你也想在桌面新建的话,就 就在终端里面输入cd desktop摁回车就进到桌面了 ,然后再cd 文件夹名字 2: 输入命令vue init webpack-simple vueElemente 回车 此时你就在文件夹vueElement里面新建了一个名字叫 elm_dome

额,最近有点频繁记录.感觉遇到了很多的问题.然后不断的查,不断的尝试修改.然后得到解决.还是记录关于element-ui的使用.这次是关于表格的使用. 表格使用其实平时用的话也就那么几个属性.虽然官网提供了好像还是蛮多的属性和方法,但是一般情况下不是很复杂的表格的话,使用的属性都是基本的.方法的也基本是. 这次遇到的问题整整折腾了快一天的时间.代码使你兴奋,同时,更多的是使你"疯狂".这个疯狂更多时候指的是抓狂! 不废话了,开始进入问题: 使用element-ui的表格时候表格内容的单

fire 读在最前面: 1.此文章衔接Vue 虚拟Dom 及 部分生命周期初探,相关整体知识点请先阅读后再继续本文阅读 问:当v-if为true时,会重新渲染相关dom节点吗? <child v-if="true"></child> 点击查看涉案代码 点击图中[切换]字样 查看效果,如下图: 流程分析: 1.首先我们按代码画出初始化vnode和点击切换后的vnode,进行第一次 对比,如下图 说明:头头比较的时候,节点没有任何变化,所以直接不动即可,如果a的相关

最近 做了一个需求 在查询结果的表格中,选取(可多选)一些值,获取到保单号后,打开一个elementUI的穿梭框,然后获取到所有业务员,选取一些业务员后,将上一步获取到的保单号传递给业务员. 画个示意图 在这里遇到问题了 问题是 我要获取到右边我选取的人的工号和姓名,但是根据elementUI的文档提供的方法,渲染上去的信息都有一个唯一的key,在设置的时候 ↓ data.push({ key: i, label: `备选项 ${ i }`, disabled: i % === }); @cha

  本节目录 一 vue获取原生DOM的方式 二 DIY脚手架 三 vue-cli脚手架的使用 四 webpack创建项目的玩法 五 element-ui的使用 六 xxx 七 xxx 八 xxx 一 vue获取原生DOM的方式$refs 之前我们获取dom是通过原生js或者jQuery的选择器来获取的,那么vue也给我们提供了一些获取dom的方法. 方式:给标签或者组件添加ref属性,将来我们通过this.$refs属性可以获取到这个标签或者组件. <div ref="chao"

Layui Table 分页记忆选中 挺好的功能,之前为什么放弃了,哈哈哈! 在最早的版本中,layui 的 table 会记录每页的勾选状态,但很多用户反馈这是 bug,因为当他们获取选中数据时,其它页的勾选数据也包含进来让他们有点莫名...迫于无奈,我干脆放弃了这项功能 后来在 Layui 社区中发现有人再次实现,这里备份一下. <div class="layui-btn-group demoTable"> <button class="layui-bt

下拉列表多选 问题 通过操作 所有来进行全选 全不选问题 element-ui 中 select 记录下自己最近使用element-ui 中的 select多选问题 在element中默认是指单纯多选,但是公司要求,需要有一个控制选择多选的值.测试许久终于整出来,特意记录一下 思路 element 中的组件 <template> <el-select v-model="value5" collapse-tags multiple placeholder="请

layui样式加载: layui.use(['table', 'element', 'laydate', 'layer'], function () { var table = layui.table, element = layui.element, form = layui.form, laydate = layui.laydate, layer = layui.layer; element.init(); //初始化 radio 和选项卡 form.render();//重新渲染 });