随笔分类 - js
JS监听微信、⽀付宝等移动app及浏览器的返回、后退、 上⼀页按钮的事件⽅法
摘要：⼤家知道在页⾯中我们可以使⽤javascript window history，后退到前⾯页⾯，但是由于安全原因javascript不允许修改history⾥已有的url链接，但可以使⽤pushState⽅法往history⾥增加url链接，并且提供popstate事件监测从history栈⾥弹出u
阅读全文
vue 项目中检测是否为微信环境还是支付宝环境
摘要：项目中运用到的检测环境方式：可根据不同环境实现不同逻辑 //H5判断浏览器是微信还是支付宝 export function isAlipayOrWechat() { var userAgent = window.navigator.userAgent.toLowerCase(); if (userA
阅读全文
浏览器插件（谷歌）
摘要：利用js简单实现谷歌插件： 1: 首先,我们需要创建一个文件夹,命名随意 然后,我们需要创建一个manifest.json的文件,命名必须要这个,这个是谷歌内核浏览器的入口类配置文件 { //插件名 "name": "lstDemo", //版本号 "version": "1.0", //谷歌12后
阅读全文
原生js自动触发事件
摘要：熟悉jquery的童鞋都知道在jq中有一个方法可以自动触发事件，那就是trigger（），那么通过原生js又怎么模拟触发呢？ js中添加一个主动触发事件的方法有dispatch。该方法能模拟用户行为，如点击（click）操作等。 标准使用dispatchEvent方法，IE6/7/8则使用fireE
阅读全文
【JS】深入理解事件循环,
摘要：众所周知，JavaScript 是一门单线程语言，虽然在 html5 中提出了 Web-Worker ，但这并未改变 JavaScript 是单线程这一核心,，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？ 浏览器执行线程 在解释事件循环之前首先先解释一下浏览器的执行线程：浏览器是多进程的，
阅读全文
校验是否是一个正确的url地址
摘要：replaceReg: function(str) { let regx = /(https|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g; let chineseReg = /[\u4e00-\u9
阅读全文
input 原声上传文件 file转化为binary对象发送给后台
摘要：具体代码如下： function filechange(e) { var file = $('#filed').get(0).files[0]; var fileSize = file.size, fileType = file.type; if (file.name.lastIndexOf('.'
阅读全文
js 事件冒泡和事件捕获
摘要：转载：https://blog.csdn.net/weixin_41646716/article/details/81099880 一块： 事件流描述的是从页面接收事件的顺序。 IE的事件是冒泡事件流， 而firefox的事件流是捕获事件流。 1.事件冒泡 IE的事件流叫做事件冒泡，即事件从最具体的
阅读全文
JS中dom0级事件和dom2级事件的区别介绍
摘要：dom0级事件 1 2 3 4 5 6 7 8 9 10 <a href="#" id="hash" onclick="fn();fn1();"> <button type="button">返回上面进行开通</button> </a> var btn=$('#hash').get(); btn.o
阅读全文
js屏蔽手机的物理返回键
摘要：$(document).ready(function() { if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forw
阅读全文
数组几种排序方式
摘要：常见算法效率比较： 一. 冒泡排序 冒泡排序是是一种简单的排序算法。它重复地遍历要排序的数列，一次比较两个元素，如果他们的顺序错误就把它们交换过来。遍历数列的工作是重复的进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端 1.冒泡排
阅读全文
理解jquery的$.extend()、$.fn和$.fn.extend()
摘要：原文链接：http://caibaojian.com/jquery-extend-and-jquery-fn-extend.html jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(); jQuery.extend();· jQuery.fn jQuery.fn =
阅读全文
计算当前日期是星期几（蔡勒公式）
摘要：function weekDate(y, m, d){ // 求解cy年cm月cd日是星期几,parseInt代表取整 var cc = parseInt(y / 100); var cy = y - cc * 100; var cm = m; var cd = d; // 某年的1、2月要看作上一
阅读全文
js数组依据下标删除元素
摘要：1、创建数组 var array = new Array(); var array = new Array(size);//指定数组的长度 var array = new Array(item1,item2……itemN);//创建数组并赋值 2、取值、赋值 var item = array[ind
阅读全文
HTML5 FormData实现文件上传实例
摘要：转载：https://www.cnblogs.com/hutuzhu/p/4409292.html 表单提交，文件上传是一个常用又十分麻烦的功能，以前要上传文件通常都是借助插件或者flash来实现，噼里啪啦的加载一大堆东西。自从有了HTML5的FormData后，老板再也不用担心我的上传了。 For
阅读全文
长连接、短连接、长轮询和WebSocket
摘要：原文链接：http://caibaojian.com/http-connection-and-websocket.html 对这四个概念不太清楚，今天专门搜索了解一下，总结一下：· 长连接：在HTTP 1.1，客户端发出请求，服务端接收请求，双方建立连接，在服务端没有返回之前保持连接，当客户端再发送
阅读全文
Html5的map在实际使用中遇到的问题及解决方案
摘要：前言：百度了一下html map，嗯嗯，介绍的挺详细的，如果是初学者，直接看他们的教程，挺好的，就不用我再多说了。 不过我发现一个问题，就是都是介绍map有什么属性怎么用的，这明显就是照搬文档自己再改一下嘛，难道你们在使用中没遇到什么特别的需求或者什么问题？怎么不写出来？ 所以我就不介绍map了，直
阅读全文
Js参数RSA加密传输，jsencrypt.js的使用
摘要：注意几点： 1、参数传递的+号处理，在传输时会把+变成空格，不处理后端就报错了。 1、前端代码 2、后端代码
阅读全文
浅谈Websocket、Ajax轮询和长轮询（long polling）
摘要：浅谈Websocket、Ajax轮询和长轮询（long p0ll） 最近看到了一些介绍Websocket的文章，觉得挺有用，所以在这里将自己的对其三者的理解记录一下。 1.什么是Websocket Websocket是HTML5中提出的新的协议，注意，这里是协议，可以实现客户端与服务器端的通信，实现
阅读全文
vue 自己写的一个日历
摘要：样式： //quanbu全部代码 <template> <div class="priceListContent clearfix"> <!-- 顶部 批量设置 --> <div v-if="wylFlag"></div> <div class="btnContent" > <span class=
阅读全文
