js、前端
文章平均质量分 61
多来哈米
或悲极或大喜,总要留给回忆!
展开
-
js用map筛选指定元素(ES6的map方法)
1、js用map筛选指定元素let arr = [1,2,3]//如果条件是true,就加入新newArr中let newArr = arr.filter(item => item>=3)console.log(newArr);//3实战,操作对象//筛选满足条件的对象let itemCode = "1234";let newResult = data.result.filter(item=>{ if (item.itemCode == itemCo...原创 2020-11-12 09:49:10 · 5722 阅读 · 4 评论 -
js进行对象深度拷贝deep clone
1、利用json两次转换推荐——操作新颖,逆向思维(①转成json字符串;②在将字符串转为对象) obj1 = { a: 0 , b: { c: 0}}; let obj3 = JSON.parse(JSON.stringify(obj1)); obj1.a = 4; obj1.b.c = 4; log(JSON.stringify(obj3)); // { a: 0, b: { c: 0}}2、利用vue的lodash慎用lodash的cloneD...原创 2020-10-14 10:19:02 · 512 阅读 · 1 评论 -
js数组去重(利用ES6的Set对象)
原文let arr2 = new Set([1,1,2,3,4])let arr3 = [...arr2]console.log(arr2, arr3) // {1,2,3,4} [1,2,3,4]1、Js es6中扩展运算符(...)转载 2020-08-07 13:56:23 · 1720 阅读 · 0 评论 -
js获取当前日期所在的周一到周日的日期,以及星期几
如图: $(function () { var now = new Date("2020-1-1"); var nowTime = now.getTime() ; var day = now.getDay() || 7; var oneDayLong = 24*60*60*1000 ; var MondayTime = nowTime - (day-1)*on原创 2020-07-26 17:29:24 · 1968 阅读 · 3 评论 -
vue技能
1、深度拷贝对象,防对象引用import { cloneDeep } from 'lodash';//this.info对象变更,不会影响row对象openGoodsEdit(row){ this.info = cloneDeep(row); },2、面包屑对象原创 2020-07-15 11:46:02 · 566 阅读 · 0 评论 -
window.print打印指定区域
doPrint() { // let originHtml = window.document.body.innerHTML; //需要打印的元素 let printHtml = document.getElementById("printDiv").innerHTML; console.log(printHtml); window.document.body.innerHTML = printHtml; window.print(); // 方式.原创 2020-06-11 16:35:43 · 2103 阅读 · 0 评论 -
js中组装拼接json对象,通过java后端接收并解析
如图,需要将每条数据组装(标黄部分),并传到后端解析js方法实现function optDetail() { var detailId = ""; var testDate = ""; var testRemark = ""; var testStatus = ""; var json = ""; ...原创 2019-11-03 12:00:57 · 2616 阅读 · 0 评论 -
jquery.bigautocomplete.js首次获取焦点触发搜索(类似百度首次的搜索历史)
在js中$this.keyup(function(event) { 这个方法下面添加如下获取焦点的focus方法://输入框获取焦点事件 $this.focus(function(event) { var k = event.keyCode; var ctrl = event.ctrlKey; var isFunctionalKey = false;//按下的原创 2017-12-09 11:32:49 · 1190 阅读 · 0 评论 -
shiro页面前端获取当前用户信息
获取当前用户id原创 2017-08-01 14:23:18 · 13193 阅读 · 3 评论 -
notepad++批量去掉或替换文本中的换行符、提取指定行或内容
1、写sql语句in的条件时2、字符串拼接时等等……有时候要将如下形式文本的换行去掉,类似xxx,xxx,xxx,xxx,工具:sublime text2(这个一款非常强大的文本编辑工具,程序员真心需要一个,强烈推荐)步骤一:ctrl+h替换空格(replace all替换所有)步骤二:在ctrl+h界面alt+r 搜索\n替换换行原创 2015-01-28 12:44:30 · 150046 阅读 · 10 评论 -
css中background:-webkit-gradient实现背景渐变效果,并且兼容各个浏览器
实现渐变效果如下:在线生成渐变样式,工具地址(很强大):http://www.colorzilla.com/gradient-editor/生成样式如下:.swiper-button-prev:after {content: '';position: absolute;top: 0;right: -95px;width: 100px;height: 44原创 2017-10-16 11:27:26 · 11077 阅读 · 0 评论 -
页面中文字不能被选中,图片不能被下载
取消选取、防止复制 (测试成功)onpaste= "return false " 不准粘贴 oncopy= "return false; " oncut= "return false; " 防止复制原创 2014-01-07 04:15:15 · 987 阅读 · 0 评论 -
freemarker的Boolean类型,在JavaScript转成Boolean类型
说明:isKindLabel则为后台传过来的Boolean类型var flag = Boolean(Number("10"));原创 2017-09-30 11:16:46 · 991 阅读 · 0 评论 -
js关闭浏览器前弹窗
示例html,如下:感谢原文关闭页面提示适用单个窗口关闭,如果直接关闭整个浏览器,这个就没作用所以如果关闭浏览器前需要其他操作,如下方法:window.onbeforeunload = function () { //关闭前会执行};原创 2017-09-02 11:30:53 · 4540 阅读 · 0 评论 -
java配置系统全局返回变量(freemarker)
在spring-mvc.xml中配置(前提是系统用了freemarker) <bean id="freeMarkerConfigurer" class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer">原创 2017-08-31 16:32:42 · 1036 阅读 · 0 评论 -
部署项目避免本地js、css缓存
给css和js添加版本号,名称任取(?v=20170825):link href="${ctx}/static/css/active.css?v=20170825" rel="stylesheet" type="text/css">script type="text/javascript" src="${ctx}/static/js/common.js?v=20170829">scri原创 2017-08-29 15:28:53 · 974 阅读 · 0 评论 -
html的img的src为空处理,避免谷歌浏览器有边框
在谷歌浏览器中,img标签的src=""的时候,会出现如下(影响用户体验):一句代码搞定,高手在民间啊,真心的添加如下全局样式:img[src=""],img:not([src]){opacity:0;}在原文中评论里的高手...原创 2017-12-21 16:21:14 · 7462 阅读 · 2 评论 -
HTML中,不固定宽高的元素在DIV中水平并且垂直居中
效果如下:代码如下:.proImgDiv {width: 300px;height: 285px;display: table;border: 1px solid red;}.proImgDiv div {width: 300px;height: 285px;display: table-cell;text-align: center;vertical-ali原创 2017-12-06 15:04:21 · 679 阅读 · 0 评论 -
日程展示
需求:制作一个设计师日程展示(类似时间轴,但是网上都没有类似定制的插件)感谢思路效果图:代码(下载):<!DOCTYPE html><html><head> <title>设计师日程</title><script src="http://libs.baidu.com/jquery/1.9.0...原创 2019-06-30 10:39:08 · 1500 阅读 · 0 评论 -
WdatePicker 日期联动选择(起始时间两者关系)
场景:效果如下,选择区间话不多说上关键代码:要的就是效率…………biubiu<tr> <th>时间周期<span style="color:red;"> ※ </span></th> <td colspan="3"> <input class="easyu...原创 2019-06-15 20:34:44 · 2041 阅读 · 0 评论 -
js和jsp中实现金额三位分隔,千分位展示
一、js简单的正则方式(不推荐,复杂繁琐):<html><body><script type="text/javascript">var value = "111212311.32";document.write(get_thousand_num(value));function get_thousand_num(num) { retur...原创 2019-04-23 15:59:48 · 2332 阅读 · 0 评论 -
easyui根据业务动态控制data-options的required属性
首先感谢原文思路业务场景如图,动态选择列,并让相应列内容必填核心代码:$(".XXX").numberbox({required:true});$(".XXX").validatebox({required:true});提示:根据控件的class类型,来选择上面标红部分代码如下:<script type="text/javascript">...原创 2019-04-01 17:50:50 · 4568 阅读 · 1 评论 -
js动态新增元素,绑定事件不起作用失效问题
利用on绑定方法,如下代码(说明:.uploadImg是新增元素;)核心重点:.sendList是页面一直存在的元素,这样才能给动态元素一直绑定事件;终极办法:$('body').on('change',"动态元素选择器", function() {});(但是从性能角度,不推荐用body这种选择器)$('.sendList').on('change',".uploadImg", f...原创 2019-03-25 15:39:10 · 2491 阅读 · 0 评论 -
两位小数正则表达式;金额、金钱三位逗号形式展示
1、两位小数正则表达式<script type="text/javascript">var reg=/^(([1-9]{1}\d*)|0)(\.\d{1,2})?$/;var str="101.36";//可以自己更换这个字符串的值进行所有可能的测试alert(reg.test(str));//弹出true表示符合模式,弹出false表示不符合模式</script&...原创 2015-04-24 15:16:03 · 2873 阅读 · 0 评论 -
HTML页面,图片img在容器DIV中,上下左右居中(实用技能,css的table-cell)
场景:让不规整的缩略图在容器中居中显示(针对特别长或特别宽的图)如下图场景:代码及样式:<html><head> <title>百搭屋</title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <style...原创 2018-04-10 13:55:29 · 5996 阅读 · 0 评论 -
jquery easyui datagrid水平滚动条
$("#datagridId").datagrid({ …… ……, onLoadSuccess: function(data){ $("#datagridId").datagrid("resize",{ width: 4000 }); } }); 感谢原文...原创 2018-03-21 18:55:14 · 3754 阅读 · 1 评论 -
textarea样式
效果图:代码:<textarea style="border:0;border-radius:5px;background-color:rgba(241,241,241,.98);width: 355px;height: 100px;padding: 10px;resize: none;" placeholder="询价备注(尺寸、材质等)"></textarea>...原创 2018-03-02 14:37:48 · 31198 阅读 · 3 评论 -
html生成随机色块
请引入jquery,现成demo下载,请点击此处 $(function(){ var x=document.documentElement.clientWidth; function test(){ var data = parseInt((Math.random()*999999)%(x+1)); $("#tex").appe原创 2017-08-28 17:33:40 · 5416 阅读 · 0 评论 -
关于ajax的get提交中文乱码问题探究及解决办法
今天遇到个问题:本地好好的,放linux服务器死活中文乱码废话不多说,解决办法:一、前端,参数两次encodeURI加密:encodeURI(encodeURI("要发送的中文参数"))二、后端接受参数URLDecoder.decode(参数, "utf-8")OK,搞定收工,虽然不知道啥原因,先用着encodeURI(encodeURI原创 2017-05-18 10:41:39 · 727 阅读 · 0 评论 -
js、java的base64相互加密、解密(中文乱码问题、json字符串传递)|| 额外适用技能:js中组装拼接json对象,转字符串
适用场景:1、js、ajax前端传参到后端,中文乱码问题;2、js、ajax前端json传参到后端,json参数含有特殊字符报错问题;提醒:所以提前用base64处理json字符串或参数使用方法:一、js中base64加密(依赖base64.js):BASE64.encoder(str)补充方法:js的window对象自带的base641、方法用于创建一个 ...原创 2017-06-01 15:45:50 · 13428 阅读 · 1 评论 -
AJAX动态创建HTML元素click事件无效
解决办法:将click事件绑定到body元素下面(缺点:body上事件绑定多了,页面受不了)$("body").on("click",".freeLook,.subBox span",function(){ $('#layer').removeClass('access-hide');});$("body").on("click",".appoint_cancelbtn",原创 2016-09-09 15:03:46 · 2621 阅读 · 0 评论 -
HTML设置元素透明度
filter: alpha(opacity=45); opacity:0.45;原创 2014-01-02 20:37:40 · 2133 阅读 · 0 评论 -
HTML中,将“r”变为小叉的字体(常用于关闭小按钮)
font-family: webdings;a-z的各种形状abcdefghijklmnopqrstuvwxyz原创 2014-01-06 10:33:34 · 1285 阅读 · 0 评论 -
页面中,使元素不能被选中
在元素中添加属性:onfocus="this.blur()"原创 2014-01-07 04:08:24 · 2150 阅读 · 1 评论 -
jquery使a标签失效
$('a').removeAttr('href');即可使a标签点击上去,完全没有效果在a标签加属性 style="sursor:pointer",移动上去编程手指形状,就以假乱真了原创 2014-01-07 04:12:24 · 4134 阅读 · 0 评论 -
div居中、透明
透明 body { background-color:black; /*background-image:url(guanggao2.jpg);*/ } #div1 { /**div居中**/ margin:auto; border:10px solid silver; background-color:#FF9; width:300px; heig原创 2014-01-07 04:20:10 · 1156 阅读 · 0 评论 -
js动态创建元素、标签
无标题文档 function addUser() { //创建行 var tr = document.createElement("tr"); //创建单元格 var tdId = document.createElement("td"); var tdName = document.createElement("td"); var tdSex = document.原创 2014-01-07 04:21:48 · 1314 阅读 · 0 评论 -
highchart和fusionchart的时序图(心电图
1highchartde原创 2014-10-11 17:15:27 · 1624 阅读 · 0 评论 -
jQuery validationEngine自定义提醒
在网上看了好多自定义验证样式,好多都是不是自己想要的!打开源码,看了一下挺简单的!将下面的样式添加到页面上就可以实现黑色主题的提醒!想要什么样式基本都可以自己修改了!很方便/*验证样式*/.formError .formErrorContent { width: 100%; /*错误提示框颜色*/ background: #000; position:rela原创 2014-11-07 14:19:03 · 2162 阅读 · 0 评论 -
div填充剩余宽度
今天做页面遇到,前面一个div固定宽度,后面填满横向宽度;搜索出来,应该还是非常有用处。代码如下:div填充剩余宽度 div{ text-align:center; color:white; font-size:20px; }第一个150px第二个250px第三个填充原文原创 2014-12-30 15:00:25 · 9083 阅读 · 0 评论