js 中的同步任务、异步（微队列、宏队列）执行输出顺序
2020-6-2 Jon js+jquery+ajax
js 的执行顺序：js首先执行同步代码，然后执行微队列中的代码，最后执行宏队列中的代码。如果都是微任务或宏队列，谁先加入微队列或宏队列就先输出谁（谁在前面就先输出谁）1. js 中的宏队列 dom 事件回调 ajax 回调 定时器回调 setTimeout 2. js 中的微队列 promise 回调...
标签: js 异步 微队列 宏队列 promise 面试题 MutationObserver asap
js 中的常见内置错误及错误处理
2020-5-31 Jon js+jquery+ajax
常见内置错误 Error：所有错误对象的父类型 1. ReferenceError: 引用的变量不存在 console.log(a) // ReferenceError: a is not defined 2. TypeError: 数据类型不正确的错误 let b...
标签: js javascript error 内置错误
jQuery和单页应用中折叠菜单互不影响的实现对比
2020-2-18 Jon js+jquery+ajax
jquery 折叠菜单互不影响的实现 直接操作 dom <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titlejquery 折叠菜单互不影响的实现 直接操作 dom</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
记录leetcode两道算法题“两数之和”&“整数反转”
2020-2-6 Jon js+jquery+ajax
题目难度：简单 1、两数之和 给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。 示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1] 解题思路 首先想到的是方案1用两次循环，但是这样当传入的数组很大时，效率会很低。 其次方案2使用的是es6提供的Map对象 最后方案3是使用很巧妙地差值存...标签: leetcode
js模拟元素点击事件以及下载网络资源文件方法乱炖
2019-6-20 Jon js+jquery+ajax
一、a标签的download下载功能 只能下载本地文件即同一个域名的文件（base64位图片地址也是属于本地地址）如 <a href="/images/logo.png" download="logo"> 若是其它域名下的文件则无法下载会直接打开如 <a href="http://yuanqiao.pw/images/logo.png" download="logo"> 兼容性 浏览器 兼容版本 目前最新版本 ...标签: 模拟点击
js中遍历数组和对象的方法大全整理
2019-4-8 Jon js+jquery+ajax
目录 一、遍历数组的方法 1. for 2. while 和 do while 3. for of 4. for in 5. 达夫设备 6. forEach 和 map 7. filter、some、every、reduce、reduceRight 8. js库 jquery $.each 和 underscore _.each() 二、遍历对象的方法 1. for in 2. Object.keys(obj).forEach(function(key){console.log(key,obj[key]);}); 3. Object.getOwnPropertyN...标签: 遍历
js获取浏览器系统当前使用语言
2018-11-8 Jon js+jquery+ajax
运行下面代码获取本地系统语言，关键是js代码 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>获取浏览器系统当前使用语言</title></h...递归函数通过缓存提升性能
2017-8-20 Jon js+jquery+ajax
递归应该是众所周知的概念，而且我们遇到次数最多的例子可能就是斐波那契数列了，规则如下： f(n)=f(n-1)+f(n-2), for n=2,3,4,...n and f(0)=0 and f(1)=1 ...base64位多组图片显示美化并上传
2016-11-12 Jon js+jquery+ajax
js 选择单个base64位图片 js 选择多组base64位图片 .showImg img{ height:100px; } .select-img-box { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-...标签: base64
判断浏览器是否安装了flash
2016-8-8 Jon js+jquery+ajax
判断浏览器是否安装了flash <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>判断浏览器是否安装了flash</title> </head> <body> <div class="install-flash"> <a href="https://get2.adobe.com/cn/fl...标签: flash
JS判断客户端是否是iOS或者Android手机移动端
2016-7-15 Jon js+jquery+ajax
通过判断浏览器的userAgent，用正则来判断手机是否是ios和Android客户端。代码如下： var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 alert('是否是Android：'+isAndroid); alert(...标签: 移动端
ajax使用jsonp跨域取数据献上3个demo
2016-5-27 Jon js+jquery+ajax
ajax使用jsonp跨域取数据 3个demo献上 1、ajax通过getScript跨域请求数据 ajax通过getScript跨域请求数据 ajax通过getScript跨域请求数据 $.getScript('https://yuanqiao.pw/yqiao/jsonp/datas.json',function(){ console.log(Dylan); $('h2').html('姓名：'+Dyla...jquery自定义网页列表右键菜单选项
2016-5-6 Jon js+jquery+ajax
jQuery自定义列表右键菜单选项 jQuery自定义列表右键菜单选项 *{margin:0;padding:0;} ul,li{list-style: none;} a{text-decoration: none;color: black;} a:hover{color: white;background: black;} #mymenu{position: absolute;display: none;z...标签: 右键菜单
前端检测低版本浏览器并给予升级提示
2016-4-9 Jon js+jquery+ajax
你有你的ie678，我有我的页面展现。你可以嘲笑我们的技术不去升级，我们会证明这是哪个浏览器的时代。前端，注定是踩坑的过程，但，那又怎样，哪怕所有人都用ie，也要坚持自己的方向。 在这个苦逼的浏览器国度里，既不能让所有人都用谷歌火狐，又不能强制别人升级浏览器，实属前端之痛。 判断浏览器低版本是，给予温馨的提示还是很不错的。 下面附上刚测试成功的代码，功能是判断浏览器是低版本（ie8及以下）时，顶部会给予提示，如下图 代码如下 <!DOCTYPE html> <html lang="en"> <head&...记录下关于ie浏览器的几个兼容性问题
2016-4-9 Jon js+jquery+ajax
1.ie9不支持createContextualFragment属性或方法（ie中只有ie9不支持） 解决方法：把下面的代码放入js文件的头部 if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment) { Range.prototype.createContextualFragment = function(html) { var frag = document.cr...日历
最新微语
- js判断当前浏览器是否是ie内核
if('ActiveXObject' in window) {
cosole.log('ie内核，非edge');
}
2020-07-01 17:22
- angular中 @HostListener('window:load', ['$event']) onLoad(event: Event) {console.log(123);} ie11不支持
2020-07-01 16:31
最新评论
- ZGGSONG
原SWJ更新一下： 站点名：ZGGSO... - Jon
@段亮博客：谢谢，需要这边添加你的博客吗
分类
存档
- 2020年6月(2)
- 2020年5月(7)
- 2020年4月(5)
- 2020年3月(3)
- 2020年2月(2)
- 2020年1月(2)
- 2019年12月(1)
- 2019年11月(1)
- 2019年10月(3)
- 2019年9月(1)
- 2019年8月(1)
- 2019年7月(4)
- 2019年6月(5)
- 2019年5月(5)
- 2019年4月(3)
- 2019年3月(2)
- 2019年2月(2)
- 2019年1月(3)
- 2018年12月(1)
- 2018年11月(1)
- 2018年10月(1)
- 2018年9月(1)
- 2018年8月(1)
- 2018年7月(1)
- 2018年6月(3)
- 2018年5月(2)
- 2018年3月(1)
- 2018年2月(1)
- 2017年11月(1)
- 2017年10月(1)
- 2017年8月(2)
- 2017年5月(1)
- 2016年11月(1)
- 2016年10月(2)
- 2016年9月(1)
- 2016年8月(1)
- 2016年7月(2)
- 2016年6月(2)
- 2016年5月(7)
- 2016年4月(6)
- 2016年3月(3)
- 2016年2月(2)
- 2016年1月(3)
- 2015年12月(2)
- 2015年11月(2)
- 2015年10月(3)
- 2015年9月(2)
- 2015年8月(4)
- 2015年7月(4)
- 2015年6月(8)
- 2015年5月(34)
- 2015年4月(8)
- 2015年3月(2)