摘要: ###方法一 在 package.json 内指定 type 字段为 module 该"type"字段定义Node.js用于所有 .js 以该 package.json 文件为最接近父文件的文件的模块格式 。 .js 当最近的父 package.json 文件包含 "type" 值为的顶级字段时,以 阅读全文
posted @ 2021-04-21 15:22 黑黑哈哈 阅读(1034) 评论(0) 推荐(0) 编辑
摘要: 节流 创建一个“节流”装饰器 throttle(f, ms) —— 返回一个包装器。 当被多次调用时,它会在每 ms 毫秒最多将调用传递给 f 一次 function throttle(fn, time) { let timeout = null, saveArgs, saveThis; retur 阅读全文
posted @ 2021-04-14 13:42 黑黑哈哈 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 防抖 debounce(f, ms) 装饰器的结果是一个包装器,该包装器将暂停对 f 的调用,直到经过 ms 毫秒的非活动状态(没有函数调用,“冷却期”),然后使用最新的参数调用 f 一次, 常用input输入或是滚动条滚动等方面 function debounce(handle, time) { 阅读全文
posted @ 2021-04-14 10:00 黑黑哈哈 阅读(71) 评论(0) 推荐(0) 编辑
摘要: URL对象 内建的 URL 类提供了用于创建和解析 URL 的便捷接口. 语法:new URL(url, [base]); url —— 完整的 URL,或者仅路径(如果设置了 base), base —— 可选的 base URL:如果设置了此参数,且参数 url 只有路径,则会根据这个 base 阅读全文
posted @ 2021-04-12 16:06 黑黑哈哈 阅读(537) 评论(0) 推荐(0) 编辑
摘要: ###浏览器全屏功能实现 通过浏览器自带的requestFullscreen方式实现全屏 通过浏览器自带的exitFullscreen方式实现退出全屏 <!DOCTYPE html> <html class="no-js"> <!--<![endif]--> <head> <meta charset 阅读全文
posted @ 2021-04-09 18:15 黑黑哈哈 阅读(1177) 评论(0) 推荐(0) 编辑
摘要: $emit和on 对于ChildA包裹ChildB的组件通信,可以采用elment-ui封装的通信,原理是通过递归去找到符合条件的$parent和$children,然后通信。 这种方法对于封装组件比较友好,也好管理通信,如果使用event-bus,多人合作可能比较难管理 emitter.js fu 阅读全文
posted @ 2021-03-29 19:12 黑黑哈哈 阅读(410) 评论(0) 推荐(0) 编辑
摘要: font-weight导致iconfont显示有问题 偶然间在h3下面写了一个icon,由于icon继承了h3的font-weight,导致icon看起来糊糊的。 仔细排查先原来是h3的font-wight导致的 //style h3 { font-style: normal; font-weigh 阅读全文
posted @ 2021-03-27 12:04 黑黑哈哈 阅读(442) 评论(0) 推荐(0) 编辑
摘要: compositionstart compositionstart是输入组合文字的时候触发,例如中文之类的 compositionend 当文本段落的组成完成或取消时, compositionend 事件将被触发,例如中文输入完成时 vue的源码在实现v-model的时候,也是添加了对组合事件的监听 阅读全文
posted @ 2021-03-26 13:28 黑黑哈哈 阅读(642) 评论(0) 推荐(0) 编辑
摘要: 工具函数 createOnceHandler 实现一个绑定事件之后,自动remove事件的函数 function createOnceHandler(target, event, handler, capture) { //实际事件绑定的函数时once return function once() 阅读全文
posted @ 2021-03-25 18:26 黑黑哈哈 阅读(36) 评论(0) 推荐(0) 编辑
摘要: ###重写数组方法 var arrayProto = Array.prototype; // 新建一个继承于Array的对象 var arrayMethods = Object.create(arrayProto); // 数组拥有的方法 var methodsToPatch = [ "push", 阅读全文
posted @ 2021-03-24 17:16 黑黑哈哈 阅读(326) 评论(0) 推荐(0) 编辑