胖蔡说技术
随便扯扯

标签:vue

记录一次基于Vite搭建Vue3项目的过程-胖蔡说技术
Vite

记录一次基于Vite搭建Vue3项目的过程

胖蔡阅读(107)评论(0)赞(0)

Vue2已经于2023年12月31日停止维护了,2024年算是vue3的崭新的一年,我们的项目也基本从vue2逐渐向着Vue3过渡,Vue3相较于vue2有更好的开发体验,和ts的自然融合使得项目的结构、功能拆分变得更加的清晰;组合式声明有...

Vue3工程中接入tailwindcss-胖蔡说技术
CSS

Vue3工程中接入tailwindcss

胖蔡阅读(109)评论(0)赞(0)

之前的vue项目中需要写入样式,发现不支持原子样式,写起来不是特别方便,布局也麻烦,就把tailwind css接入到这个项目里了,这里记录下整体的接入流程,不得不说tailwind使用起来是真的简单。

Vue2的patch流程和diff算法-胖蔡说技术
JavaScript

Vue2的patch流程和diff算法

胖蔡阅读(664)赞(0)

Vue通过虚拟DOM实现对页面渲染的监听更新,降低对真实DOM的操作。而patch则是Vue虚拟DOM实现的基石,它能快速实现虚拟DOM的对比更新,并最终将vnode渲染成真实DOM。整个patch的过程就是:创建节点、删除节点和修改节点的...

Vue实现的虚拟Dom-胖蔡说技术
JavaScript

Vue实现的虚拟Dom

胖蔡阅读(600)赞(0)

所谓虚拟DOM,就是用一个JS对象来描述一个DOM节点。虚拟DOM的实现可以降低我们对于真实DOM的操作频率,提高页面的操作性能。通过结构化数据来描述真实DOM信息。如下,我们看下真实DOM和虚拟DOM的差异。

如何在Vue中使用mockjs-胖蔡说技术
JavaScript

如何在Vue中使用mockjs

胖蔡阅读(784)赞(0)

Mock是值在开发之初当我们一起写代码的时候,后台小伙伴们还没有设计号库表、还没有开始写接口的时候,我们前端小伙伴需要同步开发怎么办?这个时候就需要mockjs的协助了,我们可以根据mockjs来根据页面元素自己先行构造数据接口,模拟接口请...

JavaScript

完美的兼容性好的前端文件下载方式探讨

胖蔡阅读(869)赞(0)

在项目中,经常会遇到文件下载的需求。一开始,都是copy既有项目的下载方法,用于自己的项目。但是,渐渐发现,copy过来的方法,有时会出现这样那样的问题,而且不同的项目,用的方法又是不一样的,没有一个通用的方法。 故感觉自己在文件下载这块,...