![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
墨笙弘一
这个作者很懒,什么都没留下…
展开
-
学习如何使用Chrome DevTools来进行JavaScript调试
作为一个新的开发者,查找和修复BUG是很困难的。你可能会在你的代码中任意使用console.log()方法来使得你的代码正确的运行。不再!这是一篇关于正确调试的方法的文章!您将学习如何使用Chrome开发者工具设置断点并逐步执行代码。此工作流通常是查找和修复代码中的错误的更有效方法。本教程向您展示如何调试一个具体的问题,但您学习的一般工作流程有助于调试所有类型的JavaScript错误。1....翻译 2019-08-25 19:02:24 · 1148 阅读 · 0 评论 -
JS相关开发实践总结
1.jq设置button的显示与隐藏$('button[name=\'btnPrint\']').css("display", "inline"); $('button[name=\'btnPrint\']').css("display", "none");2.根据身份证取生日function getBirthdayFromSFZ(val){原创 2018-05-25 17:05:36 · 403 阅读 · 0 评论 -
JS转换字符串中的全角字符
function getRealLength(str){ str = str.replace(/[^\x00-\xff]/g,'**'); return str;}原创 2018-05-25 16:52:21 · 1760 阅读 · 0 评论 -
miniUI校验textbox值大于0
function ongtZero(e) { if (e.isValid) { if (e.value<0) { e.errorText = "必须输入大于等于0的整数"; e.isValid = false; } } }...原创 2018-05-25 16:51:26 · 1361 阅读 · 0 评论 -
JS校验数值
JS校验数值的范围,大小及长度function isInt(str,maxlen,min,max){ var pattern = /^(0|[1-9]\d*)$/; // 非负整数(正整数 + 0) if(str !=null && ""+str != "" ){ if(pattern.test(str) == f...原创 2018-05-25 16:49:48 · 1722 阅读 · 0 评论 -
miniUI清空控件的值
var textbox= $(".mini-textbox").length; for(var i=0;i<textbox;i++) { var id = $(".mini-textbox")[i].id; if(id!="jbzabh"&&id!="原创 2018-05-06 13:23:18 · 6019 阅读 · 0 评论 -
JavaScript判断日期的大小
var csrqS = new Date(mini.get('csrqS').getFormValue().replace(/-/g, '/'));var csrqE = new Date(mini.get('csrqE').getFormValue().replace(/-/g, '/'));if (csrqS > csrqE) { mini.alert('【出生日期-结束】必须大于...原创 2018-05-06 12:37:46 · 3415 阅读 · 0 评论 -
miniUI2017-12-26
总结一下自己开发的一个项目中的前端技术,框架使用的是miniUI 1.默认选择下拉框的某个值mini.get('id').select(value);//此处的value对应的是你所希望显示的那个字典值对应的code2.获取是否界面查找后是否有数据,通过如下来判断var grid=mini.get('datagridId');if(grid.getTotalCount() == 0){原创 2017-12-27 00:31:22 · 1215 阅读 · 0 评论 -
jQuery基础学习(三)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>JQuery中的DOM操作</title> <meta charset="UTF-8"/></head><body>原创 2017-09-20 05:15:07 · 415 阅读 · 0 评论 -
jQuery学习基础理论(二)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="UTF-8"> <title>JQuery选择器</title> <script type="te原创 2017-09-20 05:14:29 · 436 阅读 · 0 评论 -
jQuery基础理论学习(一)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/j原创 2017-09-20 05:13:09 · 514 阅读 · 0 评论 -
jQuery动画相关知识学习
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>jQuery中的事件和动画</title> <meta charset="UTF-8"/></head><body>原创 2017-09-27 23:08:28 · 336 阅读 · 0 评论 -
miniUI打开一个新的画面
需求:开发中需求通过点击父界面一个按钮弹出一个子界面,在miniUI中我们可以这样实现。 代码实现: mini.open({ title: '', url: '${ctx}/updateJzjl/initLeadInto?tgjcbh= '+tgjcbh, allowResize: false, width: 1000,height: 600, ondest原创 2017-09-09 13:40:02 · 5501 阅读 · 0 评论 -
miniUI控件checkbox
miniui,mini-checkbox,父子窗口值映射,默认选中checkbox原创 2017-08-20 14:51:42 · 21585 阅读 · 0 评论 -
mini-radioButtonList选中取消操作
这里分享一下miniUI框架中关于radiobuttonList选中后可以取消的相关Js实现: 1.mini-radiobuttonlist onitemclick事件 2.radiobutton选中后,再点可以取消选中 3.使用要求:要同时定义一个对应的hidden,id为mini-radiobuttonlist 的id+”old”function radioListClick(e){...原创 2018-05-25 17:13:34 · 3830 阅读 · 0 评论 -
miniUI只可以选择大于今天或者未来的日期
miniUI中有个控件mini-datepicker,如果需要只选择今天及以后的日期可以使用下面的方法:function onDrawFsDate(e){ var date = e.date; var d = serverDate; if(d!=''){ //d= new Date(Date.parse(d.repla...原创 2018-05-25 17:21:07 · 3293 阅读 · 0 评论 -
miniUI datagrid选中与右侧datagrid联动效果实现
分享一个关于miniUI中选中datagrid中的某行数据,与右侧数据联动的效果:需求,在查询的结果列表,选中任意一行数据,右侧会加载该条数据的明细数据。(1)使用鼠标进行行选中,然后触发右侧datagrid的联动(2)当选中一条记录后,可以通过键盘的上下PgUp和PdDn来实现右侧数据的联动显示,基本效果图如下所示:下面分别对上面的两种操作的前端实现都会做说明:针对操作1://获取...原创 2019-06-28 16:40:42 · 2037 阅读 · 2 评论 -
ARTS Share6 miniUI getData(true,false)获取form表单数据问题
昨天在写报表新增画面的时候,遇到一个问题,首次新增是完全成功的,而且新增后新增画面会自动刷新,将新增的数据显示到画面,然后可以进行修改,然后对数据保存。流程:新增一条数据点击保存按钮,数据库insert一条数据画面自动刷新,新增数据显示在画面上可以对数据进行修改,点击保存问题:当第二次点击保存的时候,本来应该是对前一次新增的数据进行更新,但是我发现数据库里面多了一条数据,然后开始查...原创 2019-05-15 14:16:16 · 3674 阅读 · 0 评论 -
HTML
一.HTML和CSS的关系1.HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2.CSS样式是表现。就像网页的外衣,比如,标题字体、颜色变化、或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。3.JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单,或鼠标滑过表格的背景颜色改变,还有...原创 2017-05-06 17:01:33 · 689 阅读 · 0 评论 -
ARTS Tip4 form的submit和ajax提交
说一下ajax提交和form.submit提交:post是一种HTTP动作,它是一种关于客户端和服务端如何沟通的HTTP的协议。HTML使用FORM的概念定义客户端语法。HTML实现通常假设HTTP协议,并且已经定义了与服务器的FORM交互是使用HTTP POST操作进行的(尽管此操作在HTML语法中是可指定的)。 从历史上看,交互是无状态的,表单提交/响应将导致浏览器使用服务器的响应重绘其页...原创 2019-04-08 17:31:26 · 160 阅读 · 0 评论 -
ARTS Tips002 子画面值映射到父画面对应字段miniUI
先说一下这个需求,在一个新增画面有一个调用按钮,点击该按钮可以弹出一个子画面(查询数据),这个子画面的数据是通过调用接口从别的系统拿到,然后显示到子画面(内容在datagrid中),每条数据的前面都有一个按钮,通过点击该按钮,可以把这条记录的数据自动填充到父画面(新增画面)对应的字段中。总结了一下这个实现:在父画面中需要有如下的JS代码,然后通过iframe.contentWindow.getE...原创 2019-03-31 19:11:41 · 204 阅读 · 0 评论 -
ARTS Tip1 JavaScript Scheduling setTimeout and setInterval
在开发中,遇到了一种需求,有个接种情况,一支疫苗是多人份的,如果打开了,那么必须在有效期内注射完,否则这个疫苗就应该废弃,所以当这支疫苗打开的时候,那么就需要从有效期的最大时间开始定时,一直到有效期的时间变为0,此时,如果还没有打完,那么这个疫苗就要废弃。当然我们需要在画面上显示这个疫苗什么时间被打开,以及什么时候到期,这样医生就不用自己看时间,直接从画面就可以看到这个疫苗什么时间废弃,这样对于...原创 2019-03-21 14:45:04 · 209 阅读 · 0 评论 -
Java下载Excel模板
首先阐述一下概念,我这里说的下载EXCEL模板,是指这种情况,比如,用户需要填写一个EXCEL,只需要填写某几列,其余列的数据都存在,这个模板是固定的,不是动态生成的EXCEL模板,而是将需要的数据填充到EXCEL中,然后将该模板下载下来供用户填写,然后在进行导入,再进行数据的入库等操作。 (1)绘制模板 新建一个EXCEL,可能是以xls或者xlsx结尾,所以在导入的时候需要进行处理,这里说...原创 2018-08-29 23:47:18 · 2548 阅读 · 0 评论 -
miniUI中的tree
总结一下在最近做统计学的一个项目中,用到的关于tree的知识点,前端使用的是miniUI,所以谈到的基本都是miniUI框架中的tree。 如上图所示,我来说一下这种树的构造和实现。 (1)首先可以看到它是一颗多层的树形 (2)不同的层级有不同的节点内容,我们把节点叫做node (3)如何构造这棵树?&lt;div size="250" maxSize="500" minSiz...原创 2018-08-28 01:02:02 · 8651 阅读 · 2 评论 -
miniUI中如何调节tree的节点node的字体和大小
.mini-tree-nodetitle{ height:30px;}.mini-grid-cell{ font-size: font-family:}原创 2018-06-23 14:53:13 · 3345 阅读 · 1 评论 -
JQuery禁用或者启动checkbox
function changeCheckboxState(lx){ if(true){//禁用 $("input[type=checkbox]").each(function(){ $(this).attr("disabled",true); }); ...原创 2018-06-22 09:59:09 · 13351 阅读 · 0 评论 -
实现radioButton选中后取消选中状态
function setDeSelectRadionButton(obj){ var radioCheck= $(obj).val(); if("1"==radioCheck){ $(obj).attr("checked",false); $(obj).val("0"); }else{ ..原创 2018-05-16 12:28:42 · 9641 阅读 · 3 评论 -
JavaScript控制输入的值必须大于0
function ongtZero(e) { if (e.isValid) { if (e.value&lt;0) { e.errorText = "必须输入大于等于0的整数"; e.isValid = false; } } }前端框架使用的...原创 2018-05-16 12:25:37 · 3867 阅读 · 0 评论 -
JS获取未来指定的日期
需求中有个日期控制,预产期,只可以选择今天及未来16周以内的时间,,因此需要做个校验,下面是一段JS来获取未来指定的日期获取未来指定日期YYYY-MM-DD n代表天数,比如16周,就需要自己将周转为天数再传进去。function getFutureDate(n) { var n = n; var d = new Date(); var y...原创 2018-05-25 17:24:46 · 3102 阅读 · 0 评论 -
JavaScript计算字符串长度(含中文)
项目需求变更中有一个要求,就是在mini-textbox中,输入的中文不能超过15个汉字,字符不可以超过30个。我用了miniUI自带的vtype属性,但是不好使,最后使用了一段JS代码进行了校验,代码实现如下://计算字符串长度包含中文 function getByteLen(val) { var len = 0; for (var i = 0; i < val.原创 2017-07-17 09:29:52 · 14637 阅读 · 1 评论 -
miniUI合并单元格
最近在项目中遇到合并单元格的问题,所以总结一下。 用的是miniUI框架,所以只谈miniUI中的单元格合并。 (1)必须添加onLoad="onLoad" (2)需要在JS中进行单元格合并控制,实现代码如下: function onLoad(e) { var grid = e.sender; var marges = [原创 2017-06-21 13:32:19 · 10082 阅读 · 0 评论 -
PS学习笔记
最近几天在入职培训的时候,自己学了一点PS的相关知识,扩展自己的知识面,下面就是这五天来对于自己所学的PS的知识总结:1. ctrl + N 新建对话框(针对画布进行前期的设置) 2. ctrl + O 打开对话框(选择素材,字母) 3. F 画布的三种显示方式切换 4. Tab 隐藏工具箱,工具属性栏,悬浮面板 5. Z 缩放工具 6. ctrl + 0 满画面显示(数字) 7. 按原创 2016-07-23 07:58:49 · 2971 阅读 · 2 评论 -
JavaScript中的数值转换函数
1.Number()函数 (1)用于任何数据类型,属于一种转型函数 (2)转型规则Boolean值,true->1,false->0数字值,简单的传入和返回null值,返回0undefined,返回NaN字符串,如果只包含数字,则转为十进制数,如果前面带0,则会自动忽略;如果里面包含有效的浮点格式,就会转换为对应的浮点数值,前导0也会被自动忽略;如果字符串中包含有效的十六进制格式,则会原创 2017-03-08 23:13:40 · 806 阅读 · 0 评论 -
miniUI-textbox只可以输入规定数量的字符
在这里提示一点,如果做得东西有输入框,需要用户自己填写,那么你就要注意用户填写的时候可能出现的问题,假设你某个字段只有varchar2(50),如果你的用户填写超过了该范围,那么该值就不会被插入进去,我在做某个功能的时候忽略了这一点,就导致了可以无穷的输入,最后数据插不进去,后台会报错,说超出该字段的范围值。 下面给出解决办法: 在easyUI中使用textBox,就需要考虑这种问题,下面是实现原创 2016-10-08 19:44:38 · 10807 阅读 · 4 评论 -
JQuery学习笔记
一.jquery的优势 1.轻量级。采用了UglifyJS进行压缩,大小保持在30KB左右 2.强大的选择器。 3.出色的DOM操作的封装。 4.可靠的事件处理机制。 5.完善的AJAX。JQuery将所有的AJAX操作封装到了一个函数.ajax()中。6.不污染顶级变量。JQuery只建立一个名为JQuery的对象,其所有的函数方法都在这个对象之下。其别名.ajax()中。 6.不污原创 2017-02-18 22:00:44 · 623 阅读 · 0 评论 -
easyUI中textArea控制输入字符的多少
上面的文章说了easyUI中的textbox如何控制输入字符的多少,这篇文章主要说easyUI中的textArea如何控制输入字符多少,如果超出数据库表结构中该字段的最大范围,那么就会报错,所以下面我具体说一下实现。 在我说实现之前,我先说说我的经历,因为我也是才开始接触easyUI和miniUI对于里面的控件属性什么的不是特别清楚,我以为textArea和textbox一样,加入一个maxlen原创 2016-10-08 19:54:03 · 5906 阅读 · 0 评论 -
miniUI日历控件只可以选择当前之前日期
这个也是项目中遇到的一个,因为分两个系统,一个系统用的easyUI,这个系统用的miniUI, 需求描述:该检索条件中的日历控件,只可以选择当前之前的任意一天,以后的日期不可以选择。 检索条件代码如下:<td align="right">出生日期</td> <td > <input id="csksrq" n原创 2016-10-08 19:34:13 · 18520 阅读 · 7 评论 -
EasyUI只可以选择当前日期以前的日期
今天在项目中有一个需求,需要实现的是:日历控件只可以选择当天日期之前的日期(包括当天) 先说easyUI,我的是一个检索条件,里面包含一个日期控件,代码如下;<th align="right">出生日期</th> <td ><input id="csksrq" name="csksrq" size="15" style='width:70p原创 2016-10-08 19:25:22 · 5348 阅读 · 2 评论 -
easyUI中获取控件的值
总结一下我在做项目中所遇到的easyUI中的控件,以及如何获取这些控件的值: (1)WdatePicker() 获取方式:var shfsStartDate = $("#shfsStartDate").val();重置值方式:var value=$('#id').val("");(2)combobox() 获取方式:var qxbm = $("#qxbm").combobox("getValu原创 2016-10-09 21:35:51 · 1939 阅读 · 0 评论 -
easyUI-datagrid(1)
抽时间来总结一下工作两个多月来实现的一些功能,以前基本没有接触过前端,现在工作了,前台界面要自己写,后台逻辑还是自己写,所以现在是前台后都在搞,同时在学习。 主要说easyUI中datagrid以下几个方面: (1)固定列和活动列 (2)指定列进行排序 先给出一段我写的代码:$("#grid").datagrid({ title:"检索结果",原创 2016-10-09 21:19:07 · 1835 阅读 · 0 评论