路由 程式vue js

【责任链设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 责任链模式(Chain of Responsibility Pattern)是一种行为型设计模式,也叫职责链模式、命令链模式。这种模式为请求创建了一个接收者对象的链,允许你将请求沿着处理者链进行发送,每个处理者均可对请求进行处理,或将其传递给链上的下个处理者。 当程序需要使用不同方式来处理多种 ......
设计模式 语言 模式 责任 Python

vue3报错 Vue received a Component which was made a reactive object.

报错信息如下: Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......
Component received reactive object which

Vue2

一、前端MVVM模式及Axios异步通信 1. 什么是MVVM MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight(类似于JavaApplet,简单点说就是在浏览器上运行的 ......
Vue2 Vue

vue/html 日期与时间戳互相转换

1、将日期转换成时间戳 let time = parseInt(new Date().getTime() / 1000); console.log(time) 2、接口传过来的UTC日期和13位时间戳格式化 const formateDate = (time: any, isUtc = false) ......
日期 时间 html vue

关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题

先放结论:不要在路由组件的 template 块中使用多个根标签,注释也不行。 今天碰到一个奇葩的问题,后端告诉我说,进入特定页面后,跳转其他页面均会白屏,刷新后就会加载。 一开始我以为是菜单的问题,搞鼓了半天,发现没什么问题。之后我又以为是路由的问题,发现只要移除了 transition 的 mo ......
transition vue 属性 空白 页面

记录--用three.js渲染真实的下雨效果

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 建模 首先我们需要一些贴图素材 贴图素材一般可以在3dtextures网站上找到,这里我找了2份,包含了墙的法线贴图和潮湿地面的法线、透明度、粗糙度贴图 通过kokomi.AssetManager将贴图素材一次性全部加载出来,将它们应用到 ......
效果 three js

JS 大文件上传解决方案(500M以上)

PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错 3.memory_limit=50M 设置脚本可以分配的最大内存 ......
解决方案 文件 方案 500M 500

vue全家桶进阶之路5:DOM文档对象模型

一、DOM对象 DOM,全称“DocumentObjectModel(文档对象模型)”,它是由W3C组织定义的一个标准。 在前端开发时,我们往往需要在页面某个地方添加一个元素或者删除元素,这种添加元素、删除元素的操作就是通过DOM来实现的。 说白了,DOM就是一个接口,我们可以通过DOM来操作页面中 ......
全家 模型 对象 文档 vue

JS箭头函数+大括号导致find失效

先写个代码,逻辑是要根据某个对象的属性找到列表中的对象 let a = map.find(object=>{object.descValue this.queryParams.mgeDepart}) console.log('a',a) 此时a为undefine 可以看到这里有一段黄色的提示 修改代 ......
括号 箭头 函数 find

vue全家桶进阶之路4:NPM包

NPM(Node Package Manager)是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。 NPM是 JavaScript 的包管理工具,也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载,每周下载约 30 亿次。NPM让 JavaS ......
全家 vue NPM

vue this.$emit获取父组件返回值

// 父组件 getdata(bounds, callback){ callback(data) } // 子组件 let data = {} this.$emit("getdata", bounds, val => { data = val }) return data ......
组件 this emit vue

[vue] 脚手架笔记

笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
脚手架 笔记 vue

一文详解vue-cli2.0与vue-cli3.0之间的区别

我们之所以介绍vue-cli2和vue-cli3的使用和区别,是因为VUE脚手架工具从vue-cli3版本开始,在项目结构等诸多方面开始与vue-cli2版本相比, 有较大的优化与调整。因此,在学习和工作中,我们需要了解一下版本更替之后,在哪些方面有变动。 1. 项目目录结构 可以明显的看出来,vu ......
vue-cli vue cli 之间 2.0

Vue 中npm run dev 和 npm run serve 的区别

在项目目录下,找到package.json文件,运行npm run serve命令启动项目的项目中,scripts中有一个serve字段,npm run dev命令中有一个dev字段,如下: "scripts": { "dev": "webpack-dev-server --inline --pro ......
npm run serve Vue dev

Flask+Vue 使用

Vue 项目经过npm run build 打包后生成文件在dist目录如下: app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹,为Flask ......
Flask Vue

Vue3+vite项目中如何动态导入并创建多个全局组件

背景 实际开发项目中,有些时候我们需要通过全局注册多个自定义组件,但是每个组件都导入一次,将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
全局 组件 多个 项目 动态

Vue2响应式原理

响应式基本原理就是,在初始化vue实例的时候,对data的每一个属性都通过 Object.defineProperty 定义一次,在数据被set的时候,做一些操作,改变相应的视图 ......
原理 Vue2 Vue

vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错(vueSetupExtend不是一个函数)

vite V3.0.0 vite.config.ts 引入插件报错(***** 不是函数) ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......

直播平台源代码,vue自定义单选框radio

直播平台源代码,vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
源代码 radio 平台 vue

使用DHCP配置路由器(网络)

1.实验拓扑 2.路由器里配置命令 2.1在第一个路由器里配置ip Router(config)#int g0/0 Router(config-if)#ip add 192.168.1.5 255.255.255.0 Router(config-if)#no sh Router(config-if) ......
路由 路由器 网络 DHCP

vue全家桶进阶之路3:Node.js

Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型, 让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平 ......
全家 Node vue js

vue全家桶进阶之路2:JavaScript

JavaScript(简称“JS”)是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能,在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中: HTML 用来定义网页的内容,例如标题、正文、图像等; C ......
JavaScript 全家 vue

dockerfile部署vue+springboot+redis

后端部署: 一、拉取并启动redis镜像 1、在服务器/usr/local/etc/redis/文件目录下建立redis.conf配置文件,配置信息如下: bind 0.0.0.0 protected-mode no 2、拉取并启动最新的redis镜像,映射宿主机端口并挂载目录 docker run ......
dockerfile springboot redis vue

Vue组件以及其事件生命周期

1.Vue组件 必须先注册以便Vue能识别全局和局部注册 组件之间数据传递props $emit传值 组件切换v-if v-else 事件的生命周期类别servlet生命周期分为三个阶段 1.初始化阶段,调用init()2.响应客户请求阶段,调用service()3.终止阶段,调用destroy() ......
组件 周期 事件 生命 Vue

Vue.js 路由简介

路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 ......
路由 简介 Vue js

vue全家桶进阶之路1:前言

Vue是一款国产前端框架,它的作者尤雨溪(Evan You)是一位美籍华人,2014年2月,尤雨溪开源了一个前端开发库 Vue.js,2015年发布1.0.0版本,2016年4月发布2.0版本,目前,尤雨溪全职投入 Vue.js 的开发与维护,立志将 Vue.js 打造成与 Angular/Reac ......
前言 全家 vue

javaweb——使用axios和vue改造书城项目的购物车

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 由于是多个视频内容混合在一起,因此只放了第一个链接 视频链接 代码示例 index.html代码 修改后,点击购物车按钮,直接访问cart.html页面 点击查看代码 <!DOCTYPE html ......
书城 购物车 javaweb 项目 axios

Vue.use方法

1、Vue.use 在引入各种插件、组件、plguin时都会使用;那么这个函数到底在干嘛? 查看Vue.use的interface 第一个参数要么是PluginObject ,要么是PluginFunction 意思就是:要么给个对象里面带install函数,要么给个函数我约定好参数然后给你操作 反 ......
方法 Vue use

【HarmonyOS】基于JS UI的Java服务卡片如何实现动态定时刷新

【问题背景】 Java服务卡片在官方文档中主要有两种周期性刷新方式,一种是定点刷新,即在每天的某个时间点刷新,另一种是定时刷新,即间隔固定的时间后刷新服务卡片,虽然这两种方式已经可以满足我们绝大多数的卡片刷新需求,但是还是不够灵活。首先这些时间的设置都需要在config.json的forms模块中去 ......
卡片 HarmonyOS 动态 Java

vue js axios统一拦截导出,全局显示 loading 加载

PS=> 整体逻辑: request 请求文件单独引入 element-ui 的 loading 组件,通过 request 和 response 拦截器进行针对性拦截即可 先插入 element-ui 的 loading 插件 import { Loading } from "element-ui ......
全局 loading axios vue js