空格 源码app vue
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
vue + 无限滚动不同高度
<div class="exbox" style="height:461px;overflow:auto" @mouseenter="handleMouseEnter()" @mouseleave="handleMouseLeave()"> <div class="main rollul" ref= ......
关于uniapp打包APP自定义基座调试，遇到首页同意网络权限后白屏问题
解决方案： 1、在App.vue文件中，onShow生命周期内添加一段代码，检测是否同意使用互联网权限： uni.onNetworkStatusChange(function(res) { console.log('onNetworkStatusChange', res); if (res.isCo ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
【源码系列#03】Vue3计算属性原理（Computed）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数，返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
uni-app全局样式和局部样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 UniApp 的一个全局 页面配置文件，也就是我们的一个 pages.json 文件。 那么了解完了这个文件之后，这片文章，再了解一下 UniApp 的一个全局样式和我们的局部样式。 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 ......
vue引入echarts
我用的是vue脚手架 版本是vue2 首先下载vue npm install --save echarts 执行这个命令 如果报错 vue中有提示 加上--force 或者 --legacy-peer-deps main.js中配置 import * as echarts from 'echarts ......
[Ngbatis源码学习]Ngbatis源码阅读之连接池的创建
Ngbatis源码阅读之连接池的创建 1. NebulaPool的创建 NgbatisBeanFactoryPostProcessor 这个类实现了 BeanFactoryPostProcessor 后置处理器，Ngbatis 连接池的创建就在 postProcessBeanFactory 中实现。 ......
Vue 配置.env.pro和.env.dev文件
1、Vue2 配置 1.1 新建文件 .env.development VUE_APP_BASEURL='http://localhost:8081' .env.production VUE_APP_BASEURL='http://localhost:8082' 1.2 访问 import Vue ......
PHP+JS实现大文件切片上传功能实现实例源码
近期公司的项目中，涉及到上传大文件的问题，大文件上传用普通表单上传时出现的问题是，无法断点续存，一但中途中断上传，就要重头开始，这很明显不是我们想要的，所以经过一番查询，学习了一下大文件分割上传的方法。并且使用简单的php做服务端处理程序实现一个功能demo，供以后回顾使用。本人也是初出茅庐的前端小 ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
2023最新高级难度vue面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-高级难度vue面试题合集 问: 如何在 Vue.js 中实现代理？ 在 Vue.js 中，可以使用 vue-resource 或 axios 库来实现代理。以下是实现的基本步骤： 安装 vue-resource 或 axios 库。可以通过 npm 或 yarn ......
vue 中scope 不管用
  应用可以提高 SEO（搜索引擎优化），同时改善首屏加载速度。以下是构建 SSR 应用的具体步骤： 设置环境：首先，确保已经 ......
VS2019编译PCL1.11.1源码
最近在使用PCL的体素滤波器进行点云降采样时，遇到了 Leaf size is too small for the input dataset 的报错，出于某些原因，并不想简单的增大 Leaf size 来解决这个问题。尝试修改了PCL的源码，但是很可惜，对源码的改动并不能直接应用到我的项目中，于是 ......
h5、app、小程序跳转外部链接的几种方式
H5、Windows中，跳转外部链接可以使用： 1、window.location.href = 外部地址；// 兼容性最好 2、window.open(外部地址)； // 此种方式在Safari浏览器中存在无法打开的情况 APP中打开外部地址： 1、plus.runtime.openWeb(外部地 ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
VUE3引入pinia配置使用
文档：https://pinia.vuejs.org/zh/introduction.html 1.引入pinna npm install pinia -S 2.在src文件里面创建store文件article.js 在main.js中引用pinna import { defineStore } f ......
Vue动画效果-商品加入购物车
购物类app中常有商品加入购物车的动画需求 主要实现代码 type Fn = (...args: any[]) => void interface Events { [name: string]: Fn[] } export class EventEmitter { events: Events c ......
项目: vue2+Vue3（重构）去哪儿网webapp
技术栈：Vue+webpack+vue-router+vuex+axios+element UI+ swiper 三个大组件：首页、城市选择详情页、详情页 开发方式是用模块化：一个大组件里会有多个子组件，由这些子组件来'填充'大组件，这样方便后续维护: city city.vue component ......
详细一些的vue生命周期
如果你和我一样，以前对vue生命周期的理解仅限于生命周期钩子，那么本文可以让我们更深入一层，理解vue在生命周期各个阶段所做的事，对我们对vue的理解和使用很有好处。 （1）通过new Vue()创建新的vue实例 不管页面还是组件，都是一个个vue实例。一个vue应用，其实就是一个个vue实例的嵌 ......
vue3移动端引入px2rem-loader
版本 "postcss-px2rem": "^0.3.0", 1、npm install postcss-px2rem 2、 ......
Vue 应用程序性能优化：代码压缩、加密和混淆配置详解
简介在 Vue 应用程序的开发中，代码压缩、加密和混淆是优化应用程序性能和提高安全性的重要步骤。 Vue CLI 是一个功能强大的开发工具，它提供了方便的配置选项来实现这些功能。本文将介绍如何使用 Vue CLI 配置代码压缩、加密和混淆功能，以提高应用程序的性能和安全性。 一、配置代码压缩Vu ......
Vue3+Vite+ElementPlus管理系统常见问题
本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题，没有技术深度，但全都是解决实际问题的干货，可以当作是问题手册以备后用。本人日常工作偏后端开发，因此，文中的一些前端术语描述可能不严谨，敬请谅解。重点是：这里记录的解决方案都是行之有效果的，拿来即可 ......
vue 中初始化 ref
在 Vue 中，使用 ref 函数创建响应式的数据： 对象初始化： const addGoodsDate = ref({}); const addGoodsDate = ref({ name: '', price: 0 }); 数组初始化： const appGoodsList = ref([]); ......
vue 的标签内属性的各使用形式
标签内属性形式 在 Vue 中，v-xx、@xx 和 :xx 是不同的语法形式，具有不同的用途和语义 v-xx 形式：这是用于注册或使用 Vue 提供的内置指令或自定义指令。v- 是 Vue 指令的前缀，后面跟着指令的名称 例如，内置指令：v-if 可以根据条件控制元素的显示和隐藏，v-for 可以 ......
Vue3+Vite+ElementPlus管理系统常见问题
本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题，没有技术深度，但全都是解决实际问题的干货，可以当作是问题手册以备后用。本人日常工作偏后端开发，因此，文中的一些前端术语描述可能不严谨，敬请谅解。重点是：这里记录的解决方案都是行之有效果的，拿来即可 ......