采用的结构: <form class="layui-form reset-form" action="" id="formData"> @* 使用隐藏域用于保存编辑项的ID值,便于提交修改 *@ <input type="hidden" name="ID" /> <div style="color:red;text-align:center;margin-bottom

每次调用layer弹窗做动态展示的时候,只要内容不固定或者需要二次渲染 比如layui.form.render()进行渲染的时候 由于弹窗已经出来了,只是content部分的结构改变了宽度或者高度,layer的弹窗就不能居中了 type:1类型下,可以使用我写的这个强制居中的函数 //刷新layer弹窗的水平居中位置 function refreshArea(_formWin){ var _formWinObj = $("#layui-layer"+_formWin); var w =

本文通过具体的实例来讲述jquery里prop和attr的区别及使用方法. 在jquery里,我们要获取一个标签元素的属性,可以用attr或者prop,那么两者有什么区别呢? 其实很简单: attr可以用来获取或生成“直接写在html标签里的属性” prop可以用来获取元素的JS属性,如scrollHeight,offsetHeight等. 我们知道,scrollHeight是js里用来获取元素的完整高度,它是js的属性,并不是jquery属性,如果要在jquery里使用这个属性的话,需要把jq

layui的下载地址: http://www.layui.com/ 需要引用layui里面的css跟js layui自带jquery var $ = layui.$ 一个直接弹出另一个窗体的弹出框 window.parent.layer.open({ type: , where: { uname: value }, title: '人员调动', shadeClose: false, shade: [0.3, '#393D49'], maxmin: false, area: ['893px', '

这2年来,移动h5开发逐渐成为一种主流,也不断趋向于成熟.硬件和浏览器的不断更新,曾经的浏览器兼容也不再是开发者的噩梦. 接触h5开发一年多,从最初的新手到现在,陆陆续续遇到过很多坑.这里把想到的一些经验与资源罗列出来,给刚入h5的同学带来一些帮助.该文章会持续更新. 内容比较多,可以点击下方『悬浮菜单按钮』进行选择需要阅读的章节. 基础知识 新手建议看看下面的在线教程. html,css,JavaScript,jQuery在线教程: w3school在线教程:http://www.w3scho

对于经常使用vs的朋友,如果能用键盘直接做的事,还是键盘更便捷点,现在我就把自己遇到的一些给写下来. 1.对一个函数的说明 先写一个函数,以及参数,完成后,在函数上输入///,vs会自动补全说明的信息,你写上自己的功能说明就好了,下次你调用此函数就会有相应的说明了.实例如下. public int GetMaxId() { return dal.GetMaxId(); } 在函数上面输入///后,变为了 /// <summary> /// 这里写上内容说明 /// </summary&g

在React Native里有很多种方法来创建可滚动的list.比如,ScrollView和ListView.他们都各有优缺点.但是在React Native 0.43里增加了两种行的list view.一个是FlatList, 一个是SectionList.今天我们就来详细了解一下FlatList. 如果你熟悉RN之前的ListView的话你会发现FlatList的API更加的简单,只需要给它一列数据,然后根据每一项数据绘制行就可以. 源代码在github上.代码中使用的是RN 0.49.5.

今天是2019年小年后一天,还有三天回家过年. 今天记录一下一种前端页面的效果的实现,这种效果很常见,一般用于网站后台系统的前端页面.一般后台系统会分为顶部导航栏,左边的菜单栏和右边的主体区.有一种效果是这样的,当点击左边菜单的时候,在右边的主体区会弹出相应的页面,点击多个菜单选项时,在右边依次陈列这些窗口,这些窗口之间可以相互切换,类似于浏览器的多个打开的窗口那样. 下面,先给出这种效果的图片: 然后我将详细记录实现这个效果的过程. 整体思路: 1.基础知识 这种效果的实现主要依赖于layui

Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成) 动态表单生成 ElementUI官网引导 Element表单生成 Element动态增减表单,在线代码 关键配置 template中,form和form-item的写法和绑定 data里的值为空 methods中,向后台获取数据的函数写法 1. form,form-item,input的写法[^code] <el-form :model="dynamicValidateForm" label-width=&

