
JS和Juery
逆境中徘徊
这个作者很懒,什么都没留下…
展开
-
从网页上打开本地应用程序——Windows下 URI Scheme的使用
一、问题描述:最近做的项目要求从网页端启动本地的应用程序(windows系统下),同时会给应用程序传递某些参数,所以接触到了URL Protocol这个东西。二、所处条件:1、本地的应用程序是unity3D开发的软件。2、目标平台是windows PC端。3、使用AdvancedInstaller制作软件安装包。二、主要问题的解决过程:1、编写注册表处理文件,即*.reg文件,所有代码如下:Windows Registry Editor Version 5.00 [H...转载 2021-09-02 12:22:53 · 1811 阅读 · 0 评论 -
vue.js post请求下载文件(解决IE兼容问题)
const paras = { key: file.attachKey, name: file.attachName } axios.post(this.downAction, paras, { responseType: 'blob' }).then(response => { if (window.navigator.msSaveBlob) { // IE以及IE内核的浏览器 try { window.navigator.msSaveBlob(response.data, ..原创 2021-05-27 17:34:01 · 365 阅读 · 0 评论 -
js字符串转日期,兼容IE所有版本
/*** 格式 2018-11-23 12:23:46* */function str2Date(strDate){ var fullDate = strDate.split(" ")[0].split("-"); var fullTime = strDate.split(" ")[1].split(":"); return new Date(fullDate[0], fullDate[1]-1, fullDate[2], (fullTime[0] != null ?...转载 2021-05-25 17:45:34 · 284 阅读 · 0 评论 -
JS中arr.forEach()如何跳出循环
我们都知道for循环里要跳出整个循环是使用break,但在数组中用forEach循环如要退出整个循环呢?使用break会报错,使用return也不能跳出循环。使用break将会报错:var arr = [1,2,3,4,5];var num = 3;arr.forEach(function(v){ if(v == num) { break; } console.log(v);});使用return也不能跳出整个循环:var arr = [1,2,3,4,5];转载 2020-12-21 09:26:11 · 1406 阅读 · 0 评论 -
判断一个字符串是否是数字
判断是否是数字的正则表达式var numReg = /^[0-9]*$/var numRe = new RegExp(numReg)if (!numRe.test(number)) {this.$message({type: 'warning',message: '请输入数字 ',duration: 10000,showClose: true,})return false}在判断一个字符串数字之前,首先要分析这个字符串数字可能出现的情况1、首位可能有符号原创 2020-11-18 19:33:27 · 5902 阅读 · 0 评论 -
HTTP 请求终极解决方案 - fly.js
Fly.js如果感觉 Fly 对您有用,欢迎 star 。 github:github.com/wendux/flyFly.js 是一个功能强大的轻量级的javascript http请求库,同时支持浏览器和node环境,通过适配器,它可以运行在任何具有网络能力的javascript运行环境;同时fly.js有一些高级的玩法如全局ajax拦截、在web app中支持请求重定向等,耐心看下去,它会给你足够的惊喜。接下来会出几篇文章深入的介绍fly.js的高级玩法。这是首篇,一个整体的介绍,如果您.转载 2020-11-05 09:42:43 · 2418 阅读 · 0 评论 -
实现两个对象的深度合并
function deepMerge(obj1, obj2) { let key; for (key in obj2) { // 如果target(也就是obj1[key])存在,且是对象的话再去调用deepMerge,否则就是obj1[key]里面没这个对象,需要与obj2[key]合并 // 如果obj2[key]没有值或者值不是对象,此时直接替换obj1[key] obj1[key] = obj1[key] && obj1[ke.转载 2020-09-22 17:52:45 · 1044 阅读 · 0 评论 -
将字符串形式的日期转换成日期对象
JS 将字符串转换成日期类型将字符串形式的日期转换成日期对象var strTime="2011-04-16"; //字符串日期格式var date= new Date(Date.parse(strTime.replace(/-/g,"/")));//转换成Data();var month=date.getMonth()+1; //获取当前月份------------------------------------------------------------...转载 2020-08-13 20:13:19 · 1340 阅读 · 0 评论 -
Lodash JS对象处理工具 (数组、集合 、日期 、字符串等)
_.defaults({'a':1},{'a':3,'b':2});//→{'a':1,'b':2}_.partition([1,2,3,4],n=>n%2);//→[[1,3],[2,4]]下载核心版(~4kB gzipped) 完整版(~24kB gzipped) CDN 加速Lodash 遵循MIT 开源协议发布,并且支持最新的运行环境。查看各个构件版本的区别并选择一个适合你的版本。安装浏览器环境...转载 2020-06-23 11:04:50 · 3289 阅读 · 0 评论 -
JS中三个点(...)是什么鬼?
我们在看js代码时经常会出现(...)三个点的东西,它究竟是什么意思?又有何用处?下面我就给大家分享一下三个点的那些事什么意思?三个点(...)真名叫扩展运算符,是在ES6中新增加的内容,它可以在函数调用/数组构造时,将数组表达式或者string在语法层面展开;还可以在构造字面量对象时将对象表达式按照key-value的方式展开字面量一般指[1,2,3]或者{name:'chuic...转载 2020-04-24 17:58:49 · 39102 阅读 · 4 评论 -
js中的Script的for event
<script language="javascript"> function xx(){alert("我是XX");}</script><script language="javascript" for="div1" event="onclick" charset="utf-8"> //等同于这句document.getElementBy...转载 2020-03-11 18:18:37 · 1045 阅读 · 0 评论 -
JS严格模式(use strict)下不能使用arguments.callee的替代方案
如下,一般在非严格模式下递归调用一般这样使用:function factorial(num){ if(num<=1){ return 1; }else { return num * arguments.callee(num-1); }}console.log(factorial(4)); //24但是如果代码是在严...转载 2019-11-15 18:05:41 · 2218 阅读 · 0 评论 -
AMD、CMD规范
AMD && CMD前言一、模块 二、CommonJS 三、AMD 四、CMD 五、 ES6 模块前言JavaScript初衷:实现简单的页面交互逻辑,寥寥数语即可;随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀问题:这时候JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScrip...转载 2019-11-11 15:34:45 · 208 阅读 · 0 评论 -
js前端模块化规范
抛出问题:在开发中在导入模块时经常使用require和import; 导出模块时使用module.exports/exports或者export/export default; 有时候为了引用一个模块会使用require奇怪的是也可以使用import????它们之间有何区别呢?追溯根源,来到Js模块化规范1、CommonJS规范(同步加载模块)允许模块通过require方法来同步...转载 2019-11-11 15:24:56 · 132 阅读 · 0 评论 -
给js文件传递参数
一、利用全局变量这是最简单的一种方式,比如Google Adsense:<script type="text/javascript"> google_ad_client ='pub-3741595817388494';</script><scripttype="text/javascript"src="http://pagead2.googlesyndic...转载 2019-11-07 09:24:59 · 1660 阅读 · 0 评论 -
js中__proto__, prototype的理解
首先,要明确几个点:1.在JS里,万物皆对象。方法(Function)是对象,方法的原型(Function.prototype)是对象。因此,它们都会具有对象共有的特点。即:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,这也保证了实例能够访问在构造函数原型中定义的属性和方法。2.方法(Function)方法这个特殊的对象,除了和其他对象一...转载 2019-11-06 15:03:40 · 580 阅读 · 0 评论 -
使用jOrgChart插件实现组织架构图的展示
项目要做组织架构图,要把它做成自上而下的树形结构。一、说明(1)通过后台查询数据库,生成树形数组结构,返回到前台。(2)需要引入的js插件和css文件: ①jquery.jOrgChart.css ②jquery.min.js ③jquery.jOrgChart.js(3)使用jOrgChart插件,根据返回的数据将其子节点加入到相应的<li><...转载 2019-11-05 10:46:08 · 1191 阅读 · 1 评论 -
JS中自定义事件的使用与触发
1. 事件的创建JS中,最简单的创建事件方法,是使用Event构造器:var myEvent = new Event('event_name');但是为了能够传递数据,就需要使用 CustomEvent 构造器:var myEvent = new CustomEvent('event_name', { detail:{ // 将需要传递的数据写在de...转载 2019-11-05 10:38:46 · 706 阅读 · 0 评论 -
JS模块化工具 requirejs 学习文档
作为一个Java开发者,原来写js代码都是流水账式的,一直想写出模块化的js,但是前端工具多如牛毛,确都是针对于nodejs的打包工具。但是我在实际的开发过程中,并没有使用到太多的js库,一般只使用到boostrap、jquery和其相关的插件,并不想引入nodejs和各种前端插件来增加项目的复杂度。requirejs完全符合我的要求,还可以配合maven实现自动打包和压缩代码。下面我们来简单介绍...转载 2019-11-04 10:42:52 · 519 阅读 · 0 评论 -
JavaScript 获取数组的最后一个元素方法(多种)
js内置pop方法 var args=new Array(['1'],['2'],['3']);alert(args.pop());//3 pop() 方法用于删除并返回数组的最后一个元素,注意这里在获取了数组的最后一个元素的同时也将原数组的最后一个元素给删除了。如果数组已经为空,则该方法不改变数组,并返回 undefined 值。 根据length方法获取 var args=...转载 2019-10-15 11:09:04 · 5203 阅读 · 0 评论 -
js判断变量类型是否为数组
判断变量的类型是最经常使用的方法,但是判断的方式有很多。1.typeofvar ary = [1,2,3,4];console.log(typeof ary); // 输出‘object’很明显,typeof只能检测基本数据类型,并不能检测出来是否为数组。2.instanceofvar ary = [1,2,3,4];console.log(ary instanceo...转载 2019-08-19 18:00:20 · 563 阅读 · 0 评论 -
JQuery+ajax+jsonp 跨域访问
转载:https://www.cnblogs.com/superjt/p/3491005.html一.客户端Html代码 收藏代码<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l...转载 2019-03-18 13:51:58 · 185 阅读 · 0 评论 -
JavaScript总结
1、父页面和子页面1.window.opener:谁打开我的;2.window.parent:当前页面的父窗口;3.window.parent.frames[“name值”]:获取内嵌浏览器对象;例:var h =window.parent.frames[“name值”];h.jquery方法;(可以给内嵌浏览器传递参数);2、判断null、undefined与NaN的方法...原创 2018-01-28 19:21:06 · 561 阅读 · 0 评论 -
事件冒泡和事件捕获
其实感觉不难理解,就是有点绕……总结了两个人的博客,写了这篇:总算是搞清楚事件捕获和事件冒泡了!参考资料浅谈事件冒泡与事件捕获理解事件捕获和事件冒泡1、事件捕获捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开发人员特别指定)2、事件冒泡冒泡型事件:事件按照从最特定的事件...转载 2019-08-01 09:49:10 · 212 阅读 · 0 评论 -
JavaScript之js对象终极序列化(可序列化函数)
转载:http://www.rainx.org/2017/01/04/javascript-js%E5%AF%B9%E8%B1%A1%E7%BB%88%E6%9E%81%E5%BA%8F%E5%88%97%E5%8C%96/你是否遇到了以下问题:js对象A中包含几个对象B。并且A,B对象根据需求后期动态添加的函数比如(B.show=function(){…})你用JSON.string......转载 2019-07-22 15:51:08 · 12364 阅读 · 0 评论 -
快速为javascript Object 创建方法
转载:https://blog.youkuaiyun.com/weixin_40650646/article/details/82219295我们为Object对象增加方法的方式如下:Object.prototype.write = function(val){ console.log(val);}但如果要写的非常多,这样子就比较烦了,我推荐用如下方法让你少敲几次键盘。少打几个prot...转载 2019-07-22 09:08:38 · 183 阅读 · 0 评论 -
日期格式化,moment.js
转载:https://www.cnblogs.com/windseek/p/5939252.html官方文档:http://momentjs.com/;使用方法:moment(data).format("YYYY-MM-DD");//data为日期的字符串形式moment().format("YYYY-MM-DD");输出当前日期...转载 2019-02-21 17:40:20 · 313 阅读 · 0 评论 -
jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别及用法
转发:https://www.cnblogs.com/qingruihappy/p/8467562.htmlquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。$(document).ready(function(){ // 在这里写你的代码...});在DOM加载完成时运行的代码可以简写成jQuery(funct...转载 2019-01-12 15:51:51 · 760 阅读 · 0 评论 -
js断点调试
转发:https://www.cnblogs.com/softwarefang/p/6891234.html?utm_source=itdadao&utm_medium=referral 一、“逐语句执行”或者“逐步执行”按钮: 1、意思就是,每点击它一次,js语句就会往后执行一句 2、快捷键F10 二、“逐过程执行”按钮: 1、常用在一...转载 2018-12-26 21:47:40 · 1030 阅读 · 0 评论 -
如何通过JQuery将DIV的滚动条滚动到指定的位置
装载:点击打开链接这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位。var container = $('div');var scrollTo = $('#row_8');container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop());...转载 2018-03-19 23:29:54 · 1051 阅读 · 0 评论 -
jquery函数总结
1.Ajax 请求jQuery.ajax({ type : 'POST', contentType : 'application/x-www-form-urlencoded;charset=UTF-8', url : ‘url’ success : function(json) {data=$.parseJson(json)},error: function() {}});...原创 2017-07-18 18:04:24 · 479 阅读 · 0 评论 -
详解location.href几种用法的区别
转载:点击打开链接 一:提出问题 使用js的同学一定知道js的location.href的作用是什么,但是在js中关于location.href的用法究竟有哪几种,究竟有哪些区别,估计很多人都不知道了。二:常见的几种形式 目前在开发中经常要用到的几种形式有: 1self.location.href;2win转载 2017-08-03 11:17:18 · 4868 阅读 · 0 评论 -
Javascript 中键盘方向键控制光标在表单中切换之规则列表
上一次用坐标定位的方法解决了列数不规则的问题,这一次呢 ,针对列数规则的列表写一个通用函数。 注意://上下切换(inp[i+2]:2是列数),这个标记在下面代码里有,根据自己列表的列数修改。var inp = $(":text").not($("input[readonly]")).not($("input[id='dscdate']"));inp.each(function原创 2017-06-19 11:24:09 · 1172 阅读 · 0 评论 -
Javascript 中键盘方向键控制光标在表单中切换之不规则列表
通过坐标定位input元素:虽然麻烦,但更加通用,实用性很强,只要坐标标记正确,就完全没问题。至于兼容性,使用者可以适当修改一下代码。 js代码:var inp = $(":text").not($("input[readonly]")).not($("input[id='dscdate']"));原创 2017-06-06 10:38:35 · 1116 阅读 · 1 评论 -
js之刷新父页面的各种方法汇总
转载:点击打开链接用iframe、弹出子页面刷新父页面iframe123parent.location.reload();弹出子页面123window.opener.location.reload();转载 2017-06-02 18:37:08 · 1261 阅读 · 0 评论 -
moment.js 日期处理类库
转载:http://momentjs.cn/下载moment.jsmoment.min.js 12.4k moment+多语言支持.jsmoment+多语言支持.min.js 45.4k安装bower install moment --save # bowernpm install moment --save # npmInstall-Package ...转载 2019-02-16 17:46:44 · 341 阅读 · 0 评论 -
Date Range Picker-日期插件
转载:http://www.daterangepicker.com/选项startDate(日期或字符串)最初选择的日期范围的开始日期。如果提供字符串,则必须与设置中locale设置的日期格式字符串匹配。 endDate:(日期或字符串)最初选择的日期范围的结束日期。 minDate:(日期或字符串)用户可以选择的最早日期。 maxDate:(日期或字符串)用户可以选择的最新日期。...转载 2019-02-16 21:45:33 · 1464 阅读 · 0 评论 -
触摸事件 touchstart、touchmove、touchend
转载:https://blog.youkuaiyun.com/wangmx1993328/article/details/83270166触摸事件HTML5 中, PC 端基于鼠标的界面互动主要是单击, 移动端界面交互方式主要是触摸。移动端浏览器触摸事件事件名称 描述 是否包含 touches 数组touchstart 触摸开始,多点触控,后面的手指同样会触发 是tou...转载 2019-07-29 13:56:12 · 1665 阅读 · 0 评论 -
使用momentjs计算时间差
转载:https://www.jianshu.com/p/d2596a294482工作中遇到任何关于时间的代码,都可以利用momentjs来写,大部分可以直接在官网上找到,所以把我用到但是花费时间去查文档的写下来,便于之后查找和更新中文网:http://momentjs.cn/安装:npm i moment --save引用:(我用到的比较多就全局引用了)impo...转载 2019-07-16 18:48:15 · 3371 阅读 · 0 评论 -
根据moment.js得到本周,上周,本月,上月的开始结束时间
转载:https://blog.youkuaiyun.com/RuanXiaoYu/article/details/81330775根据moment.js// 获取昨天的开始结束时间function getYesterday () { let date = [] date.push(moment().subtract('days', 1).format('YYYY-MM-DD')) d...转载 2019-07-08 19:29:35 · 3209 阅读 · 0 评论