03 2021 档案

vue 跨层级通信 (elment-ui的跨层级通信)
摘要：$emit和on 对于ChildA包裹ChildB的组件通信，可以采用elment-ui封装的通信，原理是通过递归去找到符合条件的$parent和$children，然后通信。 这种方法对于封装组件比较友好，也好管理通信，如果使用event-bus,多人合作可能比较难管理 emitter.js fu 阅读全文
posted @ 2021-03-29 19:12 黑黑哈哈 阅读(451) 评论(0) 推荐(0)
font-weight 导致iconfont显示有问题和糊
摘要：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 黑黑哈哈 阅读(519) 评论(0) 推荐(0)
compositionstart与compositionend解决组合文字输入问题
摘要：compositionstart compositionstart是输入组合文字的时候触发，例如中文之类的 compositionend 当文本段落的组成完成或取消时, compositionend 事件将被触发，例如中文输入完成时 vue的源码在实现v-model的时候，也是添加了对组合事件的监听 阅读全文
posted @ 2021-03-26 13:28 黑黑哈哈 阅读(1002) 评论(0) 推荐(0)
工具函数 createOnceHandler 只执行一次的事件绑定
摘要：工具函数 createOnceHandler 实现一个绑定事件之后，自动remove事件的函数 function createOnceHandler(target, event, handler, capture) { //实际事件绑定的函数时once return function once() 阅读全文
posted @ 2021-03-25 18:26 黑黑哈哈 阅读(57) 评论(0) 推荐(0)
vue源码中数组方法的重写
摘要：###重写数组方法 var arrayProto = Array.prototype; // 新建一个继承于Array的对象 var arrayMethods = Object.create(arrayProto); // 数组拥有的方法 var methodsToPatch = [ "push", 阅读全文
posted @ 2021-03-24 17:16 黑黑哈哈 阅读(389) 评论(0) 推荐(0)
工具函数 判断是否是promise对象
摘要：判断是否是promise对象 通过是判断是否有then和catch方法 function isPromise(val) { return ( val && typeof val.then "function" && typeof val.catch "function" ); } 阅读全文
posted @ 2021-03-23 14:53 黑黑哈哈 阅读(309) 评论(0) 推荐(0)
vue 组件通信（全）
摘要：props / $emit 父传子用 props 子组件用$emit提交事件 ref / refs 为子组件绑定 ref，父组件通过调用refs调用子组件的方法或属性 父组件 <ChildOne ref="child" :msg="msg" @change="change" /> this.chil 阅读全文
posted @ 2021-03-18 11:25 黑黑哈哈 阅读(99) 评论(0) 推荐(0)
clickoutside 代码实现
摘要：###clickoutside 原理就是，监听click事件，获取dom的元素，与弹出的元素和触发的元素对比（使用contains方对比），如果是子元素就返回false，否则就执行callback函数 Node.contains()返回的是一个布尔值，来表示传入的节点是否为该节点的后代节点。 最后不 阅读全文
posted @ 2021-03-17 11:43 黑黑哈哈 阅读(510) 评论(0) 推荐(0)
reset css 样式重置
摘要：###重置基本样式 可根据项目再做修改 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, c 阅读全文
posted @ 2021-03-16 17:27 黑黑哈哈 阅读(217) 评论(0) 推荐(0)
vue computed 无法deep的问题
摘要：###vue computed 问题的例子如下 点击查看例子 vue computed是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值,依赖只监听了一层和相关的依赖，对于数组对象这类的深层数据，就无法监听到改变。 vue computed源码在在初始化watc 阅读全文
posted @ 2021-03-11 18:19 黑黑哈哈 阅读(3469) 评论(0) 推荐(0)
sessionStorage的总结
摘要：1.页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话 2.打开多个相同的URL的Tabs页面，会创建各自的sessionStorage 所以从浏览器输入地址，也会创建不同的session，而无法公用一个 3.在新标签或窗口打开一个页面时会复制顶级浏览会话的上下文作为新会 阅读全文
posted @ 2021-03-06 11:00 黑黑哈哈 阅读(207) 评论(0) 推荐(0)