miracle_mf的博客

十六进制颜色，方法1 const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`; console.log(randomHex()); 十六进制颜色，方法2 const randomColor = () => `#${Math.random().toString(16).substr(2, 6)}`; console.log(random.

iframe、form表单提交的方法不能设置请求头； jq的ajax不能处理blob文件，这里用原生XMLHttpRequest， 可以设置请求头参数，post方式，处理blob文件 前端代码 /** * 导出文件方法 * @param {url} 导出方法路径 * @param {data} 传输参数（Json类型） * @param {loadSuccess} 调用成功回调方法 * @param {timeout} 请求过期时间（毫.

本文介绍比较简单也比较常用的iframe导出方式：根据后端提供的url地址，添加到iframe的src里面，然后把iframe标签添加到body里就可以导出下载。 上代码： var paramA = 'paramA'; var paramB = 'paramB'; // URL拼接参数 var exportUrl = 'xxx/xxx/interfaceName?paramA=' + paramA + '&paramB=' + paramB; // URL拼接参数，URL由后台提供 // 导出函.

方法一： <script> var position = $(window).scrollTop(); $(window).scroll(function() { var scroll = $(window).scrollTop(); if(scroll > position) { console.log('scrollDown'); $('div').text('向下滚动'); } else { console.log('scrollUp'); .

首先要牢记一点：JS 是一门单线程语言，在执行过程中永远只能同时执行一个任务，任何异步的调用都只是在模拟这个过程，或者说可以直接认为在 JS 中的异步就是延迟执行的同步代码。另外别的什么 Web worker、浏览器提供的各种线程都不会影响这个点。 大家应该都知道执行 JS 代码就是往执行栈里 push 函数（不知道的自己搜索吧），那么当遇到异步代码的时候会发生什么情况？ 其实当遇到异步的代码时，只有当遇到 Task、Microtask 的时候才会被挂起并在需要执行的时候加入到 Task（有多种 Ta..

数组概念 数组：有序的值的集合，都有索引（下标），索引从0开始 数组的常用操作方法 // 数组基本操作 // 添加删除方法 var arr = [1,2,3,4]; // arr[0] = 10; // 修改数组里面的值 // console.log(arr); // [10, 2, 3, 4] // arr[arr.length] = 5; // 通过索引添加值 // console....

单例模式： //保证一个类仅有一个实例，并且提供一个访问它的全局访问点。 //如果实例不存在，则生成一个实例，如果实例存在，则返回这个实例   var singleTon = (function(){ var _instance = null; function Foo(){ var privateProp = "私有属性"; this.publicP...

用window.top === window可以判断出当前页面是不是顶层窗口，而不是嵌套在frame中 但是在IE8下好像不行； 兼容ie8的写法：window.top === window.self 附： Js中的window.parent ,window.top,window.self 详解 在应用有frameset或者iframe的页面时，parent是父窗口，top是最顶级父窗口...

  最近的项目中用到了遍历对象的方法，但是又要兼容IE8浏览器，刚开始用的Object.keys()报错，又用回了万金油for...in，搜索了下Object.keys()的相关用法并总结如下： 那么我们目前有三种遍历对象的方法了 对于对象的遍历目前有三种方式： 1、for in : 会输出自身以及原型链上可枚举的属性。 2、Object.keys() : 用来获取对象自身可枚举的属性键  ...

&lt;script type="text/javascript"&gt;             function Foo(name){                 this.name=name             }             function Bar(){}             Foo.prototype.name="python"             Foo....

   &lt;script type="text/javascript"&gt;             function Foo(name){                 this.name=name             }             function Bar(){}             Foo.prototype.name="python"            ...