vue任意關係組件通訊與跨組件監聽狀態 vue-communication

  • 2020 年 10 月 18 日
  • 筆記

大家好!我是木瓜太香! 众所周知,组件式开发方式给我们带来了方便,不过也引入了新的问题,组件之间的数据就像被一道无形的墙隔开,如果我们希望临时让两个组件直接通信,vuex 太巨,而 $emit 又不好维护 provider 不可控 这个时候就该今天的主角 vue-communication 登场了! …

Continue Reading

vue父子組件狀態同步的最佳方式續章(v-model篇)

  • 2020 年 9 月 15 日
  • 筆記

大家好!我是木瓜太香!一名前端工程师,之前写过一篇 《vue父子组件状态同步的最佳方式》 ,这篇文章描述了大多数情况下的父子组件同步的最佳方式,也是被开源中国官方推荐了,在这里表示感谢! 这次作为续章是对上一篇文章的特殊情况的补充,并会给出较详细的描述与代码演示,当然如果你单看这篇文章来解决特定问题 …

Continue Reading

webstorm中emmet展開a標籤和行內元素不換行的解決辦法

  • 2020 年 9 月 13 日
  • 筆記

大家好我是木瓜太香,大家在使用 webstorm 编写 html 的时候可能会遇到展开部分标签挨在一起的情况,相信很多小伙伴都想解决这个问题,接下来我们就开始吧! 先来看看我们输入如下 emmet 代码的时候展开的效果是怎么样的 div>a*3 展开效果: 这个时候我们可能需要自己去一个一个回车排版 …

Continue Reading

深入理解 vue 中 scoped 樣式作用域的規則

  • 2020 年 9 月 12 日
  • 筆記

哈喽!大家好!我是木瓜太香,今天我们来聊一个 vue 的样式作用域的问题,通常我们开发项目的时候是要在 style 上加上 scoped 来起到规定组件作用域的效果的,所以了解他们的规则也是很有必要的,可以让你更清晰的了解你的项目样式是怎么运作的。 先来说说实现方式 vue中的样式作用域是通过属性选 …

Continue Reading

javascript事件環微任務和宏任務隊列原理

  • 2020 年 9 月 10 日
  • 筆記

哈喽!大家好!我是木瓜太香,我又来嘞,今天来说说前端面试中经常别问到的 JS 事件环问题。 JS 事件环 JS 程序的运行是离不开事件环机制的,这个机制保证在发生某些事情的时候我们有机会执行一个我们事先预定好的函数,事情发生的时候 JS 会将相应的函数入栈执行然后出栈,但是关于事件环我们还有一些未知 …

Continue Reading

vue父子組件狀態同步的最佳方式

哈喽!大家好!我是木瓜太香,一位老牌儿前端工程师,平时我们在使用 vue 开发的时候,可能会遇到需要父组件与子组件某个状态需要同步的情况,通常这个是因为我们封装组件的时候有一个相同的状态外面要用,里面也要用,今天我们就来看看怎么优雅的解决这个问题吧! 一般来说我们实现这个功能,只需要父组件通过 pr …

Continue Reading

webstorm編寫vue、react 將大駝峰組件命名轉換成短橫杠命名

大家好!我是木瓜太香,精通 webstorm 与常见前端技术的工程师,偶尔也在b站搞一些 webstorm 技巧教学,今天给大家带来的是大驼峰小驼峰快速转换短横杠命名或者下划线命名的方式。 开发中我们可能会遇到一个这样的需求,我们在创建组件的时候习惯使用大驼峰命名,而在使用的时候,我们又要使用短横杠 …

Continue Reading