Jude's blog

标签 · vue

首页

关于

归档

vue

57、Vue2/Vue3 响应式原理

Vue官网:当把一个普通的对象传入Vue实例作为data选项,Vue将遍历此对象所有的属性,并使用Object.defineProperty把这些数星星全部转化为getter/setter。Object.defineProperty是ES5中一个无法shim的特性(查了一下shim的意思:就是可以将新的API引入到旧的环境中,而且仅靠环境中的已有手段实现,Obejct.defineProperty无法在低级浏览器中的方法实现),这也就是Vue不支持IE8以及更低版本浏览器的原因。

更多
vue

55、大文件断点续传

关于大文件断点续传的问题,解决方案是Blob.prototype.slice方法,和数组的slice方法类似,使用slice方法可以返回源文件的切片。按照要求将源文件切位n个切片,将多个切片同时上传,源文件由一个大文件转换成n个小切片同时上传,可以大大减少上传时间。需要注意的是上传到服务端的切片可能位置会发生改变,需要将切片的位置记录下来。

更多
vue

53、vue使用装饰器descriptor

decorator装饰器通过对类、对象、方法、属性进行修饰,对其添加一些其他行为,即对一段代码进行二次包装。装饰器只能用于类和类的方法,不能用于函数,因为存在函数提升。

更多
vue

51、Vue项目中前端导出/导入Excel表格的实现

后台管理系统中,通常有这样的需求:将当前 table 表格导出/导入 Excel 表格,实现方式通常为后端主导(后端使用插件,前端通过点击事件生成一个 a 标签,导出 Excel 表格)、前端主导(使用 xlsx、file-saver、script-loader 插件封装工具函数,通过点击事件,获取当前页面后台返回的表格数据)。

更多
vue

48、用hook处理组件内定时器

vue 项目使用 hook 处理组件内定时器的方式。一般是使用生命周期钩子函数beforeDestory来销毁定时器。从Vue源码的lifecycle.js中发现了一种拓展方法,可以提升代码的简洁性,而且还可以减少data里无用变量的定义。

更多
1234