javascript
miracle_mf
求知若饥,虚心若愚,努力工作,乐观生活!
展开
-
js生成随机颜色
十六进制颜色,方法1const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`; console.log(randomHex());十六进制颜色,方法2const randomColor = () => `#${Math.random().toString(16).substr(2, 6)}`; console.log(random.原创 2021-11-05 16:36:58 · 2465 阅读 · 0 评论 -
前端设置请求头POST方式下载实现
iframe、form表单提交的方法不能设置请求头;jq的ajax不能处理blob文件,这里用原生XMLHttpRequest,可以设置请求头参数,post方式,处理blob文件前端代码 /** * 导出文件方法 * @param {url} 导出方法路径 * @param {data} 传输参数(Json类型) * @param {loadSuccess} 调用成功回调方法 * @param {timeout} 请求过期时间(毫.原创 2021-09-26 15:15:14 · 2044 阅读 · 0 评论 -
前端导出文件及导出回调监听
本文介绍比较简单也比较常用的iframe导出方式:根据后端提供的url地址,添加到iframe的src里面,然后把iframe标签添加到body里就可以导出下载。上代码:var paramA = 'paramA';var paramB = 'paramB'; // URL拼接参数var exportUrl = 'xxx/xxx/interfaceName?paramA=' + paramA + '¶mB=' + paramB; // URL拼接参数,URL由后台提供// 导出函.原创 2021-09-06 23:16:12 · 623 阅读 · 0 评论 -
jQuery判断滚动条滚动方向
方法一:<script> var position = $(window).scrollTop(); $(window).scroll(function() { var scroll = $(window).scrollTop(); if(scroll > position) { console.log('scrollDown'); $('div').text('向下滚动'); } else { console.log('scrollUp'); .原创 2021-08-27 10:04:28 · 842 阅读 · 0 评论 -
javascript宏微任务及事件循环
首先要牢记一点:JS 是一门单线程语言,在执行过程中永远只能同时执行一个任务,任何异步的调用都只是在模拟这个过程,或者说可以直接认为在 JS 中的异步就是延迟执行的同步代码。另外别的什么 Web worker、浏览器提供的各种线程都不会影响这个点。大家应该都知道执行 JS 代码就是往执行栈里 push 函数(不知道的自己搜索吧),那么当遇到异步代码的时候会发生什么情况?其实当遇到异步的代码时,只有当遇到 Task、Microtask 的时候才会被挂起并在需要执行的时候加入到 Task(有多种 Ta..原创 2021-04-13 15:44:24 · 210 阅读 · 0 评论 -
javascript数组知识总结
数组概念数组:有序的值的集合,都有索引(下标),索引从0开始数组的常用操作方法// 数组基本操作// 添加删除方法var arr = [1,2,3,4];// arr[0] = 10; // 修改数组里面的值// console.log(arr); // [10, 2, 3, 4]// arr[arr.length] = 5; // 通过索引添加值// console....原创 2019-02-24 23:33:02 · 87 阅读 · 0 评论 -
JS设计模式之单例模式
单例模式://保证一个类仅有一个实例,并且提供一个访问它的全局访问点。//如果实例不存在,则生成一个实例,如果实例存在,则返回这个实例 var singleTon = (function(){ var _instance = null; function Foo(){ var privateProp = "私有属性"; this.publicP...原创 2019-02-11 21:41:31 · 95 阅读 · 0 评论 -
IE8 下兼容 window.top === window
用window.top === window可以判断出当前页面是不是顶层窗口,而不是嵌套在frame中但是在IE8下好像不行;兼容ie8的写法:window.top === window.self附:Js中的window.parent ,window.top,window.self 详解在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口...原创 2018-12-29 17:45:03 · 1129 阅读 · 0 评论 -
遍历对象方法Object.keys()&for...in
最近的项目中用到了遍历对象的方法,但是又要兼容IE8浏览器,刚开始用的Object.keys()报错,又用回了万金油for...in,搜索了下Object.keys()的相关用法并总结如下:那么我们目前有三种遍历对象的方法了 对于对象的遍历目前有三种方式:1、for in : 会输出自身以及原型链上可枚举的属性。2、Object.keys() : 用来获取对象自身可枚举的属性键 ...转载 2018-10-26 16:39:20 · 1801 阅读 · 0 评论 -
百度-前端面试题
<script type="text/javascript"> function Foo(name){ this.name=name } function Bar(){} Foo.prototype.name="python" Foo....原创 2018-07-24 22:32:02 · 124 阅读 · 0 评论 -
百度前端面试题最新版
<script type="text/javascript"> function Foo(name){ this.name=name } function Bar(){} Foo.prototype.name="python" ...原创 2018-07-24 22:00:14 · 995 阅读 · 0 评论