Haveyounow的博客

【代码】js检测屏幕旋转，兼容pc与移动端。

逆向循环就可以避免因索引导致删除不干净的问题。

发布者不需要知道谁对这个事件做出回应，订阅者不需要知道事件什么时候触发。可以多个订阅者订阅一个发布者的事件，发布者与订阅者是一对多的依赖关系。发布者与订阅者之间没有关联，由调度中心来处理事件。去订阅事件，发布者通过。

浏览器控制台注入JS

获取html标签document.documentElement获取style样式值window.getComputedStyle(document.documentElement).getPropertyValue('font-size')

function deepClone (obj) { const cloneObj = {} if (obj === null) return obj if (obj instanceof Date) return new Date(obj) if (obj instanceof RegExp) return new Date(obj) if (typeof obj !== 'object') return obj for (const key of obj) { if

#允许跨域请求的域，*代表所有add_header 'Access-Control-Allow-Origin' *;#允许带上cookie请求add_header 'Access-Control-Allow-Credentials' 'true';#允许请求的方法，比如 GET/POST/PUT/DELETEadd_header 'Access-Control-Allow-Methods' *;#允许请求的headeradd_header 'Access-Control-Allow-Heade

// 需要手动选择升级的依赖包，按空格键选择，a 键切换所有，i 键反选选择yarn upgrade-interactive --latest

在项目根目录下创建.yarnrc文件，内容如下registry "https://registry.npm.taobao.org"sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"phantomjs_cdnurl "http://cnpmjs.org/downloads"electron_mirror "https://npm.taobao.org/mirrors/electron/"sqlite3_binary_host_mi

打开vscode，如图所示打开项目，如图所示在你的项目根目录会生成配置文件项目不用先运行环境，按F5会自动运行然后就可以愉快的调试了

追加style样式const style = document.createElement('style')style.id = 'htmlStyle'style.appendChild(document.createTextNode('html{filter: invert(100%);}'))document.head.appendChild(style)移除style样式const htmlStyle = document.getElementById('htmlStyle')html

使用npm或者cnpm安装，不要用yarn装npm install http-server -g

!!window.ActiveXObject || "ActiveXObject" in window // 为true标明为IE

此方法不适用IE8<input type="file" name="上传照片" id="file">document.getElementById('file').onchange = function () { var file = this.files[0] if (file) { var reader = new FileReader() reader.onload = function (event) { var base64 = event.t

new Date().toLocaleString('chinese',{hour12:false}).replace(/(.*)\/(.*)\/(.*)\s(.*):(.*):(.*)/g,'$1年$2月$3日$4时$5分$6秒')

JSON.parse('123') // 结果是Number类型的123JSON.parse('name') // 运行会报错，结构不符合JSON原理是JSON.parse()和eval()运行机制是一样的，区别是：JSON.parse()只可以解析JSON格式的数据eval()可以解析任何格式的数据，是不安全的，容易被恶意用户注入乱七八糟的东西JSON.parse('{ "age": 18 }') // 结果是 { age: 18 }eval('({ "age": 18 })') //

js原生支持base64加密window.btoa() // 加密window.atob() // 解密但只支持英文加密，中文我们可以先转义再加密encodeURI() // 函数可把字符串作为 URI 进行编码decodeURI() // 函数可对 encodeURI() 函数编码过的 URI 进行解码...

基本类型：undefined、null、string、number、boolean、symbo（ES6）普通基本类型：undefined、null、symbol（ES6）特殊基本包装类型：string、number、boolean引用类型：Object、Array、RegExp、Date、Functionvar deepCopy = function (obj) { var newObj = obj instanceof Array ? [] : {}; for (var key in o

关于苹果手机部分版本机型上传时卡住相册问题记录<input type="file" multiple />是因为加了multiple的原因，去掉就好了，具体原因未知，望大佬在下面评论中解答安卓机型只支持单张选取文件，苹果机型可以支持多张选取文件，但因为multiple会卡住相册，那就干脆都单张选取文件...

在谷歌下fetch在ie下不支持fetch(src).then(function (res) { return res.blob()}).then(function (data) { console.log('fetch', data.size)})兼容IE11var xhr = new XMLHttpRequest()xhr.open('GET', src)xhr.onload = function(data) { console.log('xhr', data.loaded

<form class="form" action="" method="post" onsubmit="return formSubmit(this)"> <div class="item"> <input type="text" name="user" placeholder="请输入用户名" /> </div> <div class="item"> <input type="password" name="

对象Object.prototype.toString.call({}) // 输出值为 [object Object]数组Object.prototype.toString.call([]) // 输出值为 [object Array]数字Object.prototype.toString.call([]) // 输出值为 [object Array]

new Promise((resolve) => { setTimeout(() => { console.log(1); resolve(); }, 0)});console.log(2);setTimeout(() => { console.log(3)}, 0);await new Promise((resolve) => { setTime...

const isOutInet = async () => { const urlAll = ['https://www.google.com/', 'https://www.baidu.com/'] let baseUrl = null for (let i = 0; i < urlAll.length; i++) { try { await new ...

<form action="https://www.baidu.com" method="post"> <input type="text" name="name" value="性别"/> <input type="text" name="sex" value="男"/> <button type="submit">提交</button...