vue源码 周期 生命
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
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= ......
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 ......
.NET Core 依赖注入生命周期
在.NET Core中，依赖注入服务的生命周期是指服务实例的寿命范围，即在整个应用程序的生命周期内，服务实例何时被创建、何时被销毁。在.NET Core中，有以下几种主要的依赖注入服务生命周期： 瞬时（Transient）生命周期： 服务以每次请求为一次性创建。每次使用 GetService 方法时 ......
【源码系列#03】Vue3计算属性原理（Computed）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数，返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
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的源码，但是很可惜，对源码的改动并不能直接应用到我的项目中，于是 ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
请求生命周期
-请求响应Http 1.发送Http请求 2.服务器接收，根据请求头中的url在路由关系表中进行匹配(从上到下) 3.匹配成功后，执行指定的views函数 URL -> 函数 ==> FBV FUNCTION BASE VIEW 表示url对应视图函数的关系 URL -> 类 ==> CBV 4.业 ......
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 ......
详细一些的vue生命周期
如果你和我一样，以前对vue生命周期的理解仅限于生命周期钩子，那么本文可以让我们更深入一层，理解vue在生命周期各个阶段所做的事，对我们对vue的理解和使用很有好处。 （1）通过new Vue()创建新的vue实例 不管页面还是组件，都是一个个vue实例。一个vue应用，其实就是一个个vue实例的嵌 ......
项目: vue2+Vue3（重构）去哪儿网webapp
技术栈：Vue+webpack+vue-router+vuex+axios+element UI+ swiper 三个大组件：首页、城市选择详情页、详情页 开发方式是用模块化：一个大组件里会有多个子组件，由这些子组件来'填充'大组件，这样方便后续维护: city city.vue component ......
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开始搭建一个前端工程会面临的常见问题，没有技术深度，但全都是解决实际问题的干货，可以当作是问题手册以备后用。本人日常工作偏后端开发，因此，文中的一些前端术语描述可能不严谨，敬请谅解。重点是：这里记录的解决方案都是行之有效果的，拿来即可 ......
解决Vue处理超过16位数字精度丢失问题
当我们使用MyBatis-Plus 使用 ID_WORKER 或者 ASSIGN_ID(雪花算法) 生成的id作为主键时，因为其长度,为19位，而前端一般能处理16位，如果不处理的话在前端会造成精度丢失，最后两位会变成00，如下图，感觉像是四舍五入后的效果。 处理这种问题有两种方案，要么后端出处理， ......