卧槽,WebStorm现在免费啦!-牛翰网

卧槽,WebStorm现在免费啦!

就在昨天1024程序员节,JetBrains突然宣布WebStorm现在对非商业用途免费啦。以后大家再也不用费尽心思的去找破解方法了,并且公告中的关于非商业用途定义也很有意思。
盘点Vue3 watch的一些关键时刻能够大显身手的功能-牛翰网

盘点Vue3 watch的一些关键时刻能够大显身手的功能

前言 watch这个API大家应该都不陌生,在Vue3版本中给watch增加不少有用的功能,比如deep选项支持传入数字、pause、resume、stop方法、once选项、onCleanup函数。这些功能大家平时都不怎么用得上...
面试官:来谈谈Vue3的provide和inject实现多级传递的原理-牛翰网

面试官:来谈谈Vue3的provide和inject实现多级传递的原理

前言 没有看过provide和inject函数源码的小伙伴可能觉得他们实现数据多级传递非常神秘,其实他的源码非常简单,这篇文章欧阳来讲讲provide和inject函数是如何实现数据多级传递的。ps:本文中使...
这本vue3编译原理开源电子书,初中级前端竟然都能看懂-牛翰网

这本vue3编译原理开源电子书,初中级前端竟然都能看懂

众所周知vue提供了很多黑魔法,比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能,大家平时用这些黑魔法的时候有没有疑惑过一些疑问呢。
9个月前
04613
有了Composition API后,有些场景或许你不需要pinia了-牛翰网

有了Composition API后,有些场景或许你不需要pinia了

前言 日常开发时有些业务场景功能很复杂,如果将所有代码都写在一个vue组件中,那个vue文件的代码量可能就几千行了,维护极其困难。这时我们就需要将其拆分为多个组件,拆完组件后就需要在不同...
9个月前
04012
用了组合式 (Composition) API 后代码变得更乱了,怎么办?-牛翰网

用了组合式 (Composition) API 后代码变得更乱了,怎么办?

组合式 (Composition) API 的一大特点是“非常灵活”,但也因为非常灵活,也可能导致我们的代码变得愈发混乱,最终到达无法维护的地步。
9个月前
04411
vue3编译优化之“静态提升”-牛翰网

vue3编译优化之“静态提升”

本文讲了vue3是如何实现编译优化之“静态提升”,静态节点无需每次执行render函数都去生成一次虚拟DOM
9个月前
07011
掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(上)-牛翰网

掉了两根头发后,我悟了!vue3的scoped原来是这样避免样式污染(上)

这篇我们来讲讲使用了scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x]
9个月前
03810
新知识get,vue3是如何实现在style中使用响应式变量?-牛翰网

新知识get,vue3是如何实现在style中使用响应式变量?

前言 vue2的时候想必大家有遇到需要在style模块中访问script模块中的响应式变量,为此我们不得不使用css变量去实现。现在vue3已经内置了这个功能啦,可以在style中使用v-bind指令绑定script模块...
9个月前
02910
涨见识了!脱离vue项目竟然也可以使用响应式API-牛翰网

涨见识了!脱离vue项目竟然也可以使用响应式API

前言 vue3的响应式API大家应该都特别熟悉,比如ref、watch、watchEffect等。平时大家都是在vue-cli或者vite创建的vue项目里面使用的这些响应式API,今天欧阳给大家带来一些不一样的。脱离vue项...
9个月前
05410