Vue

Vue工程结构

2022-12-05文阅读(152)赞(1)

Vue cli脚手架是使用webpack构建的一个vue前端项目结构，项目分层较为清晰，组件化编程方式让前端项目的易读性大大增强，模块化设计让项目具有更高的可配置性。如下，介绍vue-cli的工程结构。

2022-12-01文阅读(370)赞(0)

目前较为常见的后台管理系统开发过程中，需要将系统菜单、功能权限粒子化，一般需要将权限分为：路由权限和功能权限，一般的菜单权限我们可以通过后端控制返回特定路由信息动态加载菜单路由，而功能权限我们可以通过控制功能触发动作即按钮操作来控制权限，本...

2022-11-30胖蔡阅读(294)赞(1)

Pinia 是一个 Vue 的存储库, Pinia最初是一个实验，它的作者是Vue.js核心团队的成员，本来是为了测试Vuex5提案而出现的，在2019年11月左右重新设计的Vue状态管理以适用于 Composition API，它不但支持...

2022-11-23胖蔡阅读(105)赞(0)

Vue最引人所乐道的就是其数据双向绑定式模式，以数据驱动视图。通过数据的改变实现视图的实时更新的这一过程其实就是对数据的一个状态的追踪，那么Vue2是通过何种方式实现界面的实时动态变化的呢？本篇文章主要介绍Vue2的这种变化侦测机制的实现原...

2022-11-23胖蔡阅读(129)赞(0)

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

2022-11-08胖蔡阅读(357)赞(0)

在对等级之间传参中，像是是父子，我们使用props是ok的，但是有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。这里就要用到上面的第四种方法（provid...

2022-10-19胖蔡阅读(239)赞(0)

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

2022-10-18胖蔡阅读(733)赞(1)

当我们需要展示视频列表时，一般的需要手动通过video文件获取视频的截图生成thumb,那么如何生成视频的第一帧图片呢？我们可以使用canvas辅助获取。

2022-09-15胖蔡阅读(295)赞(0)

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

2022-09-08胖蔡阅读(647)赞(0)

前段时间有朋友问如何在vue中引入外部的js文件。乍一听觉得奇怪，不是可以通过yarn，npm工具去下载依赖引入吗？仔细了解才知道有些三方的JS比较古早，并不支持vue的方式去模块化引又或者远程环境容易被墙，我就想要直接引用下载好的三方库，...