前端 终端 实战vue

ShardingSphere分库分表实战Demo

为什么要分库分表 从性能方面来说,一般关系型数据库采用B+树的数据结构,当数据库中的数据量很大时就会增加磁盘的IO次数,当系统使用者少的情况下可能不太明显,但是随着使用者的逐渐增多对数据库的优化需求就会越来越强烈! 从运维方面来说,一个数据库的数据量过大会增加数据更新、备份的耗时与风险,而且万一因项 ......
分表 分库 ShardingSphere 实战 Demo

前端大文件上传如何做到刷新续传?

前言 这两天在学习阿里云oss上传。踩了不少坑,终于实现了大文件分片、断点续传的功能。这篇文章主要分享学习笔记,希望能给大家一些帮助。先看效果 技术栈 1.前端: react+Ts + axios 上传文件 2.Node部分:定义接口、阿里云 oss 3.socket.io :实时同步上传进度 特别 ......
前端 文件

问题记录贴:vue-i18n在弹出框中$t()报错:TypeError: Cannot read property '_t' of undefined

网上有用的解决方法:vue 国际化在弹出框中$t()报错:TypeError: Cannot read property '_t' of undefined 大佬给出的解决方法: 弹窗是一个新的Vue对象,只需要单独给弹窗重新绑定i18n即可。 代码: // dialog/main.js impor ......
TypeError undefined property Cannot 问题

JS逆向实战24—— 补环境过某房地产瑞数4.0

前言 瑞数就不过多介绍了,算是国内 2 线产品中的天花板了。4 代其实难度不高,但要弄出来 确实挺费时间和耐心的。今天就简单来讲讲如何用补环境轻松的过瑞数。 本文首发链接为: https://mp.weixin.qq.com/s/WnScMVv3kmdlrFLjr-m3Pg 前言 本文章中所有内容仅 ......
实战 房地 环境 4.0

为什么不能单纯地从前端来解决跨域问题?LiteNVR安防视频系统为何需要跨域?

当然这只是举了个例子,以上情景可能只有通过cookie进行会话才会出现,现在一般都是通过前端手动维护token或者sessionId维持会话,但这同样是一个极其严重的安全问题。 ......
视频系统 前端 LiteNVR 问题 系统

luffy前端配置,跨域问题,后端数据库迁移, 后台主页功能,后台管理

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

Vue 生命周期

Vue 生命周期 Vue 生命周期指的是 Vue 实例从创建到销毁整个过程 Vue 生命周期函数 Vue 生命周期函数(或生命周期回调函数、生命周期钩子)指的是在 Vue 生命周期的特定关键时间点被 Vue 自动调用的一些特殊函数 注意事项 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需 ......
周期 生命 Vue

Vue: keep-alive的使用

作用: 组件切换时保持组件状态不被销毁 属性: include——包括:值为字符串或正则表达式或数组;指定的组件被缓存 exclude——不包括:值为字符串或正则表达式或数组;指定的组件不被缓存 exclude优先级高于include 用法: <keep-alive include="home,ab ......
keep-alive alive keep Vue

vue3+vite import 引入ThreeBSP库 报错

我在网上查了一下 先用 npm 下载了三方包 npm i three-js-csg 再使用 const ThreeBSP = require('three-js-csg')(THREE) 的方法引入 出现了这个报错 查了是因为require 是webpack 里的 vite不支持 所以找不到 然后我 ......
ThreeBSP import vue3 vite vue

前端大文件上传

整体思路 前端 前端大文件上传网上的大部分文章已经给出了解决方案,核心是利用 Blob.prototype.slice 方法,和数组的 slice 方法相似,调用的 slice 方法可以返回原文件的某个切片 这样我们就可以根据预先设置好的切片最大数量将文件切分为一个个切片,然后借助 http 的可并 ......
前端 文件

前端进阶系列——理解 React Ref

前端进阶系列——理解 React Ref 秦书羽 杭州@朝夕光年 ​关注他 17 人赞同了该文章 Ref 是 Reference(引用) 的缩写。 一、前言 在 React 中通常遵循 “自上而下” 的 “单向数据流”。父组件和子组件的通讯只能通过 Props。如果要修改一个子组件,我们要修改 Pr ......
前端 React Ref

vite.config.js base 与 vue-router base

vite.config.js base 决定了打包后,资源引用的前缀 base:'/hlw/' link ref='/hlw/assets' 打包后的dist要放到 /hlw 路径下 base 的值 与 process.env.BASE_URL、import.meta.env.BASE_URL一致 ......
base vue-router config router vite

快速提升NineData实战能力:新手任务详解

NineData控制台的新手任务旨在帮助新用户熟悉和掌握其各项功能,包括数据源创建、SQL开发、分钟级数据恢复、不停机数据迁移和企业协同开发等。通过任务引导和实践,可以显著降低使用门槛,提升使用效率,保证数据安全。对于新用户,玖章算术提供了完整的NineData新手任务实战指南,覆盖四大模块的基础操... ......
实战 NineData 任务 能力 新手

