接口axios vue all

深度解析Vue Router原理:实战指南与实用技巧

本文将深入解析Vue Router的核心原理,帮助读者全面理解Vue Router在Vue.js单页面应用中的作用和工作原理。从URL路由、路由表、导航守卫到组件渲染等方面进行逐步剖析,让读者了解每个概念的含义和相互关系。 同时,我们将提供实战指南和实用技巧,通过丰富的代码示例和案例分析,帮助读者学... ......
实用技巧 实战 深度 原理 技巧

vue 滚动条事件监听

css: .active{ margin-top:-60px; } .trans{ transition: all 300ms; } > ` mounted() { // 监听页面滚动事件 window.addEventListener("scroll", this.scrolling); }, b ......
事件 vue

PHY 芯片接口直连(不使用变压器)的设计

PHY 芯片接口直连(不使用变压器)的设计 ......
变压器 芯片 接口 PHY

《串口篇》台式电脑主机各种接口介绍

台式电脑主机各种接口介绍 参考链接:https://baijiahao.baidu.com/s?id=1699105964170918291 ![image](https://img2023.cnblogs.com/blog/3151267/202307/3151267-20230731142644 ......
台式电脑 串口 台式 接口 主机

vue实现浏览器端大文件分块上传

​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c ......
浏览器 文件 vue

一个 Java 接口快速开发框架:magic-api

一、简介 magic-api是一个基于Java的接口快速开发框架,编写接口将通过magic-api提供的UI界面完成,自动映射为HTTP接口。无需定义Controller、Service、Dao、Mapper、XML、VO等Java对象即可完成常见的HTTP API接口开发。 已有上千家中小型公司使 ......
magic-api 框架 接口 magic Java

为什么React与Vue很难互相取代?

React和Vue很难相互取代,主要因为它们都拥有庞大的生态系统和活跃的社区支持,提供了平滑的学习曲线和良好的开发体验。它们有不同的设计理念和特性,满足不同项目需求。同时,已经拥有大量用户和粉丝基础,使得它们在市场中稳固地占据一席之地。因此,选择框架时,开发者应考虑具体项目需求、团队技能和个人偏好来 ......
React Vue

有没有好用的个微API接口?

最近公司需要找一家个微的API助手接口服务,具体需求是可以自己批量添加好友、批量打标签等进行好友管理,社群管理需要自动聊天,自动回复,发朋友圈,转发语音,以及定时群发等,还可以提取聊天内容,进行数据汇总,收藏快捷回复各种功能! 找了很多天 是找到了现在用的一款助手,用起来还是很方便的 就是这一款,大 ......
接口 API

VUE3、ElementPlus 重构若依vue2 表单构建功能

# Vue3 + ElementPlus + Vite 重构 若依Vue2 表单构建功能 若依官方的Vue3 版本发布已经有段时间了,就是这个表单构建功能一直没有安排计划去适配到Vue3! 前段时间公司需要做个类似的功能,就直接借鉴若依Vue2的来直接改了 吐槽下:vuedraggable-vue3 ......
表单 ElementPlus 功能 VUE3 vue2

坑:vue2在props时仅接受第一次返回数据的解决办法

今天在做项目时遇到了一个bug,在列表页进入详情页时带入list以便子组件遍历使用,使用props传参,该list在父组件由`created`生命周期函数访问接口获取,然后子组件在使用时,直接使用`props`接收并调用,大概代码如下: ```js // 父组件 ... created(){ get ......
第一次 办法 数据 props vue2

浅聊一下,React会不会被VUE取代?

开发项目只有最合适的选择,而没有绝对最好的框架。每个项目都有自己的独特需求、团队背景和时间限制,因此,在选择合适的框架时需要仔细权衡各种因素。 ......
React VUE

【十】DRF之接口文档相关

# 【一】自动生成接口文档 - REST framework可以自动帮助我们生成接口文档。 - 接口文档以网页的方式呈现。 - 自动接口文档能生成的是继承自`APIView`及其子类的视图。 # 【二】安装依赖 - REST framewrok生成接口文档需要`coreapi`库的支持。 ```py ......
接口 文档 DRF

Vue打开新窗口

方式一: openNewWindow() { const { href } = this.$router.resolve({ path: "/preview", }); window.open(href, "_blank", "width=900, height=700"); }, 方式二: <ro ......
Vue

基于markdown的幻灯片,vue2集成vue-mark-display,实现在线制作幻灯片

1.使用组件 组件源码版本license vue-mark-display 地址 0.2.2 MIT @toast-ui/editor 地址 3.1.5 MIT jshint 地址 2.13.6 MIT jsonlint 地址 1.6.3 MIT 2.组件代码 TuiEditor 3.使用 <Tui ......

在线代码编辑器,vue2集成codemirror

