随笔分类 - JavaScript
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Export Ex
阅读全文
摘要：bloburl格式： blob:http://localhost:8080/c69fbb0e-b234-4926-bb3e-aa6103a169fa blob格式： Blob {size: 272260, type: 'application/pdf'}size: 272260type: "appl
阅读全文
摘要：vConsole: 一个轻量、可拓展、针对手机网页的前端开发者调试面板，是微信官方出品，主要用于移动调试。 vConsole特点： 查看控制台日志 查看网络请求 查看文档元素 查看 Cookie、LocalStorage 和 SessionStorage 手动执行JS命令 自定义插件 功能预览：ht
阅读全文
摘要：场景： 在不使用各种UI组件的情况下，自己敲写一个盒子或者弹窗 功能： 实现点击盒子外任意位置关闭当前盒子，点击盒子内任意位置不关闭当前盒子 这里介绍一个简单实用的JS方法 contains() contains()，js原生方法，用于判断DOM元素的包含关系； 需要注意的是：它以HTMLEleme
阅读全文
摘要：字符串获取变量值，通常是将字符串转换为对象的key值，从而获取变量值， 示例： let obj = { num: 1 } let str = 'num' console.log(obj['num']) // 1 如果不将变量num装进对象数组里的话，怎么由字符串"num"获取对应变量num的值呢？
阅读全文
摘要：1.<a>标签 <a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目标。HTML5 提供了一些新属性，其中有一个download属性挺有意思的，有了这个属性我们就可以用<a>标签实现文件的下载了。 <!-- href指示文件路径，down
阅读全文
摘要：在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 一、防抖 // 防抖：短时间连续触发时，时间期限
阅读全文
摘要：官网：https://cloud.tencent.com/document/product/436/11459 参考：https://blog.csdn.net/qq_40146880/article/details/102829629 一、下载SDK并引入 地址：https://cos-sdk-a
阅读全文
摘要：参考1：https://www.cnblogs.com/lucy-xyy/p/11652286.html 参考2：https://www.cnblogs.com/yugege/p/9598265.html 事件循环机制 JavaScript 语言的一大特点就是单线程，也就是说，同一个时间只能做一件事
阅读全文
摘要：css hack兼容IE 参考：https://blog.csdn.net/freshlover/article/details/12132801 1.let、const更换为var声明 2.箭头函数更换为function 3.模板字符串``使用字符串拼接 4.flex布局更换为float浮动和po
阅读全文
摘要：一、禁止IOS缩放 1.适用安卓、IOS10以下 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/
阅读全文
摘要：一、offset（偏移） JS： // 父元素中存在position时，获取该元素相对第一个具有定位的父元素的距离 // 父元素中不存在position时，获取元素相对祖先元素html的距离 // 获取的距离会自动取整（测试时谷歌三舍四入、火狐四舍五入） let offsetLeft = docum
阅读全文
摘要：let arr1=[1,2,3,4,3]; let arr2=["one"]; let arr3; // arr1.pop() // 删除数组最后一项元素，[1, 2, 3, 4] // arr1.push(0) // 在数组末尾添加新元素，[1, 2, 3, 4, 3, 0] // arr1.sh
阅读全文
摘要：jQuery 是一个 JavaScript 库，在原生JavaScript 上进行了一层封装，极大地简化了 JavaScript 编程。 jQuery下载：https://jquery.com/download/ <!-- 引入jquery --> <script src="./jquery-3.4
阅读全文
摘要：一、URLSearchParams()（很好用，但有一定兼容问题，未来版本的浏览器中该功能的语法和行为可能随对应的标准文档而改变。） URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串（URL参数）。URL参数开头的'?' 字符会被忽略。 URLSearchPara
阅读全文
摘要：<input> type 类型为 file 时使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上，或者通过 Javascript 的 File API 对文件进行操作 . 常用input属性： accept：指示file类型，没有时表示不限制类型，填入格式后选择文件时只能看见被允许的文件
阅读全文
浙公网安备 33010602011771号