vue项目个人配置

src/assets/base.css :root { --html-bg-color: #ffffff; } html.dark { --html-bg-color: #242424; } src/assets/reset.css /** * Eric Meyer's Reset CSS v2.0 ......
项目 个人 vue

干货:如何在前端统计用户访问来源?

在前端统计用户访问来源是一个常见的需求,通过获取访问来源信息,我们可以了解用户是通过直接访问、搜索引擎、外部链接等途径进入我们的网站或应用。下面是一个详细的介绍,包括方法和实现步骤。 一、获取HTTP Referer HTTP Referer是HTTP请求头的一部分,它记录了用户从哪个页面跳转而来。 ......
干货 前端 来源 用户

解决前端传递Date类型时自动转换为国际时间的问题

本质原因是前端对象中使用了Data类型的属性字段,在向后端传递时会自动将JSON对象转换为JSON字符串进行传递 Date类型的属性在进行转换时会调用自身的toJSON方法,转换为国际时间的字符串表达形式 let date = new Date(); console.log(date); conso ......
前端 类型 时间 问题 国际

Vue3 + Electron

https://www.electronjs.org/ https://www.electron.build/ 1. 创建一个vue3项目 可参考之前的笔记 2. 安装Electron $ npm install electron -D $ npm install vite-plugin-elect ......
Electron Vue3 Vue

Vue3常用库安装

目录Pinia引入使用Element Plus安装完整引入Volar支持按需导入-自动导入unocss&Icon安装unocss安装Icon库使用动态引用图标Iconify安装使用 Pinia 引入 // main.ts import { createPinia, type PiniaPluginC ......
常用 Vue3 Vue

Vue-父组件监听子组件的生命周期

egg:父组件监听子组件挂载并做对应的逻辑处理 1.在子组件中通过this.$emit触发父组件的事件 // Parent.vue <Child @mounted="doSomething"/> doSomething() { console.log('doSomething'); } // Chi ......
组件 周期 生命 Vue

将Vue3项目部署到Github Pages

1. 创建vue3项目 $ npm init vue@latest 初始化工程,并验证。 2. 创建github仓库 3. 连接vue项目到github仓库 打开vue项目根目录,初始化本地git仓库 $ git init $ git add . $ git commit -m "init" 连接v ......
项目 Github Pages Vue3 Vue

Vue实现a标签点击打开新页面但不触发路由跳转的效果

概要 对于一个a标签,原生效果有点击直接当前页跳转路由,按键(windows为ctrl,ios为command)+ 点击打开路由的新页面这两种效果 注意,第一种效果是a标签自带的,第二种效果是浏览器的行为。 如图为普通a标签和部分属性,点击跳转新路由/newapi,当然同时也会触发newUrl函数 ......
路由 效果 标签 页面 Vue

babel在vue项目中使用(vue兼容)

https://blog.csdn.net/qq_37493515/article/details/118628968 一、vue-cli创建babel1、在用脚手架创建项目时,可以选择babel直接创建一般情况下是默认配置,直接使用就可以了 二、单独引入babel(直接修改package.json ......
vue 项目 babel

npm init vite@latest vue3study --template vue

D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs ......
vue3study vue template 3study latest

Vue 组件通信 --非父子通信

:消息订阅是一对多的关系, 发送方发送消息,监听方只要监听了都可以接收到消息 :跨层级的共享数据 : ......
父子 组件 Vue

Vue组件通信 父子通信

![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231011014517927-1524444392.png) ![](https://img2023.cnblogs.com/blog/2908001/202310/2908... ......
父子 组件 Vue

Vue组件的样式冲突 scoped

: ......
样式 组件 scoped Vue

前端到后端的流程

2023.10.10 1.可以从架构模式着手 最基础的,前后端分离,后面就是前端是什么技术,比如Vue,后端是什么,可能是java、php什么的 然后后端一般会提供接口文档,常用的比如swagger 2.这里先明晰一下概念 动静分离 动态资源:servlet、接口等 静态资源:image、js、cs ......
前端 流程 端的

spoot-vue学习

1、创建Vue项目(需要提前搭建好环境) 启动cmd,进入到文件夹路径,输入以下命令,回车 vue init webpack myvue 其中 myvue 是项目的名称 2、创建完成后,使用IDEA导入此vue项目 在控制台中输入npm install安装依赖环境 安装完成后,输入npm insta ......
spoot-vue spoot vue

Vue

# VUE2**渐进式JavaScript框架**通过AJAX请求将从Web服务器获取的数据显示到界面上## 搭建开发环境1)下载Vue.js库https://cn.vuejs.org/2)用<script>引入Vue.js库`<!--引入Vue-->`<script type="text/java ......
Vue