vue中比较重要的就是组件了.而组件随处可复用的特性,使得组件通信非常重要.那么组件之间通讯方式有哪些呢? 第一种:父子组件通讯: 如果是 html页面 中全局注册的组件 和 实例中局部注册的组件 HTML: <div id="box"></div> JS: Vue.component('child',{ name:'child', props:{ msg:{ type:String, require:true } }, template:` <div i

上周换到新项目组,依然是vue,不过是搭配element-ui. 这两天开始用el-form,发现了个问题. 就是我的表单确定提交之后,需要重置表单,一开始我没看熟API,直接将form对象手动赋成初始值,但是这样的问题是再打开每个el-form-item还是校验成功, 这时我发现了resetFields方法(对整个表单进行重置,将所有字段值重置为初始值并移除校验结果),于是改用这个方法. 改了之后出现了另一个问题,其他字段都重置了,但是有一个form-item里面放的是checkbox,我给的

例子还是之前的例子.仍然是对mage进行法术攻击时的咒语进行校验,不过略微提高了扩展性. 应用示例 1.在.properties文件中定义参数格式(正则): sp1=^\\D*hello\\D*$ sp2=^\\D*world\\D*$ 2.对需要检查格式的方法参数进行注解,注解中传入的参数需要与.properties文件中的定义相对应: package sample.spring.iocbasis.hero; import sample.spring.iocbasis.annotation.C

最近在写组件时,考虑到子组件的状态需要实时反馈给父组件,于是想起来了v-model,下面介绍一下自定义组件中的简单使用 官网介绍不是很清晰,这个默认的input事件很容易让人产生误解,其实个人建议还是不要使用默认的prop和event,尽量重新定义. 我的子组件 <template> <div> <el-select v-model="id" style="margin-bottom:20px" @change="handle

此文章适合入门的同学查看,之前因为项目的原因,在网上找了一套Layer UI做的后台管理系统模板,完全不懂LayUI里面的JS用法,看了官方文档和其它资料后才明白怎么去实现模块化这个例子,但是还是感觉网上的资料写得不够清晰,我尝试把自己的想法写出来,大家可以一起学习 1.首先从简单的入手 加载所需模块 方法:layui.use([mods], callback) 引用了Layui.js后 往js文件写入 layui.use(['layer'],function(){ [<span style=&qu

https://www.jianshu.com/p/5d9b341d650f vue-cli入门(三)——人员管理实例 ps:如何创建vue-cli项目 https://www.v2ex.com/t/372961 手摸手,带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板) http://www.cnblogs.com/chinabin1993/p/8184114.html vue项目中使用vue-awesome https://www.jb51.net/article/1

很多js的框架与插件编写都用到了闭包,所以,阅读和掌握闭包很有必要.最近学习vue框架时,经常会猜想很多功能的native js实现,很多都应用到了闭包,闭包除了目前已知的一些特性,如:可以保持局部变量以减少对全局作用域的污染外,一些情况下必须用闭包才能实现. 先贴一个根据自己的理解绘制的闭包原理: 关于闭包的几个重要的知识点需要理解: 1. javascript中,每次运行函数,都会创建一个新的对象,用来保存函数的内部变量,称之为——局部变量保存对象 2. 每次运行外部函数,内部闭包函数都会被

amazeui的表单开关插件的自定义事件必须添加.bootstrapSwitch 命名空间,给了我们什么启示 一.总结 一句话总结:详细看使用文档(说明文档说的真的是非常详细呢,不过循序渐进,不同阶段看懂的内容不同) a.使用插件的时候必须非常详细的看使用文档 b.一些插件的自定义事件是有命名空间的,插件无法使用的时候可以往这上面想 c.on方法绑定事件可以带命名空间 d.amazeui给的插件扩展库还挺有用的 1.amazeui除了插件还有插件扩展库给我们什么启示? 别的前端框架也很有可能有插

前言 无论在任何的语言或框架中,我们都提倡代码的复用性.对于Vue来说也是如此,相同的代码逻辑会被封装成组件,除了复用之外,更重要的是统一管理提高开发效率.我真就接手过一个项目,多个页面都会用到的列表,没有去封装列表组件,只要有一点改动,每个页面都得加上.很肯定的说,没有用组件化开发的Vue项目是没有灵魂的.所以如何封装一个优雅且复用性高的组件成为我们必需的技能. Tab自定义组件 首先来看一个Tab组件的实现,看看它存在什么问题,哪里可以改进? 效果 组件 <template> <di

el-table表格的代码: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="nam

平时在使用iview或者vue重置表单是时,我会习惯使用 this.$refs[formData].resetFields(); 但是直接这样写上去方法是不起作用的, 内容必须要在每个form-item里加上prop属性,并且与你v-model的值相同才可以生效 例如: iview代码段: <Modal v-model="showDialog" :title="modalTitle" :mask-closable="false"> &

就是这个东西,里面的不同标签,所代表的不同含义 beans  里面有很多的bean  ,每一个bean都是容器里面的一个对象 1.别名alias  (另外的一个名字) XML <alias name="cons_01" alias="constructor01"/> java // Constructor_01 cons_01 = (Constructor_01)context.getBean("cons_01"); Construc