随笔分类 -  vue进阶

该模块是我个人对vue更深层次的理解
vue-virtual-scroller的使用，展示巨量数据，长列表优化，虚拟列表
摘要：vue-virtual-scroller的使用，展示巨量数据，长列表优化，虚拟列表 一、原理 计算显示区域的高度（或宽度） 和显示区域的起始位置（scrollTop或scrollLeft）根据每个元素的尺寸和总数目，计算出整个列表的高度（或宽度）显示区域的高度（或宽度）和每个元素的尺寸，计算出当前视 阅读全文
posted @ 2025-12-13 17:18 土小狗 阅读(219) 评论(0) 推荐(0)
Dexie.js 使用教程
摘要：Dexie.js 是一个基于 IndexedDB 的轻量级 JavaScript 库，它提供了更简单、更友好的 API 来操作浏览器中的 IndexedDB 数据库。下面是 Dexie.js 的基本使用教程。 1. 安装 Dexie.js 可以通过 npm 或直接通过 CDN 引入 Dexie.js 阅读全文
posted @ 2025-11-24 09:39 土小狗 阅读(34) 评论(0) 推荐(0)
[Vue warn]: Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'."
摘要：今天在使用Vue进行文件上传的代码编写时，发现报错： [Vue warn]: Error in v-on handler: "TypeError: Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of typ 阅读全文
posted @ 2022-11-17 22:05 土小狗 阅读(6725) 评论(0) 推荐(0)
vue公共方法封装大全
摘要：// 公共方法 let _utils = { /** * 对一段指定的字符串应用 HTML 编码。 * @paramhtml * @returns{*} */ encodeHtml: html => { if (typeof (html) == 'string') { return html.rep 阅读全文
posted @ 2022-05-12 09:49 土小狗 阅读(1132) 评论(0) 推荐(0)
Vue3基础知识点总结
摘要：1. 变更的语法 1. $on 移除 vue3 默认不支持eventBus模式 2. filter 语法 vue3直接移除 {{msg}} methods替换 3. .sync 基于prop双向绑定 v-model 2. 对比选项式组合式API区别 1. 选项式功能的实现时分割的不在一起的 组合式功 阅读全文
posted @ 2022-04-08 18:14 土小狗 阅读(575) 评论(0) 推荐(0)
Vue3基础介绍大全
摘要：vue3.0正式版本已经发布超过一年,社区生态已经完善,所以,是时候开始使用vue3.0了 目前已支持 vue3 的UI组件库 ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/ant-design-vue 是 Ant Design 的 Vu 阅读全文
posted @ 2022-04-02 17:10 土小狗 阅读(10188) 评论(0) 推荐(2)
vue封装一个插件(进阶必学)
摘要：热爱vue开发的同学肯定知道awesome-vue 这个github地址，里面包含了数以千计的vue开源插件，而这些插件大都来自第三方开发者们，是他们为vue社区提供了大量的技术支持和解决方案。本文立足vue开源的理念，主要为vue开发者讲解编写vue插件的方法和步骤，通过理论与实践相结合的方式来加 阅读全文
posted @ 2022-03-28 11:09 土小狗 阅读(1911) 评论(0) 推荐(1)
vue封装一个组件(进阶必学)
摘要：相比较于函数的封装，规模更大一点的便是组件的封装，组件包含了模版、脚本以及样式的代码，在实际开发中组件的使用频率也是非常大的，我们项目中的每一个页面其实都可以看作是一个父组件，其可以包含很多子组件，子组件通过接收父组件的值来渲染页面，父组件通过响应子组件的回调来触发事件。 封装一个组件主要包含两种方 阅读全文
posted @ 2022-03-28 09:44 土小狗 阅读(5062) 评论(0) 推荐(1)
vue封装一个函数(进阶必学)
摘要：在生活中，重复的机械劳动会消耗我们的时间和精力，提高生产成本，降低工作效率。同样，在代码世界中，编写重复的代码会导致代码的冗余，页面性能的下降以及后期维护成本的增加。由此可见将重复的事情复用起来是提高生产效率、降低维护成本的不二之选。 在 Vue 项目中，每一个页面都可以看作是由大大小小的模块构成的 阅读全文
posted @ 2022-03-25 18:14 土小狗 阅读(881) 评论(0) 推荐(0)
Vue中Vuex的详解与使用(简洁易懂的入门小实例)进阶必学！
摘要：该配置文件便是 Vuex 的配置文件，主要有 4 个核心点：state、mutations、actions 及 getter，详细的介绍大家可以参考官方文档：[核心概念](https://vuex.vuejs.org/zh/guide/state.html)，这里我用一句话介绍就是：**我们通过 a 阅读全文
posted @ 2022-03-23 16:15 土小狗 阅读(2045) 评论(0) 推荐(0)