胖蔡叨叨叨
你听我说

标签:vue

Vue

Vue工程结构

阅读(13)评论(0)赞(0)

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

Vue2通过自定义指令实现按钮权限控制-胖蔡叨叨叨
Vue

Vue2通过自定义指令实现按钮权限控制

阅读(44)评论(0)赞(0)

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

Vue2的patch流程和diff算法-胖蔡叨叨叨
JavaScript

Vue2的patch流程和diff算法

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

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

Vue实现的虚拟Dom-胖蔡叨叨叨
JavaScript

Vue实现的虚拟Dom

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

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

如何在Vue中使用mockjs-胖蔡叨叨叨
JavaScript

如何在Vue中使用mockjs

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

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

JavaScript

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

胖蔡阅读(188)赞(0)

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

如何在vue中引入外部的js库-胖蔡叨叨叨
Vue

如何在vue中引入外部的js库

胖蔡阅读(445)赞(0)

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

Vue

Vue+Element项目的批量导入组件封装

胖蔡阅读(314)赞(0)

Excel导入、Excel导出是一对好兄弟,经常成双成对出现。所以,在封装了Excel导出方法 —— 《用xlsx-style玩转Excel导出——拿走即用的Excel导出方法封装》后,今天我们来封装一下Excel导入。 Excel导入的封...