前端 终端 实战vue

ant design vue 1.x 和 3.x 自定义表单示例

以下是项目中用到的自定义表单的写法,vue2 vue3 各记录一个。 1.x(For vue2) 自定义表单的示例 实现如下图的控件 代码如下: import { Component, Prop, Vue, Watch } from 'vue-property-decorator' import { ......
表单 示例 design ant vue

vue实现会议室拖拽布局排座

会议室拖拽布局排座是vue-draggable结合vue-draggable-resizable-gorkys进行开发 vue-draggable是拖拽组件,可以在组件里拖动排序,也可以多个组件之间拖动排序 vue-draggable-resizable-gorkys是一更强大的拖拽组件,可以随意拖 ......
会议室 布局 会议 vue

2023-11-21 {“errcode”:40029,“errmsg”:“invalid code, rid: xxx”} ==》后端保存的appsecret 和 appid 与前端的 appid不匹配导致,更新后端保存的appsecret 和 appid即可

今天上午登一下小程序,登录失败,后端调查发现是微信登录的时候报了这个错误: {“errcode”:40029,“errmsg”:“invalid code, rid: xxx”} 原因:后端保存的appsecret 和 appid 与前端的 appid不匹配导致。 解决方案:更新后端保存的appse ......
appid appsecret 前端 errcode invalid

Nginx实战-公网LB限流配置等

前提: Nginx要实现根据ip地址进行限流与不限流的区分需要通过源码包安装GeoIP模块 找到与yum安装版本相同的源码包,通过configure进行安装 ./configure --prefix=/etc/nginx --sbin-path=/usr/sbin/nginx --modules-p ......
实战 Nginx

解放VSCode+Vue的完整组件库智能提示(包括ant-design-vue、element-plus等)

解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code,首先感受到的就是组件库没有智能提示了: 这能忍吗?根本不可能!接下来,我带你花三分钟找回遗失的智能提示~ 首先,本篇文章适用于通过unplugin-vue-components自动引入组件的项目;也就 ......

vue3路由重定向失效

页面刷新时遇到路由重定向无效的问题,可能是因为路由重定向是在客户端进行的,而页面刷新会重新加载整个应用程序,导致重定向逻辑丢失。 为了解决这个问题,你可以使用服务器端的重定向来确保在页面刷新时也能正确地重定向到指定的路由。以下是一种常见的解决方案: 在服务器端配置,确保所有请求都返回应用程序的入口页 ......
路由 vue3 vue

vue3_Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.

今天的开发中发现了这个问题 Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders frag ......

前端配置、跨域、扩写用户表、轮播图

luffy项目前端配置 # 1 跟后端交互:axios cnpm install -S axios 以后想发送ajax请求,必须导入,使用 可以把axios放到vue实例中,以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios' ......
前端 用户

使用手机号实现注册功能、短信登录注册、前端登录注册

使用手机号实现注册功能 # 前端传入的数据 {手机号,验证码,密码} # 后端要验证数据 >序列化类 # 注意错误 1 注册使用哪个序列化了:get_serializer_class 2 配置文件中debug必须是True,因为咱们有万能验证码 >正常流程这个不需要 3 把code,弹出来,加入用户 ......
前端 手机号 短信 功能 手机

SpringBoot + vue2.0查询所用功能

导入数据库文件 CREATE DATABASE `springboot` /*!40100 DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci */ /*!80016 DEFAULT ENCRYPTION='N' */ CREATE TA ......
所用 SpringBoot 功能 vue2 vue

2023版 STM32实战3 按键外部中断(电路与代码都讲解)

常规电路(带上拉电阻) 阻值可选3.3/4.7/5.1/10 单位K 偷懒电路 利用GPIO内部的上拉模式 代码(直接拷贝使用) 这是一个外部中断控制变量a增加减少的demo为了新手方便我直接都写在了main.c文件 #include "stm32f10x.h" u8 keyflag=0; u8 a ......
按键 实战 电路 代码 2023

城院导航(城院在哪里)小程序前端开发项目手册

1.小程序整体架构: 全局概览: GLU_CampusGuide_static ├── .git ├── .gitignore ├── app.js ├── app.json ├── app.wxss ├── images ├── pages │ ├── home │ │ ├── home.js │ ......
前端 手册 程序 项目

前端动态路由问题

我也不知道为什么加上这段代码后会报这个错误(搜了一些 还是没怎么看懂) ......
前端 路由 动态 问题

手撕Vue-Router-提取路由信息

前言 好了经过上一篇的学习,我们已经知道了如何监听 Hash 的变化,如何监听路径的一个变化,本篇我们就可以来实现我们自己的 VueRouter 了, 那么怎么实现呢,在实现之前我们先来回顾一下官方的 VueRouter 是怎么使用的。 VueRouter 的使用 首先需要去下载官方的 VueRou ......
路由 Vue-Router Router 信息 Vue

vue自定义指令按enter键触发事件

directives: { enter: { bind(el, binding) { document.addEventListener('keyup', (event) => { if (event.keyCode 13) { binding.value() } }) } } }, v-enter ......
指令 事件 enter vue

七天.NET 8操作SQLite入门到实战 - SQLite 简介

什么是SQLite? SQLite是一个轻量级的嵌入式关系型数据库,它以一个小型的C语言库的形式存在。它的设计目标是嵌入式的,而且已经在很多嵌入式产品中使用了它,它占用资源非常的低,在嵌入式设备中,可能只需要几百K的内存就够了。SQLite还具有跨平台的特性,可以在多个操作系统上运行包括Window ......
SQLite 实战 简介 NET

vue-ui创建项目

1、命令提示行输入vue ui 2、他会跳出浏览器界面,之后选择路径创建 3、选择条件 命令提示框开始创建项目 ......
项目 vue-ui vue ui

Vue自定义创建项目

基于VueCli 自定义创建项目 顺序: 安装脚手架 vue create 项目名 选择自定义 Babel/Router/CSS/Linter Vue2.x VueRouter hash模式 CSS预处理 ESlint:Standard & Lint on Save 配置文件 dedicated c ......
项目 Vue

第六章、Vue3高级

目录二十四、项目实战细节(二)1、组件设置name属性 二十四、项目实战细节(二) 1、组件设置name属性 <script setup> // Vue3.3后支持 defineOptions({ name: '组件名', inheritAttrs: false }) </script> ......
Vue3 Vue

Vue公共loading升级版(处理并发异步差时响应)

公共loading是项目系统中很常见的场景,处理方式也不外乎三个步骤: 1.通过全局状态管理定义状态值(vuex、pinia等)。 2.在程序主入口监听状态值变化,从而展示/隐藏laoding动画。 3.在请求和相应拦截器中变更状态值。 第一二步骤处理大同小异,但在第三步中,网上很多博文分享的方法是 ......
升级版 loading Vue

决策树C4.5算法的技术深度剖析、实战解读

在本篇深入探讨的文章中,我们全面分析了C4.5决策树算法,包括其核心原理、实现流程、实战案例,以及与其他流行决策树算法(如ID3、CART和Random Forests)的比较。文章不仅涵盖了丰富的理论细节和实际应用,还提出了独特的洞见,旨在帮助读者全面了解C4.5算法的优缺点和应用场景。 关注Te ......
算法 实战 深度 技术 C4

(RF) 用于物联网和工业应用的SKY66421-11、SKY66422-11前端模块,而SKY66121-11、SKY66122-11则是高性能前端模块

一、用于LPWAN、LoRa、IoT和工业应用的860至930 MHz射频前端模块 1、SKY66421-11是一款高性能、高度集成的射频前端模块,专为LPWAN(支持LoRa®、SigFox和其他免执照频段技术)以及工作在860-930 MHz频率范围内的高功率工业、科学、医疗(ISM)应用而设计 ......
前端 SKY 模块 11 高性能

前端升级客户端自动更新

SPA类型应用,前端热发布后,用户端由于浏览器缓存不会重新获取index.html 导致用户没有及时看到最新版本 所以写了一个插件用户协助客户端实时更新 //思路:对比每一个script中的src的地址有无变化 因为打包后的js名称一般为 test.dawe13s5.js 中间8位为哈希值 每次打包 ......
前端 客户端 客户

vue 创建项目流程

1、首先在文件下打开cmd运行 cd 到你的目录下面 2、npm init vue@latest 命令创建项目 默认都选否,具体需要,后面自行添加 2、根据提示完成下三步操作 这是运行npm install 由于卡住了,就需要进行下一步,手动打开刚刚的目录文件 并且在该目录下,运行cmd,并输入,n ......
流程 项目 vue

用Electron+vue+ffmpeg开发一个视频处理的工具

前端时间用electron+ffmpeg开发了一个视频压缩软件,然后越熟悉ffmpeg越觉得它的牛叉,以前觉得视频处理需要高深莫测的技术,ffmpeg为我解开了视频处理的神秘面纱。然后决定做一个视频处理的工具,包括视频压缩、视频剪切、视频合并、视频格式转换、视频添加水印,先上效果图。 上一篇文章介绍 ......
Electron 工具 ffmpeg 视频 vue

Vue中的路由

概念 1)理解: 一个路由(route)就是一组映射关系(key-value),多个路由需要路由器(router)进行管理 2)前端路由:key是路径,value是组件 3)作用:设定访问路径,并将路径和组件映射起来(就是用于局部刷新页面,不需要请求服务器来切换页面) Route(路由) Route ......
路由 Vue

uniapp vue可以通过mixins混入代码,可以通过下面方法混入template

vue全局混入template方法:在根目录vue.config.js(没有就新增)里添加一下代码 //红色部分是混入的自定义vue组件module.exports = { chainWebpack: config => { config.module.rule('vue').use('vue-lo ......
可以通过 template 代码 方法 uniapp

vue2+element+vue-quill-editor实现富文本框组件(使用链接引入视频+上传本地视频+上传本地图片)

参考文档:https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述,npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue: <template> <div class=""> <!-- 富文本框 --> <qui ......
视频 vue-quill-editor 组件 vue 文本

新建springboot项目,访问前端界面

直接在IDEA中下载依赖会比较慢,将常用依赖下载到本地,然后从本地加载依赖会比较快。(方法可以搜,很多) pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" ......
前端 springboot 界面 项目

【源码系列#01】vue3响应式原理(Proxy)

Vue3中响应数据核心是 reactive , reactive 中的实现是由 proxy 加 effect 组合,我们先来看一下 reactive 方法的定义 ......
源码 原理 Proxy vue3 vue