![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生javascript
IT~少年人
渴望光荣
展开
-
js实现日历效果
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl原创 2022-03-04 17:30:03 · 505 阅读 · 0 评论 -
取消fetch请求
原理:结合AbortController构造器,实现请求取消操作。const abortController = new AbortController();const { signal } = abortController;fetch('http://localhost:8999/api/list', { signal }) .then(res => res.json()).then(res => { // 正常业务操作 }).catch(e => { i原创 2021-09-22 14:18:35 · 456 阅读 · 0 评论 -
javascript原型和原型链
原型链 JavaScript 规定,所有对象都有自己的原型对象(prototype)。一方面,任何一个对象,都可以充当其他对象的原型;另一方面,由于原型对象也是对象,所以它也有自己的原型。因此,就会形成一个“原型链”(prototype chain):对象到原型,再到原型的原型…… 如果一层层地上溯,所有对象的原型最终都可以上溯到Object.prototype,即Object构造函数的pro...原创 2021-04-27 15:38:56 · 52 阅读 · 0 评论 -
js中基本类型和引用类型理解
一、基本类型有6种。普通基本类型:null、undefined、Symbol特殊基本类型:Object、boolean、number二、引用类型。Object、Array、RegExp、Date、Function。三、两者的区别:引用类型值可以添加属性和方法,而基本类型值不可以。(1)基本类型。基本类型的变量和值都是存放在栈内存(stack)里的。基本类型的值是按值访问的。基本类型的值是不可变的。基本类型的比较是他们的值的比较。(2)引用类型。引用类型的变量存在栈中,而值是存放在堆原创 2021-02-24 15:59:53 · 172 阅读 · 0 评论 -
前端开发 节流和防抖
1、防抖常见案例:用户搜索框连续输入时,当用户停止输入后获取查询结果。 // 防抖 function debounce(fn, delay=500) { let timer = null; return function(){ if (timer){ clearTimeout(timer) } timer = setTimeout(() => { fn.apply(this, arguments); timer = null;原创 2020-08-07 16:43:50 · 244 阅读 · 0 评论 -
js执行本地exe程序
1、ie浏览器try { let objShell=new ActiveXObject("WScript.Shell"); objShell.Run("D:\\model\\test.exe");} catch (error) { console.log(error)}2、兼容其他浏览器(推荐)写入注册表新建read.reg文件,编写如下代码。Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\myprotocol]原创 2020-08-05 10:48:34 · 3390 阅读 · 0 评论 -
js 添加自定义监听器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自定义监听器</title></head><body> <div>原创 2020-07-31 09:58:47 · 2574 阅读 · 0 评论 -
js 表格下载
/* 下载表格*/export const downloadFile = (url, fileName = '表格.xlsx') => { axios({ url: url, headers: { // Authorization: getToken(), }, responseType: 'blob', }).then(res ...原创 2020-04-16 17:34:12 · 2054 阅读 · 0 评论 -
js跨域请求
https://www.cnblogs.com/czkolve/p/10822230.html转载 2020-05-22 08:38:24 · 1793 阅读 · 0 评论 -
百度地图实现多点轨迹回放
复制急用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度地图api</title> <style> * {原创 2020-05-19 22:20:57 · 2916 阅读 · 5 评论 -
JavaScript对url编码解码
只有 0-9[a-Z] $ - _ . + ! * ’ ( ) , 以及某些保留字,才能不经过编码直接用于 URL。**比如:**搜索的中文关键字,复制网址之后再粘贴就会发现该URL已经被转码。1、escape 和 unescape原理:对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。编码:escape(‘http://www.baidu...原创 2020-04-11 15:20:06 · 2623 阅读 · 0 评论 -
禁止浏览器表单自动填充
// 普通文本框<input type="text" autocomplete="off" />// 密码框<input type="password" autocomplete="new-password" />原创 2020-03-26 16:07:49 · 2062 阅读 · 0 评论 -
原生js数组操作
1、数组去重// ES6var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN,NaN,'NaN', 0, 0, 'a', 'a',{},{}];function arr_unique(arr){ return [...new Set(arr)]; /...原创 2020-01-02 16:54:08 · 1933 阅读 · 0 评论 -
获取原生表单的值
function getFormValue(dom) { var a = dom.serialize().split('&') a = decodeURIComponent(a,true) var b = {} for (let i=0; i< a.length; i++) { let k = a[i].split('=')[0] ...原创 2020-01-02 11:38:16 · 2108 阅读 · 0 评论 -
如何优雅渲染dom节点
let container = document.getElementById('container')// 创建一个DOM Fragment对象作为容器let content = document.createDocumentFragment()for(let count=0;count<10000;count++){ // span此时可以通过DOM API去创建 let ...原创 2019-12-21 17:29:22 · 2157 阅读 · 0 评论 -
JavaScript之性能优化
一、脚本应该放在页面元素代码之后页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久,浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于,脚本可能会改变页面或JavaScript的命名空间,它们会对后面页面内容造成影响。二、避免全局查找function search() { //当我要使用当前页面地址和主机域名 ale...原创 2019-12-23 15:38:58 · 1940 阅读 · 0 评论