随笔分类 - JavaScript
摘要：foreignObject 用途 下载文字 兼容（目前已知） 13.1.3 safari浏览器下载时text-shadow不生效 注意 特殊字体下载需要生成base64插入到style里面不能使用链接直接引用，会不生效 用法 const url = `data:image/svg+xml;chars
阅读全文
摘要：function lineLine ( a1, a2, b1, b2 ) { // b1->b2向量 与 a1->b1向量的向量积 var ua_t = (b2.x - b1.x) * (a1.y - b1.y) - (b2.y - b1.y) * (a1.x - b1.x); // a1->a2向
阅读全文
摘要：第一种使用Event构造函数创建事件： event = new Event(typeArg, eventInit); typeArg：指定事件类型，传递一个字符串。这里的事件类型指的是像点击事件（click）、提交事件（submit）、加载事件（load）等等。 eventInit：可选，传递Eve
阅读全文
摘要：Array.prototype.slice.call(arguments)
阅读全文
摘要：四种方式 1.typeof 对于基本类型，除 null 以外，均可以返回正确的结果。 对于引用类型，除 function 以外，一律返回 object 类型。 对于 null ，返回 object 类型。 对于 function 返回 function 类型。 2.instanceof instan
阅读全文
摘要：with语句 扩展一个语句的作用域链。 with (expression) { statement } 描述： 将给定的expression添加到在statement使用的作用域链上。表达式周围的括号是必需的 JavaScript查找某个未使用命名空间的变量时，会通过作用域链来查找，作用域链是跟执行
阅读全文
摘要：function声明优先级比var高，无论在其前后，都会覆盖掉同名的var声明
阅读全文
摘要：1.是否是数字适用于小数加整数 /^\d+(\.\d+)*$/ 2.是否是中文加英文加数字 /[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/
阅读全文
摘要：1.基本类型 布尔值 let isDone: boolean = false; 字符串 let name: string = "bob"; 数字 let decLiteral: number = 6; 数组-可以在元素类型后面接上 []，表示由此类型元素组成的一个数组 let list: numbe
阅读全文
摘要：export function timeFormat(time: Date, type: string) { // yyyy MM dd hh:mm:ss const year = `${time.getFullYear()}`; const month = (time.getMonth() + 1
阅读全文
摘要：screen.height：用户屏幕高度screen.availHeight：用户屏幕可用高度，减去了窗口工具值类的界面特征window.innerHeight：浏览器窗口的视口高度，包括水平滚动条window.outerHeight：浏览器窗口外部高度document.body.offsetHei
阅读全文
摘要：generator和函数不同的是，generator由function*定义（注意多出的*号）除了return语句，还可以用yield返回多次 function* test() { let x = 1 yield x + 1; yield x + 2; return x + 3; } const g
阅读全文
摘要：interface File { type: 'js'|'css'; url: string; } type libKey = 'mtstatSdk'|'elementUI'|'weChatJSSDK'; const libMap: Record<libKey, { files: File[]; l
阅读全文
摘要：export function getItemKeyList(): Array<string> { const keyList = []; for (let i = 0; i < localStorage.length; i += 1) { const key = localStorage.key(
阅读全文
摘要：要使用 flexbox 布局，只需在父 HTML 元素上设置 display 属性 display: flex; 或者你可以以内联样式的显示 display: inline-flex; 当在父容器上设置了display: flex;或者display: inline-flex;后，它的子元素都自动变
阅读全文
摘要：getBoundingClientRect 返回元素大小及相对可视区域的位置 兼容性： 由于兼容性问题，尽量仅使用 left, top, right, 和 bottom.属性是最安全的。 语法： Element.getBoundingClientRect() 返回值： 包含left, top, ri
阅读全文
摘要：1.for in for...in 循环主要是为了遍历对象而生，不适用于遍历数组 只能获得对象的键名，不能获得键值 可以使用 for...in 循环遍历键名（也可以使用 Object.keys(obj) 方法将对象的键名生成一个数组，然后遍历这个数组） for...in 循环不仅遍历数字键名，还会遍
阅读全文
摘要：1.图片滚动到可视窗口区域后再进行加载 index.html <img :data-src="subItem.thumbUrl" /> index.js // imgonload这个方法在滚动监听中使用（可添加防抖）， imgonload = () => { const img = document
阅读全文
摘要：defer是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。浏览器渲染页面，读取到包含defer属性的外部<script>标签时不会停止DOM渲染，而是异步下载，加载完整个页面再运行js。有多个defer的标签时，会按照顺序下载执行。 async浏览器立即异步
阅读全文
摘要：reduce()方法接受一个函数进行累加计算（reduce()对于空数组是不会执行回调函数的） 使用语法： total：初始值，或者计算结束后返回的返回值（必需） currentValue：当前元素（必需） currentIndex：当前元素的索引 arr：当前元素所属的数组对象 假如在reduce
阅读全文
浙公网安备 33010602011771号