Web前端
文章平均质量分 58
公子七
吾爱吾师,吾尤爱真理
展开
-
慕课大巴账号分享
可以私聊我下扣扣,9866七八二三二原创 2019-01-06 18:00:34 · 3153 阅读 · 0 评论 -
ztree勾选取得id 把name 放到input显示
//获取选中机构用户节点 var treeObj = $.fn.zTree.getZTreeObj("orgUserTree"); debugger; var orgUserNodes = treeObj.getCheckedNodes(true); var RECEIPT_原创 2017-08-14 17:20:36 · 3349 阅读 · 0 评论 -
把object对象放到数组对象上实现
我想要的数据,先 var formData=$("#form1").serializeArray();//将表单内容序列化成一个字符串由formData 获取到16行数据都是一致的,数组对象,但是第17行 (下面红色那行)我是必须要把他给 弄进去的,第一步:得到 一个对象 var EQUIPMENTDATA=mini.get("EQUIPMENTDATA");原创 2017-06-09 18:05:11 · 12404 阅读 · 0 评论 -
微信获取用户的经纬度与物理地址转换
由经纬度 定位到地图上 :// 百度地图API功能 var map = new BMap.Map("bai-map"); var point = new BMap.Point(data.lon,data.lat);map.centerAndZoom(point, 12); var marker = new BMap.Marker(point); // 创建标注 map.a原创 2016-12-24 15:55:50 · 3697 阅读 · 2 评论 -
超详细JSTL标签 参考手册
前言=========================================================================JSTL标签库,是日常开发经常使用的,也是众多标签中性能最好的。把常用的内容,放在这里备份一份,随用随查。尽量做到不用查,就可以随手就可以写出来。这算是Java程序员的基本功吧,一定要扎实。 JSTL全名为JavaServer Pag转载 2016-07-26 20:23:46 · 5194 阅读 · 1 评论 -
谷歌浏览器F12前端调试工具 Console
前言 先上图:不知道有多少人发现,在浏览器开发工具的“Console”上的百度首页的关于百度招聘的信息: 今天要给大家介绍的就是是Web前端调试工具中的Console面板,应该说只要是个浏览器就会有的开发者工具,按F12出现的即是,就是我们上面图片上显示的Console,我这转载 2017-07-18 22:26:09 · 51113 阅读 · 1 评论 -
css中 margin: 0px 254px 0px 254px; 是什么意思
例子 1margin:10px 5px 15px 20px;上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px例子 2margin:10px 5px 15px;上外边距是 10px右外边距和左外边距是 5px下外边距是 15px例子 3margin:10px 5px;上外边距和下外边距是 10px右外边距和左外边距是 5px例子 4margin:10px;所有 4 个外转载 2017-04-06 11:36:13 · 1009 阅读 · 0 评论 -
JSTL使用
(尊重劳动成果,转载请注明出处:http://blog.csdn.NET/qq_25827845/article/details/53311722 冷血之心的博客)一、JSTL标签介绍1、什么是JSTL? JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一样,只不过转载 2017-03-27 14:37:53 · 4873 阅读 · 0 评论 -
zDialog 的 new top.Dialog() 属性含义
提取自ZCMS的弹出框:代替window.open、window.alert、window.confirm;提供良好的用户体验;水晶质感,设计细腻,外观漂亮;兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透;无外部css文件,引用Dialog.js即可使用;对iframe下的应用作了充分考虑,适合复杂的系统应用;Dialog显示的内容(三种)转载 2017-03-15 16:57:59 · 13015 阅读 · 0 评论 -
jsp页面 的 request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; "> 这个语句是用来拼装当前网页的相对路径的。 是用来表明当前页面的相对转载 2017-03-15 11:46:25 · 967 阅读 · 0 评论 -
HTML的html()追加数据
html:代码<div id="contentDivHtml_${topic.ID }"class="contentDivHtmlClass"style="display:none;"><span></span></div>js:代码//显示以及表决的人的名字 function showVoterInDiv(topicId){ $(".contentD原创 2017-09-18 17:22:45 · 3727 阅读 · 0 评论 -
zTree ctrl 多选功能
原来有人在网上写了ztree的功能实现,思路是正确的,不过写的不对奥,尤其是对树进行拖拽后,zTree的tId是按顺序生成的,拖拽之后shift就不好用了,自己重新写了一个。使用全局变量preClickedNode! callback : { //回调函数 onCheck: zTreeOnCheck }//处理shift键多节点勾选原创 2017-09-29 08:44:33 · 1473 阅读 · 0 评论 -
HTML 隐藏滚动条
如果列太长的话会导致出现不美观的“滚动条”,如图效果 : 在这边加个css 完美解决该问题://隐藏grid底部滚动条$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });原创 2018-01-24 16:19:31 · 831 阅读 · 0 评论 -
JS 对中文进行转码防止乱码
var BREED_TYPE = escape(breedType);//进行转码diag.URL = 'test_add.jsp?BREED_TYPE='+BREED_TYPE //弹出一个新的页面var Request = new Object();Request = GetRequest();var breedType = Request["BREED_TYPE"]原创 2017-12-16 15:34:47 · 11949 阅读 · 0 评论 -
button 提交后再次刷新页面
button,input type=button按钮在IE和w3c,firefox浏览器区别当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。解决方案:原创 2017-11-27 11:28:03 · 1248 阅读 · 0 评论 -
function 报错 Uncaught ReferenceError: fuzzySearch is not defined用$(document).ready(function(){ })里面的
这个情况就有点坑了 ,小胖哥看了都说写法没大问题,后面觉得把 function 函数弄出去的话试下,果然可以了!!! $(document).ready(function(){ })里面的 function 报错 Uncaught ReferenceError: fuzzySearch is not defined先来图看看,第一张图跟 第二张图 看起来代码写的很规矩?原创 2017-12-21 15:21:51 · 2045 阅读 · 1 评论 -
form表单数据 转json 对象最佳示例
先看效果图就是图一到图二的过程> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> script type="application/javasc转载 2017-11-03 09:54:24 · 12105 阅读 · 0 评论 -
HTML 调用 打印机打印 By jQuery.print.js
<a id="btnPrint" class="btn btn-mini btn-primary" onclick="doPrint();">打印</a> <!-- 打印的js 登录网址https://github.com/DoersGuild/jQuery.print,下载js文件,进行简单的配置即可使用啦! --><script type="text/javascript" s转载 2017-10-26 09:12:58 · 3065 阅读 · 0 评论 -
关于eval(data)和eval("("+data+")")
个人觉得在 Java数据处理过程中 虽然用一些 工具类也是可以实现字符串 与 json 对象互相转换,但是 还是觉得用下 js 来做处理的话 会显得更好,有时候 Java 处理一些排序、大小比较之类的操作 换做是后端的话会显得比较麻烦点 ,此时用下前端的 js 处理会使2者配合更好;更加突显各自的优势。如果data是字符串,使用eval("("+data+")")可以将其转换为json对象,和J转载 2017-10-09 10:56:12 · 23966 阅读 · 2 评论 -
ztree zTreeNodes 对 用户排序
用户是要根据顺序来排序 看起来比较美观,之前这些都是乱序的,后面加个 以时间为排序字段的话 就能出现下面的效果。后端拿的json数据最终的js 代码 ,其实用Java 代码也是可以可控制的 排序但是发现这个js 还是比较快的 callback : { //回调函数 onCheck: z原创 2017-09-30 08:43:31 · 3143 阅读 · 0 评论 -
对于页面没加载完,ajax 请求数据放不到某个局部位置上
//获取站内信未读总数(在站内信删除未读新信件时调用此函数更新未读数) function getFhsmsCount(){ $.ajax({ url:" ", type: 'POST',原创 2017-03-30 11:29:23 · 524 阅读 · 0 评论 -
关于chrome控制台警告:Synchronous XMLHttpRequest on the main thread终极解决办法(解决不了看红色字体)
$("#fhsmsCount").html(Number(fhsmsCount)); //站内信未读总数 $("#fhsmsCount").text(Number(fhsmsCount)); //根据下面的方法,一个群里大神说用 text ,结果就可以了,看下这篇http://blog.csdn.net/ystyaoshengting/article/details/转载 2017-03-30 09:28:09 · 6382 阅读 · 0 评论 -
jQuery Datatable 实用简单实例
来自: http://sgyyz.blog.51cto.com/5069360/1408251目标:使用 jQuery Datatable 构造数据列表,并且增加或者隐藏相应的列,已达到数据显示要求。同时, jQuery Datatable 强大的功能支持:排序,分页,搜索等。Query Datatable 能良好支持数据完全加载到本地后构建数据列表,排序、分页、搜索等功能就会自带,转载 2016-08-01 11:03:38 · 8686 阅读 · 0 评论 -
讨论“get”和“post”安全性
get”安全,还是“post”安全?这或许是大家总结两者必须要分析的内容,因为这涉及到我们将内容从浏览器传送到服务器的安全性,选择不当将会带来巨大的不安全因素,从而可能带来巨大的损失。这篇博客,我将阐述一下,当然更多的还是希望各位大神发表一下见解,讨论一下下! 首先,我们来看一下两者最基本的区别:GET请求通过URL(请求行)提交数据,在UR转载 2016-07-04 10:16:15 · 2543 阅读 · 0 评论 -
JS 数据类型转换
--------------------------------------------------------------js特性:弱类型语言 是相对强类型语言来说的在强类型语言中,变量类型有多种,例如int char float boolean 等不同的类型相互转换有时需要强制转换而javascript只有一种类型var ,为变量赋值时会自动判断类型并进行转换所以javascript是弱语转载 2016-07-03 13:48:51 · 555 阅读 · 0 评论 -
jQuery的validate验证插件使用方法源码
validate插件默认的表单校验规则:自定义校验规则:[javascript] view plain copy print? $(document).ready(function(){ $("#empForm").validate({ //转载 2016-07-23 16:42:23 · 1176 阅读 · 0 评论 -
zTree的简单实例
zTree的简单实例 zTree 是一个依靠jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 zTree官网 zTreeAPI下载链接 页面主要引入一下几个文件:link type="text/css" rel="stylesheet" href="zTree/zTreeStyle.css" />script转载 2016-06-28 21:08:29 · 9166 阅读 · 3 评论 -
创建XMLHttpRequest对象
与之前众多DOM操作一样,创建XHR对象也具有兼容性问题:IE6及之前的版本使用ActiveXObject,IE7之后及其它浏览器使用XMLHttpRequest不但IE6及其之前的版本将XHR作为一个ActiveXObject运行,而且还存在众多版本:一开始是Microsoft.XMLHTTP 之后变成Msxml2.XMLHTTP及更新版的Msxml3.XMLHTTP function转载 2016-06-28 21:07:56 · 589 阅读 · 0 评论 -
js删除提示的插件实现
做项目对数据的增删改查是必不可少的,项目组的成员负责的模块都有这个功能,如果每个人遇到删除都写一遍提示代码,那就不好维护了,保不准谁写的有错,所以,提取出来,写一个插件供大家使用。1.jsp[html] view plain copy print?s:iterator value="#departmentList">转载 2016-07-09 21:55:57 · 566 阅读 · 0 评论 -
myEclipse运行很慢的原因
myEclipse运行很慢的原因MyEclipse6.5屏蔽jsp校验myEclipse以其丰富的功能博得程序员的热爱,但是其速度确实有问题,jsp文件打开会不停的校验,甚至出现卡死,分析原因,原来是validation在做怪。 好,既然找到了原因,那就把问题解决,方法如下: 打开Myeclipse---->window--->preferences--->Myecli转载 2015-12-18 16:22:59 · 709 阅读 · 0 评论 -
mysql:Can’t create TCP/IP socket (10106)”
错误描述“mysql错误:Can’t create TCP/IP socket (10106)”,目测是socket端口被占用的原因,然后在打开tomcat,报的错误中也包含了“socket”,再一次加强了我的猜测!解决方法原因:可能是某些软件和mysql端口冲突,cmd命令运行:netsh winsock resetfrom:http://转载 2015-09-14 08:53:28 · 2147 阅读 · 0 评论 -
VM安装小问题
之所以用“决战”,这个词是因为我对tomcat和Myeclipse的环境搭建很“烦”,它浪费了我许多时间;好了闲话不多说,现在来讲解下我的环境搭建过程吧! 首先安装好你的jdk(不要放在c盘)【新建环境变量;———>JAVA_HOME(D:\Program Files\Java\jdk1.6.0_26)CLASSPATH(.;%JAVA_HOME%\lib翻译 2015-05-21 15:46:46 · 430 阅读 · 0 评论 -
编写Javascript时的注意事项
1、预留退路网站的访问者完全有可能使用的是不支持JavaScript的浏览器,有一些可能是浏览器不支持,或者是浏览器支持,但用户为了避免讨厌的弹出广告而仅用了。在这种情况下,就要保证,你的网站即使在所有的JavaScript都失效时,仍然能够正常访问。使用伪协议是很不好的习惯JavaScript 伪协议 (pseudo-protocol)"javascript:" 伪协转载 2016-07-04 10:19:55 · 762 阅读 · 0 评论 -
jQuery筛选器找父亲parent,closest,parents,parentUntil
这几个筛选器都是找父亲的,但具体用法不同.parent(expr) - 查找父亲,只查一级,正宗的父亲,表达式应该很少用.parents(expr) - 加了复数,就变成多个父亲了,从父亲开始查,一直往上查,查到根元素,然后通过expr表达式过滤.closest(expr) - 这个跟parents类似,但是这个是从当前元素开始查,并且查到符合表达式的就停止了.parentsUnt转载 2016-07-05 16:03:20 · 825 阅读 · 0 评论 -
用过的比较好的一些前端插件
百度富文本编辑器:https://github.com/fex-team/ueditor清单列表插件:http://juicer.name/原创 2016-12-29 11:01:53 · 907 阅读 · 0 评论 -
Kaptcha是一个基于SimpleCaptcha的验证码开源项目。
Kaptcha是一个基于SimpleCaptcha的验证码开源项目。官网地址:http://code.google.com/p/kaptcha/ kaptcha的使用比较方便,只需添加jar包依赖之后简单地配置就可以使用了。kaptcha所有配置都可以通过web.xml来完成,如果你的项目中使用了Spring MVC,那么则有另外的一种方式来实现。 一、简单的jsp-servl转载 2016-12-27 10:23:04 · 2242 阅读 · 0 评论 -
data.msg.undefined(传过来的值不是JSON而是字符串)
在ajax 里面加上 dataType :'json'data如果是string 使用data.msg有用吗?msg又不是string的属性转成json对象data才有属性msg才可以能过data.msg获取数据,所以有时候,我们看到了 data.msg明明有值,但是却显示未定义,就说明我们传过来的不是json,而是其他原创 2016-12-19 14:57:21 · 3428 阅读 · 0 评论 -
juicer自定义函数使用方法(随便你用!!!)
juicer自定义函数使用方法,非常方便,把问题总结下,其他可以参看官网http://juicer.name/docs/docs_zh_cn.html放到外面的 js 那里;var test = function(str){ //var str = '"'+ss+'"'; return str.substring(0,4)+'年'+str.substring原创 2016-12-12 18:47:25 · 4641 阅读 · 0 评论 -
jQuery 的Ajax使用
jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍。我们先从最简单的方法看起,处理复杂的ajax请求时,jQuery使用jQuery.ajax()方法进行处理。在jQuery中有一些简单的方法,它对jQuery.ajax()方法进行了封装,使得我们在处理一些简单的Ajax事转载 2016-08-04 12:06:12 · 346 阅读 · 0 评论 -
关于文本模式设置为ie7列表不能显示出来,i9以上可以
关于文本模式设置为ie7列表不能显示出来,i9以上可以,,这个问题导致我的列表不能显示出来,而在其他浏览器是可以的,经过大佬的研究,发现下图多了一个 “ , ”;请看图,对于ie7以下的,请注意js 格式的书写一定要规范!!!!!!原创 2016-10-21 16:02:12 · 362 阅读 · 0 评论