原生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 · 657 阅读 · 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 · 560 阅读 · 0 评论 -
javascript原型和原型链
原型链 JavaScript 规定，所有对象都有自己的原型对象（prototype）。一方面，任何一个对象，都可以充当其他对象的原型；另一方面，由于原型对象也是对象，所以它也有自己的原型。因此，就会形成一个“原型链”（prototype chain）：对象到原型，再到原型的原型…… 如果一层层地上溯，所有对象的原型最终都可以上溯到Object.prototype，即Object构造函数的pro...原创 2021-04-27 15:38:56 · 90 阅读 · 0 评论 -
js中基本类型和引用类型理解
一、基本类型有6种。 普通基本类型：null、undefined、Symbol 特殊基本类型：Object、boolean、number 二、引用类型。 Object、Array、RegExp、Date、Function。 三、两者的区别： 引用类型值可以添加属性和方法，而基本类型值不可以。 （1）基本类型。 基本类型的变量和值都是存放在栈内存（stack）里的。 基本类型的值是按值访问的。 基本类型的值是不可变的。 基本类型的比较是他们的值的比较。 （2）引用类型。 引用类型的变量存在栈中，而值是存放在堆原创 2021-02-24 15:59:53 · 225 阅读 · 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 · 299 阅读 · 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 · 3521 阅读 · 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 · 2623 阅读 · 0 评论 -
js 表格下载
/* 下载表格 */ export const downloadFile = (url, fileName = '表格.xlsx') => { axios({ url: url, headers: { // Authorization: getToken(), }, responseType: 'blob', }).then(res ...原创 2020-04-16 17:34:12 · 2117 阅读 · 0 评论 -
js跨域请求
https://www.cnblogs.com/czkolve/p/10822230.html转载 2020-05-22 08:38:24 · 1830 阅读 · 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 · 2998 阅读 · 5 评论 -
JavaScript对url编码解码
只有 0-9[a-Z] $ - _ . + ! * ’ ( ) , 以及某些保留字，才能不经过编码直接用于 URL。 **比如：**搜索的中文关键字，复制网址之后再粘贴就会发现该URL已经被转码。 1、escape 和 unescape 原理：对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。 编码：escape(‘http://www.baidu...原创 2020-04-11 15:20:06 · 2689 阅读 · 0 评论 -
禁止浏览器表单自动填充
// 普通文本框 <input type="text" autocomplete="off" /> // 密码框 <input type="password" autocomplete="new-password" />原创 2020-03-26 16:07:49 · 2136 阅读 · 0 评论 -
原生js数组操作
1、数组去重 // ES6 var 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 · 1995 阅读 · 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 · 2152 阅读 · 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 · 2205 阅读 · 0 评论 -
JavaScript之性能优化
一、脚本应该放在页面元素代码之后 页面的下载和渲染都必须停下来等待脚本执行完成。JavaScript 执行过程耗时越久，浏览器等待响应用户输入的时间就越长。浏览器在下载和执行脚本时出现阻塞的原因在于，脚本可能会改变页面或JavaScript的命名空间，它们会对后面页面内容造成影响。 二、避免全局查找 function search() { //当我要使用当前页面地址和主机域名 ale...原创 2019-12-23 15:38:58 · 2048 阅读 · 0 评论