javascript
dream0129
简单快乐,爱学习,爱交朋友~希望在这里认识更多志同道合之人~
展开
-
删除对象数组中含有某一固定字符串的属性和值
删除对象数组中含有某一固定字符串的属性和值原创 2022-04-14 17:24:49 · 419 阅读 · 0 评论 -
排序:根据某一个数组的某一个key值进行排序
排序:根据某一个数组的某一个key值进行排序原创 2022-04-14 17:17:37 · 298 阅读 · 0 评论 -
后端返回数据量过大,通过前端Pako.js 压缩/解压库 与 Java 的 Gzip base64 压缩与解压 的互通实现
后端返回数据量过大,通过前端Pako.js 压缩/解压库 与 Java 的 Gzip base64 压缩与解压 的互通实现原创 2022-03-02 17:12:03 · 2182 阅读 · 1 评论 -
Ant Design of Vue a-upload 上传文件大小限制
<a-upload name="file" @change="handleChange" accept='.pdf' :file-list="file" :before-upload="beforeUploadFile"> <a-button> <a-icon type="upload" /> 请选择上传文件 </a-button></a-upload>beforeUploadFile (f, l) { ...原创 2021-11-08 16:21:45 · 3495 阅读 · 0 评论 -
momentJS计算获得时间差
最近在使用JavaScript计算时间差的时候,需要写一些方法进行处理,在查看momentJS之后,发现非常容易,一句话就可以解决了。console.log(moment().format("YYYY-MM-DD HH:mm:ss")); //当前时间 console.log(moment().subtract(10, "days").format("YYYY-MM-DD")); //当前时间的前10天时间 console.log(moment().subtract(原创 2021-08-04 14:41:46 · 932 阅读 · 0 评论 -
js的replace函数一次替换多个不同的字符串
js的replace函数一次替换多个不同的字符串需求是把get和lte删掉,把&&替换成-,代码如下let str = 'gte6&<e8'let reg = /(\w*)gte(.*)&&(.*)lte(.*)/gstr = str.replace(reg, '$1$2-$3$4')console.log(str) //6-8$1表示正则中第一对圆括号内匹配的内容,依次类推,$2代表正则中第二个圆括号匹配的内容....原创 2021-07-09 09:44:33 · 12913 阅读 · 1 评论 -
window.onload绑定多个事件
function addEventLoad(func){ var oldOnload = window.onload; if(typeof window.onload != 'function'){ window.onload = func; }else{ window.onload = function(){ oldOnload(); func(); } }}addEventLoad(pageOnLoad);原创 2021-03-22 15:34:37 · 223 阅读 · 0 评论 -
vue-cookies的使用方法
vue-cookies的使用方法1、安装2、引入3、使用1)、设置2)、获取3)、删除4)、判断cookie中是否存在指定健名5)、获取cookie中所有的健名1、安装npm install --save vue-cookies 或者 yarn add vue-cookies2、引入// 方式一:requirevar Vue = require('vue');Vue.use(require('vue-cookies'));// 方式二:es2015 moduleimport V原创 2021-03-05 14:35:23 · 812 阅读 · 0 评论 -
解决微信底部返回栏历史记录的问题
解决微信底部返回栏历史记录的问题点击前进后退刷新页面//解决IOS返回页面不刷新的问题 var isPageHide = false; window.addEventListener('pageshow', function() { if(isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', function原创 2021-01-12 16:15:05 · 274 阅读 · 0 评论 -
html2canvas遇到的坑
需要将一个背景图+动态获取的微信名+微信头像拼接成一张图片,用户可长按保存最终图片,最终就是要将html转换成图片。最初想自己用canvas画,但是有些麻烦,后来发现了html2canvas这个插件,先将html转成canvas,再生成图片。因为生成的图片和html是在同一个页面中,最初想法是页面加载完成后,html内容隐藏,对应的图片盒子生成并显示,在实现过程中发现如果将html内容隐藏,...原创 2019-02-11 17:23:54 · 14211 阅读 · 1 评论 -
页面报错问题:Invalid left-hand side in assignment
审查代码发现:if($("#common_check_status").val()= ''&&$("#status_common").val()= ''){ comcarry(); //跳转 }$("#common_check_status").val()= ''方法不正确,改为$("#common_check_status").val()== ''代码正常...原创 2018-06-25 16:39:53 · 3454 阅读 · 0 评论 -
利用pushState开发无刷新页面修改url参数
因为想要实现 tab切换 添加参数和修改参数值,一开始的思路是: /* * url 目标url * arg 需要替换的参数名称 * arg_val 替换后的参数的值 * return url 参数替换后的url */ function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^...原创 2018-05-24 11:51:44 · 2262 阅读 · 0 评论 -
微信端页面仿微信朋友圈,点击图片放大查看
1、先引用微信的js<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>2、初始化点击放大监听事件:var imglis = [];var imgObj = $(".proDetail_fea img");//img对象 注意路径必须为绝对...原创 2018-05-05 14:02:29 · 2623 阅读 · 0 评论 -
点击<a>标签跳转页面,且高亮显示
方法如下:可以通过判断href的值 和 获取到的页面url链接是否一致,来解决$('.Nabout_nav ul li a').each(function() { if ($($(this))[0].href == String(window.location)) { $('.Nabout_nav ul li').removeClass("current"); ...原创 2018-05-03 11:37:21 · 2411 阅读 · 0 评论 -
禁止微信内置浏览器调整字体大小
微信webview内置了调整字体大小的功能,用户可以根据实际情况进行调节。但是这也会导致字体大小改变以后,出现页面布局错乱的情况,目前iOS的解决方案是覆盖掉微信的样式:body { /* IOS禁止微信调整字体大小 */ -webkit-text-size-adjust: 100% !important;}安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体转载 2018-01-26 16:57:09 · 598 阅读 · 0 评论 -
js事件监听(考虑兼容性)
说明:Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法,Opera 7.0 及 Opera 更早版本也不支持。 但是,对于这些不支持该函数的浏览器,你可以使用 attachEvent() 方法来添加事件句柄。Internet Explorer 8 及更早IE版本不支持 removeEventListener() 方法,Opera 7.0 及 ...转载 2018-01-23 10:50:07 · 350 阅读 · 0 评论 -
outerHeight()与height()的区别
1. .height()获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值(带一个参数)。注意:1).css('height')和.height()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px)。2).height()总是返回内容宽度,不管CSS box-sizi原创 2017-04-21 09:52:39 · 913 阅读 · 0 评论 -
js input 限制输入的各种方法
JS判断只能是数字和小数点1.文本框只能输入数字代码(小数点也不能输入)2.只能输入数字,能输小数点.只能输入数字');this.value='';}">3.数字和小数点方法二<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))th原创 2017-04-21 10:07:19 · 3289 阅读 · 0 评论 -
属性访问表达式
属性访问表达式运算得到一个对象属性或一个数组元素的值。JavaScript 为属性访问定义了两种语法:expression.indentifierexpression.[expression] (方括号内是另一个表达式,这种方法适用于对象和数组)例子如下:var o = { x:1,y:{z:3}}; //一个示例对象var a = [o,4,[5,6]];原创 2017-05-23 15:59:26 · 734 阅读 · 0 评论 -
js取json对象的键和值
//构建一个json对象var pinpai = { "0":{"美的":49,"三星":35,"海信":25,"格力":16,"方太":14}, "1":{"美的":49,"三星":35,"海信":25,"格力":16,"方太":14}};jiage = pinpai[0][美的];源://构建一个json对象 var jb={"美的原创 2017-04-23 18:05:28 · 32617 阅读 · 0 评论 -
根据js获取日期:前天、昨天、今天、明天、后天
function getDay(day){ var today = new Date(); var targetday_milliseconds=today.getTime() + 1000*60*60*24*day; today.setTime(targetday_milliseconds)原创 2017-05-31 17:51:17 · 688 阅读 · 0 评论 -
js实现根据身份证号码识别 性别 年龄 生日
function discriCard() {//获取输入身份证号码 var UUserCard = "";//获取出生日期 UUserCard.substring(6, 10) + "-" + UUserCard.substring(10, 12) + "-" + UUserCard.substring(12, 14);//获取性别 if (parseInt(UUse原创 2017-05-31 17:46:42 · 7656 阅读 · 0 评论 -
swiper.js插件遇到的问题 第二张划不了,只能划动一张
使用avalonjs动态循环生成swiper-slide类,在swiper-wrapper里生成6个以上的滑动页,可是就是划不到第二页,尝试将longSwipesRatio的值修改到最小,仍然不起作用。 //此处为一个滑动页内容 在测试时发现,手动复制n个循环部分,则可以滑动n个块;手动调节窗口大小,使页面原创 2017-06-06 10:21:17 · 3766 阅读 · 0 评论 -
获取URL中的某个参数的方法
//两秒后跳转到enterprisePage.html并且添加参数,利用参数的值来处理页面;setTimeout(function(){ window.open("enterprisePage.html?isFromSuccess=true","_self");},2000);//获取URL中的某个参数的方法function getQueryString(name)原创 2017-06-02 11:01:06 · 535 阅读 · 0 评论 -
js从父页面或者子页面 获取对象的方法
js从父页面或者子页面 获取对象的方法原创 2017-06-28 11:12:32 · 4253 阅读 · 0 评论 -
String.prototype.trim=function是什么意思?
即:为字符串类型定义trim()方法举个栗子:String.prototype.trim = function(){ //用正则表达式将前后空格用空字符串替代。 return this.replace(/(^\s*)|(\s*$)/g,""); } /** * @description原创 2017-07-17 16:19:57 · 1943 阅读 · 0 评论 -
『总结』JS常用方法与片段
1.javascript删除元素节点IE中有这样一个方法:removeNode(),这个方法在IE下是好使的,但是在Firefox等标准浏览器中就会报错了 removeNode is not defined,但是在核心JS中有一个操作DOM节点的方法叫:removeChild()。我们可以先去找到要删除节点的父节点,然后在父节点中运用removeChild来移除我们想移除的节点。我转载 2017-09-11 17:47:26 · 234 阅读 · 0 评论 -
你不知道的14种常用的javascript调试技巧
1. ‘debugger;’一般,我们比较常用的判断代码是否执行到指定位置,一个是打断点,另外一个是通过输入console.log。这里还有一个好用的方法是-'debugger;'。 一旦你把它放在你的代码中,Chrome会在执行时自动停止。 你甚至可以用条件包装它,所以它只在你需要的时候运行。if (thisThing) {// 这个thisThing可以写你自己的判断条件,转载 2018-01-11 11:57:02 · 321 阅读 · 0 评论 -
正则表达式教程——实践篇
在js中创建正则有两种办法,字面量和new,和创建其他类型变量一样var reg = /abc/g // 字面量var reg = new RegExp('abc', 'g') // new方式,意思和上面一样js中用到正则的地方有两个入口,正则的api和字符串的api,RegExp#test等于RegExp.prototype.testRegExp#tes转载 2018-01-05 14:02:17 · 310 阅读 · 0 评论 -
javascript三目运算符的用法
在JavaScript中,除了 if ... else 和 switch 语句,还有一个唯一的三目运算符 ? ... : ,也可用于简单的选择结构。语法: conditions ? statementA : statementB ;上述语句,首先判断条件condition,若结果为真则执行语句statementA,否则执行语句statementB。值得注意的是原创 2017-03-23 14:48:39 · 888 阅读 · 0 评论