编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

132浏览

0评论

vue2从数据变化到视图变化发布订阅模式详解

目录引言一、发布订阅者模式的特点二、vue中的发布订阅者模式1、dep2、Object.defineProperty3、watcher4、dep.depend5、dep.notify6、订阅者取消订阅小结引言发布订阅者模...

2022-12-31 22:34:10

127浏览

0评论

在vue中使用echarts的方法以及可能遇到的问题

目录1、安装2、在vue中引入（全局引入）3、在vue中的使用4、模板代码放在哪个位置5、完整的一个vue页面实例：6、实现效果7、可能遇到的问题，下载不成功。使用8、11:25-32 "export...

2022-12-31 22:34:08

175浏览

0评论

vue中v-if和v-show使用区别源码分析

目录一、v-if1、render2、vNode3、patch小结二、v-show1、render2、vNode3、patch(1)normalizeDirectives(2)callHook总结高频面试题：vue中的v-show和v-if的区别？一、v-if例子...

2022-12-31 22:34:06

216浏览

0评论

Vue判断字符串(或数组)中是否包含某个元素的多种方法

目录方法一：includes方法（数组，字符串都可以）方法二：indexOf方法（数组，字符串都可以）方法三：search方法方法四：match方法方法五：text方法方法六：exec方法（数组可以，字符串未测）方法七：some(...

2022-12-31 22:34:04

111浏览

0评论

简单谈一谈Vue中render函数

目录那如何证明？如何解决？那我们为什么不采用报错提示中的第二种方式引入完整的vue呢？补充：vue2 小例子总结：首先我们引入的vue并不是一个完整的，而是残缺版的vue(没有模板解析器)...

2022-12-31 22:34:03

105浏览

0评论

如何在ElementUI的上传组件el-upload中设置header

目录在ElementUI上传组件el-upload中设置headerelement-ui中的upload组件使用总结在ElementUI上传组件el-upload中设置header在vue项目中我们发送ajax请求一般都会使用axios...

2022-12-31 22:34:00

120浏览

0评论

关于vue自适应布局(各种浏览器,分辨率)的示例代码

目录1.前言2.vue的布局风格2.1vue3需要配合element plus进行布局2.2src下面创建layout文件夹 3.测试效果 4.总结1.前言spa页面的layout布局对于前端项目的影响至关重要，在我...

2022-12-31 22:33:58

113浏览

0评论

vue3 中使用 jsx 开发的详细过程

目录安装 JSX 插件使用语法差异模板指令事件修饰符v-forv-on插槽安装 JSX 插件在 Vue2 中要想使用 jsx 开发，需要安装 @vue/babel-preset-jsx 等插件，之后在 babel 里指定即可...

2022-12-31 22:33:48

125浏览

0评论

Vue使用Swiper封装轮播图组件的方法详解

目录Swiper为什么要封装组件开始封装1.下载安装Swiper2.引入css样式文件3.引入js文件4.把官网使用方法中的HTML结构复制粘贴过来5.初始化Swiper自定义效果完整代码效果展示S...

2022-12-31 22:33:45

104浏览

0评论

Vue源码学习之数据初始化

目录初始化数据创建Vue实例构造函数扩展方法初始化状态调用initData方法对数据进行代理初始化数据环境搭建:菜鸟学Vue源码第一步之rollup环境搭建步响应式数据的核心就是，数...

2022-12-31 22:33:40

119浏览

0评论

如何使用Vue3.2+Vite2.7从0快速打造一个UI组件库

目录1. 前言2. 使用Vite搭建官网2.1 创建项目2.1.1. 全局安装vite（这里我装的时候是2.7.2）2.1.2. 构建一个vue模板(项目名可以改成自己的名字)2.1.3. 装好之后按照提示逐步执...

2022-12-31 22:33:38

116浏览

0评论

vue eslint报错error "Component name "*****" should always be multi-word"解决

目录出现的问题：报错的原因：解决方案：方案一：重命名(亲测有效)方案二：配置 vue.config.js 文件（网上方法，本人使用无效）方案三：配置 .eslintrc.js文件（亲测有效）总结出现的问题：在...

2022-12-31 22:33:32

117浏览

0评论

vue3中实现使用element-plus调用message

目录vue3使用element-plus调用message1. 全局引入element之后2. 在Composition API中setup方法传入了两个变量3. 还有一种方法是使用 provide/inject4. 在Composition api中...

2022-12-31 22:33:28

116浏览

0评论

Vue实现递归组件的思路与示例代码

目录前言一、递归组件是什么？二、Vue实现递归的核心思路三、代码示例1.父级2.子级3、实现效果补充：递归组件的应用场景总结前言在我们开发过程中，为了提高开发效率，降低开发难度...

2022-12-31 22:33:27

124浏览

0评论

vue+electron实现创建多窗口及窗口间的通信(实施方案)

目录一、前言二、实施方案1.创建多窗口2.多窗口间的通信三、后记一、前言对于一个桌面应用来说，有时候单独一个窗口用户使用起来会不太方便，比方说写日报或者查看文件等，若是在...

2022-12-31 22:33:25

125浏览

0评论

element-ui配合node实现自定义上传文件方式

目录element-ui配合node实现自定义上传文件自定义elementui上传文件及携带参数下面是一个简单的上传标签具体实现携带参数element-ui配合node实现自定义上传文件某些情况下，...

2022-12-31 22:33:23

130浏览

0评论

Vue3.0静态文件存放路径与引用方式

目录Vue3.0静态文件存放路径与引用vue2.0/vue3.0 添加静态文件一、说明：为什么要添加静态文件？二、使用技术三、vue2.0中添加静态文件public 四、vue3.0中添加静态文件public...

2022-12-31 22:33:21

112浏览

0评论

Vue3 KeepAlive实现原理解析

目录思路代码解析setuprenderonActivated 和 onDeactived调用思路首先我们知道 KeepAlive 是一个内置组件，那封装一个组件对于大家来说应该不会有太大的困难，它的核心逻辑在于...

2022-12-31 22:33:18

117浏览

0评论

vue 指令版富文本溢出省略截取示例详解

目录一、需求描述二、实现思路2.1 正则表达式过滤 img、video等标签2.2 截取固定长度的字符数2.3 考虑小写英文字符和数字宽度问题2.4 注册为全局指令2.5 文本尾部添加【查...

2022-12-31 22:33:16

98浏览

0评论

vue实现文字转语音功能详解

目前h5新增一个文字转语音的功能(但是正在完善中,勉强能用),h5新增的SpeechSynthesisUtterance实例首先new一个SpeechSynthesisUtterance对象使用实例对象的一些属性，包括：tex...

2022-12-31 22:33:14

185浏览

0评论

关于Vue组件间的常用传参方式

目录组件间常用传参方式1. props、emit（最常用的父子通讯方式）2. 事件总线EventBus（常用任意两个组件之间的通讯）3.Vuex状态管理vue组件传参记录几个不太常用的组件传值方法记载...

2022-12-31 22:33:12

108浏览

0评论

vue2从数据变化到视图变化之nextTick使用详解

目录引言1、vue中nextTick的使用场景2、vue中nextTick在哪里定义3、vue中nextTick的实现原理（1）callbacks的定义（2）timerFunc的定义（3）cb未传入的处理4、vue中nextTick的任务分类...

2022-12-31 22:33:10

93浏览

0评论

axios二次封装的详细过程与跨域问题

目录一，为什么要对axios进行二次封装？二，axios的二次封装2.1 安装axios2.2 通常情况下，项目都有一个api文件夹(axios二次封装的文件夹)3.跨域问题4.解决跨域问题(3种：JSONP,CROS...

2022-12-31 22:33:09

90浏览

0评论

Vue3后台管理系统之创建和配置项目

目录1.概述2.创建项目2.1.创建Vue32.2.手动配置插件2.3.选择hash路由2.4.选择代码校验规范3.项目结构配置3.1.创建配置文件3.2.启动项目3.3.配置ESLint格式化3.4.初始化项目...

2022-12-31 22:33:06

107浏览

0评论

不能通过IP地址访问VUE项目的问题及解决

目录不能通过IP地址访问VUE项目问题问题背景问题解决指定IP访问VUE项目不能通过IP地址访问VUE项目问题问题背景目前项目是前后端分离的,VUE+SpringBoot,我拷贝下来前端项目...

2022-12-31 22:32:55

97浏览

0评论

vuex中getters的基本用法解读

目录getters的基本用法解读一、getter 定义二、使用方法三、mapGetters辅助函数四、getters注意事项getters的两种调用方法方法一方法二getters的基本用法解读一、getter 定...

2022-12-31 22:32:54

121浏览

0评论

vue中使用Axios最佳实践方式

目录1.前言2.使用2.1安装2.2基本用例2.2.1 get请求2.2.2post请求3.配置3.1语法3.2别名4.Axios实例4.1语法4.2请求配置4.3响应的配置配置的优先级5.拦截器6.错误拦截7.取消请...

2022-12-31 22:32:52

98浏览

0评论

vue组件之间进行传值的方法

目录前言1.父组件向子组件进行传值2.子组件向父组件进行传值3.非父子组件之间的传值总结前言目前在做vue的项目，用到了子组件依赖其父组件的数据，进行子组件的相关请求和页面...

2022-12-31 22:32:50

114浏览

0评论

Vue项目服务器部署刷新页面404问题及解决

目录Vue服务器部署刷新页面404问题描述原因解决方法vue项目刷新界面出现404,正常点击跳转没问题Vue服务器部署刷新页面404问题描述在上线vue开发的前端网页部署在服务器上后...

2022-12-31 22:32:48

214浏览

0评论

vue部署到域名二级目录刷新404的解决

目录vue部署到域名二级目录刷新404vue如何部署二级目录说一下这里会遇到得问题如何解决vue部署到域名二级目录刷新404一个域名有个根目录，但有两个项目，就需要二级目录比如说，...

2022-12-31 22:32:45

108浏览

0评论

Vue源码学习defineProperty响应式数据原理实现

目录准备工作第一步对对象进行劫持第二步修改取值方法第三步深度属性劫持准备工作接上文数据初始化完成之后,就可以对数据进行劫持。Vue2中对数据进行劫持采用了一个Api...

2022-12-31 22:32:43

425浏览

0评论

vue2从数据到视图渲染之模板渲染详解

目录引言1、从new Vue()入口开始：2、this._init3、挂载函数vm.$mount(vm.$options.el)4、mountComponent函数5、_render函数6、createElement函数返回虚拟DOM7、_update函数8...

2022-12-31 22:32:41

110浏览

0评论

vue2从数据变化到视图变化之diff算法图文详解

目录引言1、isUndef(oldStartVnode)2、isUndef(oldEndVnode)3、sameVnode(oldStartVnode, newStartVnode)4、sameVnode(oldEndVnode, newEndVnode)5、sameVnode(oldStartVno...

2022-12-31 22:32:39

283浏览

0评论

VsCode工具开发vue项目必装插件清单(推荐!)

目录1.概述2.VsCode插件清单2.1.Vetur插件让vue文件代码高亮2.2.Vue VSCode Snippets自动生成vue模板内容插件1.安装插件2.使用插件生成vue模板代码2.3.LiveServer实时刷新...

2022-12-31 22:32:34

128浏览

0评论

使用vue-router切换组件时使组件不销毁问题

目录vue-router切换组件时使组件不销毁1、用keep-alive包裹router-view2、定义路由meta字段3、keep-alive的原理vue-router路由切换组件重用挖下的坑问题描述翻车现场再现...

2022-12-31 22:32:30

93浏览

0评论

Vue如何下载本地静态资源static文件夹

目录下载本地静态资源static文件夹下载静态文件方法下载下载本地static静态文件的踩坑下载本地静态资源static文件夹下载静态文件方法 <a href="/static/serviceAgreement.d...

2022-12-31 22:32:29

95浏览

0评论

Vue读取本地静态文件json的2种方法以及优缺点

目录Vue读取本地静态文件json使用vue读取本地的静态文件Vue cli获取本地json数据总是404报错vue cli版本查看创建本地json数据Vue读取本地静态文件json使用vue读取本地的静...

2022-12-31 22:32:27

111浏览

0评论

vue项目实现通过ip地址访问和localhost访问方式

目录vue项目通过ip地址访问和localhost访问vue项目中把localhost改成ip地址访问vue2.0项目中 localhost改成ip地址访问vue3项目改成ip地址访问vue项目通过ip地址访问和local...

2022-12-31 22:32:25

113浏览

0评论

vue3+vite自定义封装vue组件发布到npm包的全过程

目录创建项目创建组件导出组件使用vite构建打包注册->登录npm发布前准备发布到npm参考：总结创建项目“vue”: “^3.2.8”“vite”: “^2...

2022-12-31 22:32:23

110浏览

0评论

Vue3计算属性和异步计算属性方式

目录一、简要介绍二、计算属性核心源码三、异步计算属性核心源码一、简要介绍不论是计算属性，还是异步计算属性，都是依托于Vue3整体的响应式原理实现的。其核心依旧是ReacetE...

2022-12-31 22:32:21

121浏览

0评论

Vue echarts画甘特图流程详细讲解

vue项目中添加echarts，只需要增加echarts依赖，然后在main.js中引入echarts就可以使用了。1、npm install echarts --save2、修改main.jsimport * as echarts from 'echarts'Vu...

2022-12-31 22:32:20

107浏览

0评论

vue中data数据之间如何赋值问题

目录vue data数据之间如何赋值实现方式vue Data数据赋值变量语法vue data数据之间如何赋值最近我妹突然问我vue的data之间需要进行赋值，这是什么奇葩需求，干嘛不直接自己定义...

2022-12-31 22:32:18

116浏览

0评论

vue对象复制方式(深拷贝,多层对象拷贝方式在后面)

目录vue对象复制更新我的理解vue对象复制的坑--对象深度拷贝错误描述解决办法vue对象复制使用：es6中的“对象扩展运算符 ”，如下 // 对象深拷贝 obejctCopy()...

2022-12-31 22:32:16

121浏览

0评论

Vite打包分割代码的详细过程记录

目录1.什么是代码分割/code spliiting2.Vite 中 rollup code spliiting分割默认方法原理3.如何在Vite中配置（vite.config.ts）代码分割/code spliiting （核心关键）Vite代码分割方...

2022-12-31 22:32:14

98浏览

0评论

axios中如何进行同步请求(async+await)

目录axios进行同步请求(async+await)介绍代码示例axios使用async/await对promise进行优化解释axios进行同步请求(async+await)介绍Axios 是一个基于 promise 的 HTTP 库，它支...

2022-12-31 22:32:12

99浏览

0评论

关于Vue3中的响应式原理

目录一、简介二、响应核心1.核心源码2.逐步分析上述示例代码3.收集依赖和触发依赖更新三、V3.2的响应式优化四、后话一、简介本章内容主要通过具体的简单示例来分析Vue3是如...

2022-12-31 22:32:10

116浏览

0评论

vue中定义的data为什么是函数

目录一、new Vue场景二、组件场景总结高频面试题：vue中的data为啥是函数？答案是：是不是一定是函数，得看场景。并且，也无需担心什么时候该将data写为函数还是对象，因为vue内部已经...

2022-12-31 22:32:08

129浏览

0评论

Element中el-input密码输入框浏览器自动填充账号密码问题的解决方法

目录问题描述解决方法auto-complete="new-password"添加一个类/deep/总结问题描述通常情况下，浏览器会默认将已保存的账号密码填充到 input type 值为password的输入框内...

2022-12-31 22:32:06

104浏览

0评论

vue中计算属性和方法的区别及说明

目录vue计算属性和方法区别区别vue向计算属性传递参数vue计算属性和方法区别当我们实现翻转字符串的业务逻辑时，使用插值表达式打码如下：<div id="app"> <div>{{msg}}</div> <...

2022-12-31 22:32:04

119浏览

0评论

手写vue无限滚动指令的详细过程

目录概述最终效果实现原理关于高度计算的几个方法clientHeigtscrollHeightscrollTop综上目录结构App.vue./components/v-infinite-scroll/index.js./components/v-infinite-...

2022-12-31 22:32:02

首页 «238 239240241 242 »尾页

热门文章