1.使用组件 组件源码版本license vue-codemirror 地址 4.0.6 MIT script-loader 地址 0.7.2 MIT 2.组件代码 Codemirror 3.组件使用 <Codemirror v-model='form.content'></Codemirror> ......
编辑器 codemirror 代码 vue2 vue

vue2集成luckysheet,实现在线编辑excel,将静态文件添加本地优化加载速度

1.使用组件 组件源码版本license luckysheet 地址 2.1.13 MIT 2.组件代码 Luckysheet 3.添加luckysheet静态文件至本地 ruoyi-ui/public/index.html 4.截图 5.示例项目 项目一:gitee ......
静态 luckysheet 速度 文件 excel

VUE el-table表格实现双击编辑,单机空白处放弃修改,回车提交修改

# VUE el-table表格实现双击编辑,单机空白处放弃修改,回车提交修改 ### template ```html {{ scope.row[column.prop] }} ``` ### script ```js data() { return { // 数据量 total: 100, // ......
单机 表格 el-table 空白 table

vue2集成simple-mind-map思维导图,实现在线制作思维导图

1.使用组件 组件源码版本license simple-mind-map 地址 0.6.6 MIT @toast-ui/editor 地址 3.1.5 MIT v-viewer 地址 1.6.4 MIT xlsx 地址 0.18.5 Apache-2.0 vue-i18n 地址 8.27.2 MIT ......
思维 simple-mind-map simple vue2 mind

vue2集成tiny-whiteboard白板,在线画图工具

1.使用组件 组件源码版本license tiny-whiteboard 地址 0.1.12 MIT 2.组件代码 <template> <div ref="container" class="container"> <div class="canvasBox" ref="box"></div> < ......

vue 环境配置

1. 根目录下创建 .env .env.production .env.development 2. 在vite.config.js中使用 ``` defineConfig(({ mode }) => { const env = loadEnv(mode, process.cwd()); const ......
环境 vue

vue + vite 在index.html中使用环境变量

1. npm install vite-plugin-html -D 2. vite.config.js ``` import { createHtmlPlugin as useHtmlLoader } from 'vite-plugin-html' useHtmlLoader({ inject: ......
变量 环境 index vite html

vue2集成bpmn流程图,可导入导出预览等

1.使用到的组件 组件源码版本license bpmn-js 地址 7.3.1 bpmn.io bpmn-js-properties-panel 地址 0.37.2 MIT camunda-bpmn-moddle 地址 4.5.0 MIT 版本一定要对,否则可能会报错 2.组件代码 <templat ......
流程图 流程 vue2 bpmn vue

vue3

一、vue3最终响应式原理 let person = { name: '张三', age: 15, } //我们管p叫做代理数据,管person叫源数据 const p = new Proxy(person,{ //target代表的是person这个源对象,propName代表读取或者写入的属性名 ......
vue3 vue

Vue的学习笔记

一、弹窗的初始化 1.弹窗打开的时候想要对弹窗进行一些初始化数据(比如从表默认选中第一行),可以用@opened绑定方法进行操作,详见: https://element.eleme.cn/#/zh-CN/component/dialog 二、显示与不显示:v-show 视频学习地址(03 - key ......
笔记 Vue

vue2集成tinymce富文本编辑器,添加本地资源解决加载慢问题

组件源码版本license tinymce 地址 4.9.3 MIT 示例项目一 源码地址:gitee 1.封装组件 <template> <div :class="{fullscreen:fullscreen}" class="tinymce-container" :style="{width:c ......
编辑器 文本 tinymce 问题 资源

【vue】vue路由传参的三种方式

【vue】vue路由传参的三种方式 原文链接:https://blog.csdn.net/liyunkun888/article/details/83269343 前言 vue 路由传参的使用场景一般都是应用在父路由跳转到子路由时,携带参数跳转。传参方式可划分为 params 传参和 query 传 ......
路由 vue 方式

前端vue uni-app cc-countdown倒计时组件

随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进行组合。大大提升 ......
前端 cc-countdown 组件 countdown uni-app

Vue实现嵌套路由

Vue实现嵌套路由 原文链接:https://blog.csdn.net/zhanggqianglovec/article/details/124308680 嵌套路由又称为子路由,在实际应用中,通常由多层嵌套的组件组合而成。同样地,URL中各段动态路景观也按某种结构对应嵌套的各层组件,例如我们看V ......
路由 Vue

Linux fdisk command All In One

Linux fdisk command All In One disk partition / 磁盘分区 ......
command Linux fdisk All One

Linux group & user All In One

# Linux group & user All In One - groupadd - groupmod - groupdel - useradd - usermod - userdel ## 用户组 > groupadd ```sh eric@rpi4b:~ $ groupadd -h 用法:g ......
Linux group user All amp