摘要:大家好!我是木瓜太香! 众所周知,组件式开发方式给我们带来了方便,不过也引入了新的问题,组件之间的数据就像被一道无形的墙隔开,如果我们希望临时让两个组件直接通信,vuex 太巨,而 $emit 又不好维护 provider 不可控 这个时候就该今天的主角 vue-communication 登场了! 阅读全文
posted @ 2020-10-18 14:50 木瓜太香 阅读(158) 评论(0) 推荐(0) 编辑
摘要:大家好!我是木瓜太香!一名前端工程师,之前写过一篇《vue父子组件状态同步的最佳方式》,这篇文章描述了大多数情况下的父子组件同步的最佳方式,也是被开源中国官方推荐了,在这里表示感谢! 这次作为续章是对上一篇文章的特殊情况的补充,并会给出较详细的描述与代码演示,当然如果你单看这篇文章来解决特定问题也是 阅读全文
posted @ 2020-09-15 22:48 木瓜太香 阅读(232) 评论(0) 推荐(0) 编辑
摘要:大家好我是木瓜太香,大家在使用 webstorm 编写 html 的时候可能会遇到展开部分标签挨在一起的情况,相信很多小伙伴都想解决这个问题,接下来我们就开始吧! 先来看看我们输入如下 emmet 代码的时候展开的效果是怎么样的 div>a*3 展开效果: 这个时候我们可能需要自己去一个一个回车排版 阅读全文
posted @ 2020-09-13 19:10 木瓜太香 阅读(95) 评论(0) 推荐(0) 编辑
摘要:哈喽!大家好!我是木瓜太香,今天我们来聊一个 vue 的样式作用域的问题,通常我们开发项目的时候是要在 style 上加上 scoped 来起到规定组件作用域的效果的,所以了解他们的规则也是很有必要的,可以让你更清晰的了解你的项目样式是怎么运作的。 先来说说实现方式 vue中的样式作用域是通过属性选 阅读全文
posted @ 2020-09-12 12:27 木瓜太香 阅读(83) 评论(0) 推荐(0) 编辑
摘要:哈喽!大家好!我是木瓜太香,我又来嘞,今天来说说前端面试中经常别问到的 JS 事件环问题。 JS 事件环 JS 程序的运行是离不开事件环机制的,这个机制保证在发生某些事情的时候我们有机会执行一个我们事先预定好的函数,事情发生的时候 JS 会将相应的函数入栈执行然后出栈,但是关于事件环我们还有一些未知 阅读全文
posted @ 2020-09-10 22:45 木瓜太香 阅读(180) 评论(2) 推荐(0) 编辑
摘要:大家好!我是木瓜太香,今天给大家带来一个 webstorm 小技巧 场景:有使用过 vue 框架并且使用 iview 做 ui webstorm 做 ide 的同学,可能会遇到一个比较奇怪的问题,iview 中有一个 Col 的组件,这个组件作为一个布局组件存在,但是他和 html 原生标签 col 阅读全文
posted @ 2020-09-10 22:17 木瓜太香 阅读(51) 评论(0) 推荐(0) 编辑
摘要:哈喽!大家好!我是木瓜太香,一位老牌儿前端工程师,平时我们在使用 vue 开发的时候,可能会遇到需要父组件与子组件某个状态需要同步的情况,通常这个是因为我们封装组件的时候有一个相同的状态外面要用,里面也要用,今天我们就来看看怎么优雅的解决这个问题吧! 一般来说我们实现这个功能,只需要父组件通过 pr 阅读全文
posted @ 2020-09-09 23:27 木瓜太香 阅读(450) 评论(1) 推荐(5) 编辑
摘要:大家好!我是木瓜太香,精通 webstorm 与常见前端技术的工程师,偶尔也在b站搞一些 webstorm 技巧教学,今天给大家带来的是大驼峰小驼峰快速转换短横杠命名或者下划线命名的方式。 开发中我们可能会遇到一个这样的需求,我们在创建组件的时候习惯使用大驼峰命名,而在使用的时候,我们又要使用短横杠 阅读全文
posted @ 2020-09-08 22:24 木瓜太香 阅读(80) 评论(0) 推荐(0) 编辑
摘要:大家好,我是木瓜太香。大家在开发单页应用的时候,经常会遇到这样的需求,头部和尾部两个组件是大多数组件公用的,而中间的内容区域则是单独存在的,而且一般内容组件逻辑会比较多,如果我们不停刷新页面可能会出现尾部组件闪烁的问题。 这个问题的出现主要是因为,内容区组件要比尾部组件大,而且尾部组件一般是没有什么 阅读全文
posted @ 2020-09-07 21:45 木瓜太香 阅读(69) 评论(0) 推荐(0) 编辑
摘要:DOM监控 MutationObserver 大家好!我是木瓜太香,一个传播webstorm使用技巧的前端工程师,这一次给大家带来的是 DOM 监控的方法。 MutationObserver 接口提供了监视DOM树更改的能力,是旧的 Mutation 的替代品 使用方式:通过 MutationObs 阅读全文
posted @ 2020-09-06 21:35 木瓜太香 阅读(57) 评论(0) 推荐(1) 编辑