
前端
练习手
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue app hide 后台运行代码
vue app hide 后台运行代码原创 2022-07-13 13:12:01 · 620 阅读 · 1 评论 -
spring接受前台对象list参数
var saveDataAry=[];var data1={"name":"test","password":"gz"};var data2={"name":"ququ","password":"gr"};saveDataAry.push(data1);saveDataAry.push(data2);$.ajax({ type:"POST", url: basePath + "/user/saveUser", dataType:"json", contentType原创 2021-11-11 11:33:49 · 606 阅读 · 0 评论 -
node.js安装以及配置本地使用
1.去node官网下载并安装2.安装完成后需要在安装路径下新建两个文件夹3.然后需要配置这两个文件的路径npm config set prefix "F:\nodejs\node_global"npm config set cache "F:\nodejs\node_cache"4. 需要设置淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org5.需要配置环境变量...原创 2020-05-22 08:48:15 · 542 阅读 · 0 评论 -
TableFreeze.js(基于JQuery的表格冻结插件)
TableFreeze.js(基于JQuery的表格冻结插件)<script type="text/javascript" src="./jquery.js"></script><script type="text/javascript" src="./jquery-migrate-1.2.1.js"></script><script type="text/javascript" src="./TableFreeze.js"></s原创 2020-05-14 13:42:06 · 2271 阅读 · 0 评论 -
html 文字过长解决
style="display:inline-block;max-width:250px;overflow: hidden;text-overflow: ellipsis;"原创 2020-04-15 11:36:50 · 1494 阅读 · 0 评论 -
jQuery多条件获取值赋值
var CCIndex=0; var JWIndex=0; for(var storeIndex = 0;storeIndex < tempStoreDetailList.length;storeIndex++){ if(tempStoreDetailList[storeIndex]!=null){ if(tempStoreD...原创 2020-01-02 09:09:00 · 350 阅读 · 0 评论 -
JavaScript练习
<script type="text/javascript"> $(function() { customPayOtherAccountList= new Array();//创建对象的数组 }); function addData(){ var customPayOtherAccount=new Object() var otherTable =$(...原创 2018-04-20 21:20:04 · 629 阅读 · 0 评论 -
jquery固定table的表头thead
$("div").scroll(function(){ if($(this).attr("style").indexOf("overflow")>-1){ var scrollTop = this.scrollTop; $(this).find("thead").attr("style","transform: translateY(" + s原创 2018-05-23 18:02:33 · 5895 阅读 · 0 评论 -
Jquery对象常用方法
一、JQuery对象的基本方法:(1) get(); 取得所有匹配的元素(2) get(index); 取得其中一个匹配的元素 $(this).get(0) 等同于 $(this)[0](3) Number index(jqueryObj); 搜索子对象(4) each(callback); 类似foreach,不过遍历的是元素数组如:$("img".each(function(index){ ...转载 2018-04-20 11:19:06 · 5328 阅读 · 0 评论 -
jsp动态生成table
<script type="text/javascript"> function generate(){ var line = document.getElementById("line").value;//获取行数 var row = document.getElementById("row").value;//获取列数 ...转载 2018-04-22 17:06:02 · 1999 阅读 · 0 评论 -
AJAX参数传递时有特殊符号时解决办法
var parem = "#123";var aa=1;当使用AJAX拼接字符串传递给后台时,遇到特殊符号需要进行解码,使用 encodeURIComponent(String) 进行解码;var parem = encodeURIComponent("#123");这么写就可以正常使用AJAX传递给后台了 $.ajax({ async: false, ...原创 2018-03-21 18:10:22 · 2660 阅读 · 0 评论 -
解决谷歌disabled状态下操作问题
//通过jquery选择这个要操作元素的disabled属性,如果true则先置成false操作后重新置成true if($(this).prop("disabled")==true){ $(this).prop("disabled",false); $(this).attr("title",this.va...原创 2018-03-05 11:04:11 · 3343 阅读 · 0 评论 -
前端常用技巧
1.//截取字符串,从第一位开始,截取6位$("#provider_name").val().substr(0,6);2.权限设置<shiro:hasPermission name="sys:xxxx:xxxx"></shiro:hasPermission> 3.通过寻找父级取值(向上寻找找到class:detailShearID的父级的ID)$(obj).closes...原创 2018-03-09 11:37:53 · 214 阅读 · 0 评论 -
bootstrap导航栏
<nav class="navbar navbar-default" role="navigation"><div class="container-fluid"> <ul class="nav navbar-nav"> <li class="dropdown">原创 2018-04-26 10:27:22 · 266 阅读 · 0 评论 -
jQuery操作表格(table)的常用方法、技巧汇总
1.鼠标移动行变色$('#table1 tr').hover(function(){ $(this).children('td').addClass('hover')}, function(){ $(this).children('td').removeClass('hover')});方法2$("#table1 tr:gt(0)").hover(function() { ...转载 2018-04-28 10:45:06 · 1120 阅读 · 0 评论 -
jquery动态合并单元格-亲测有效
<script type="text/javascript">$(document).ready(function(){ heBingFunction("#Table");//传入的table的id})function heBingFunction(tableObj){ var tr = $(tableObj).find("tbody tr"); var td = $...原创 2018-05-22 11:38:26 · 2666 阅读 · 0 评论 -
js常用函数整理
/** * JSFrame Name:EasyJs * File Name:JSFrame * Date:2014-11-28 上午10:50:09 * Copyright (c) 2014, China Link Communications LTD All Rights Reserved. * Author:by sicd * Describe: * Common...转载 2018-05-28 14:20:42 · 5476 阅读 · 1 评论 -
JavaScript实现MD5加密
<script language="javascript"> /* MD5 Message-Digest Algorithm - JavaScript*/ function MD5(sMessage) { function RotateLeft(lValue, iShiftBits) { return (lValue<<iShiftBits) | (lV...转载 2018-05-29 18:51:08 · 353 阅读 · 0 评论 -
js 计算精度的问题,以及换算成百分数的功能实现
//解决精度问题 numberParam为数字 digitParem为保留位数 Math.formatFloat = function(numberParam, digitParem) { var m = Math.pow(10, digitParem); return parseInt(numberParam * m, 10) / m; } /...原创 2019-05-17 09:01:11 · 1639 阅读 · 0 评论 -
select2 搜索框优化下拉选项带记忆功能
在项目里实际遇到select2多选每次都需要输入重复搜索内容,每次都需要输入“部”字,就针对select2 进行了所有下拉框记录上一次的搜索内容思路:创建一个变量,在 tokenizer(获取键盘输入的内容) 方法时赋值给针对这个select2 选择框的临时变量,然后更改nextSearchTerm(下一次搜索内容) 方法返回临时变量单体进行优化测试成功案例var aaaa...原创 2019-05-28 11:58:58 · 2243 阅读 · 0 评论 -
前端传入后台代码被转译的问题
// public static void main(String[] args) { String test = "[{"00":"check","01":"uncheck","limitName":&...原创 2019-08-05 13:36:33 · 742 阅读 · 0 评论 -
报错写法
var val_aaa=$(“#aaa”).val().trim(); if(val_aaa==”“||val_aaa==null){ top.layer.alert(msg_aaa+not_aaa, {icon: 0, title:’警告’}); layer.msg(msg_aaa+not_aaa, {icon: 2});原创 2017-12-13 09:42:59 · 209 阅读 · 0 评论 -
jQuery操作select下拉框(增加,删除,修改)
jQuery获取Select选择的Text和Value:[javascript] view plain copy $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获...转载 2018-03-15 08:43:23 · 8221 阅读 · 0 评论 -
前端面试问题综合
$HTML, HTTP,web综合问题常见排序算法的时间复杂度,空间复杂度前端需要注意哪些SEO合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同;description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同;keyw...转载 2018-03-06 19:28:33 · 678 阅读 · 0 评论 -
数组求最大值,数组去重写法
var arr = [ 1,5,1,7,5,9]; Math.max(...arr) // 9 [...new Set([2,"12",2,12,1,2,1,6,12,13,6])] // [2, "12", 12, 1, 6, 13]原创 2018-03-06 19:25:18 · 401 阅读 · 0 评论 -
Jquery表单提交
$("#submit").click(function(){ //通过attr更改action的值 $("#searchForm").attr("action","${ctx}/cn/student/submit"); //表单提交 $("#searchFor原创 2017-12-15 10:43:28 · 381 阅读 · 0 评论 -
JAVA后台传JSON JSP接受转数组
//---------------------------后台JAVA Controller @RequestMapping(value = "find") @ResponseBody public String jsonSend(String tNo, HttpServletRequest request) {原创 2017-12-15 10:09:09 · 1280 阅读 · 0 评论 -
jsp 引另一个jsp的内容
原创 2017-12-14 15:46:35 · 267 阅读 · 0 评论 -
jsp 页面 格式转化utf-8
function toUtf8(str) { var out, i, len, c; out = ""; len = str.length; for(i = 0; i c = str.charCodeAt(i); if ((c >=原创 2017-12-22 08:18:37 · 935 阅读 · 0 评论 -
jquery正则表达式写法
$("#phone").keyup(function () { this.value = this.value.replace(/[^\d.]/g,''); });原创 2017-12-13 09:11:17 · 722 阅读 · 0 评论 -
单选checkbox
$(document).ready(function() { var fanxiBox = $("#contentTable input:checkbox"); fanxiBox.click(function () { if(this.checked || this.checked=='checked'){ fanxiBox原创 2017-12-13 09:07:07 · 250 阅读 · 0 评论 -
AJAX 下拉框联动
//------------控件元素改变---------------// $("#aaa_id option").remove();//刪除材质类别 $("#aaa_id").append("<option value='' label='' selected='selected'>请选择</option>"); //ajax取得数据原创 2017-12-11 14:17:43 · 238 阅读 · 0 评论 -
JSP整数转化为千分位的使用
//千分位使用function formatNumberToStr(mVal, iAccuracy){ var fTmp = 0.00;//临时变量 var iFra = 0;//小数部分 var iInt = 0;//整数部分 var aBuf = new Array(); //输出缓存 var bPo原创 2017-12-19 20:16:16 · 1366 阅读 · 0 评论 -
WEB直接打印实现思路
1.当数据保存时, 传输给查询页面一个要打印数据的唯一键值redirectAttributes.addFlashAttribute("PrintingNo",printingNo);2.页面收到这个键值,通过ajax去后台取得数据3.ajax取得数据后,画一个新页面的table并把数据赋值给table4.调用windows.print();实现打印备注:1.要打印的样式原创 2017-12-15 10:47:28 · 1155 阅读 · 0 评论 -
取table首列的值
var cols=""; $("#printDivTable tbody tr").each(function(){ var text = $(this).children("td:first").text(); cols+=text+"|"; }) cols=cols.length>0?cols.原创 2017-12-15 11:43:21 · 338 阅读 · 0 评论 -
jsp获得当前年月日
function today(){//构建方法 var today=new Date(); //new 出当前时间 var h=today.getFullYear();//获取年 var m=today.getMonth()+1;//获取月 if(m m="0"+m; }原创 2018-01-11 15:03:13 · 6268 阅读 · 1 评论 -
改变placeholder的字体颜色大小
input::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #333;} input::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size:14px; color: #333;} ...转载 2018-03-06 19:24:34 · 382 阅读 · 0 评论 -
盒子垂直水平居中
1、定位 盒子宽高已知, position: absolute; left: 50%; top: 50%; margin-left:-自身一半宽度; margin-top: -自身一半高度;2、table-cell布局 父级 display: table-cell; vertical-align: middle; 子级 margin: 0 auto;3、定位 + transform ; ...转载 2018-03-06 19:24:03 · 208 阅读 · 0 评论 -
让图文不可复制
-webkit-user-select: none; -ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;user-select: none;转载 2018-03-06 19:23:03 · 317 阅读 · 0 评论 -
JS 判断设备来源
function deviceType(){ var ua = navigator.userAgent; var agent = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; for(var i=0; i<len,len = a转载 2018-03-06 19:22:07 · 717 阅读 · 0 评论