![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 58
wel_coder
工程师自学成长记
展开
-
Vue原型上自定义属性类型检查配置,提升vscode项目开发效率
Vue原型上自定义属性类型检查配置,提升vscode项目开发效率原创 2022-05-11 23:12:21 · 854 阅读 · 1 评论 -
vue2实现移动端级联选择器
vue2实现的移动端级联选择器,用于多层级数据的选择,典型场景为省市区选择原创 2022-02-12 10:51:50 · 5284 阅读 · 0 评论 -
vue2与vue3响应式数据原理的区别
1 vue2响应式数据原理vue2:通过es5的Object.defineProperty实现数据响应式// 数组响应式处理:覆盖原有数组原型方法,增加通知变更var originProto = Array.prototype// 创建一个含有原型的对象var arrayProto = Object.create(originProto);['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(key原创 2021-08-19 01:11:22 · 309 阅读 · 0 评论 -
vue插件开发
vue插件开发1 插件概念1.1 什么是插件随着项目编写的进行,代码量越来越多,重复的内容随之增加,比如每个页面可能都会有提示框,同个项目中这些提示的样式都是统一的,那么我们没必要每个页面每个交互动作都写一个提示组件,我们可以创建一个通用的组件〈全局组件),然后再每个需要的地方调用,减少代码量,简化代码结构,同时如果有新的需求需要修改也方便快捷,只需修改全局组件即可,一处修改,全局有效。插件 (Plugin )是用来增强你的技术栈的功能模块,它的目标是Vue本身,简要的讲:插件是对 Vue的功能的原创 2021-07-27 17:23:51 · 442 阅读 · 0 评论 -
vue预渲染
vue预渲染 vue是一个单页面应用(spa),只有一个 html 文件(内容只有一个#app根节点),然后根据访问的 url 来匹配对应的路由脚本,动态地渲染页面内容,然而这种方式无法被爬虫和百度搜索到。如果想对某些页面进行SEO(搜索引擎优化)优化,可以通过预渲染实现,无需使用web服务器实时动态编译html,只需要在构建的时候简单的生成针对特定路由的 静态html文件。优点是设置预渲染更简单,并可以将你得前端作为一个完全静态的站点。1 安装预渲染插件npm install prerend原创 2021-07-27 01:34:35 · 2127 阅读 · 0 评论 -
基于vue的长列表虚拟滚动插件
虚拟滚动插件1 背景一个长列表 Web 页面,如果需要展示成千上万条数据,那么页面中就会有数万甚至数十万的HTML节点,会巨大的消耗浏览器性能,进而给用户造成非常不友好的体验。主要体现在以下几个方面:页面等待时间极长,用户体验差;CPU 计算能力不够,滑动会卡顿;GPU 渲染能力不够,页面会跳屏;RAM 内存容量不够,浏览器崩溃。优化方案:不把长列表数据一次性全部直接显示在页面上;截取长列表一部分数据用来填充屏幕容器区域;长列表数据不可视部分使用使用原创 2021-07-04 17:15:58 · 2806 阅读 · 0 评论 -
Vue2响应式原理简易实现
1 响应式原理概括2 响应式原理代码实现class Vue { constructor(options = {}) { // 1.保存数据 this.$options = options; this.$data = typeof options.data === 'function' ? options.data() : options.data; this.$el = options.el; // 2.将thi原创 2021-07-01 18:48:46 · 405 阅读 · 0 评论 -
Vuex源码简易实现
Vuex源码简易实现let Vue;class Store { constructor(options = {}) { // 普通变量不具响应式,数据改变不能触发视图更新 // this.state = options.state; // Vue实例中的data才具有响应式,数据改变才会触发视图更新 this.s = new Vue({ data() { return {.原创 2021-06-20 20:53:11 · 103 阅读 · 0 评论