前端 终端 实战vue

第十四篇 - vue页面跳转参数传递

本文介绍的一个vue页面调到第二个vue页面时,如何传递参数。 参考链接:https://blog.csdn.net/m0_73493077/article/details/126906574 第一步:先修改LoginPage.vue,跳转携带参数 /* eslint-disable */ <tem ......
参数 页面 vue

从vue2过渡到vue3的配置修改和升级

1.卸载旧的vue-cli npm uninstall vue-cli -g 2.卸载旧版本的node(版本号可能不适用vue3) 3.进入node官网,下载并安装最新的稳定版本node (当前版本号:18.16.1) 3.1.检验是否安装成功 4.安装vue(当前版本号:3.2.13) npm i ......
vue vue2 vue3

前端、

什么是前端 所有与用户打交道的都可以称之为前端,能够直接使用肉眼直接看到的都是前端 eg:PC端页面、手机端页面、平板页面、车载显示器等等 什么是后端 不直接与用户打交道的都可以称之为后端,后端其实就是幕后操作者 eg:Python语言、Java、Go、PHP等等 在招聘网上常见的岗位描述 Pyth ......
前端

前端

前端 前端:就是所以和用户打交道的界面都可以称之为是前端。 比如:PC端页面、手机端页面、平板页面、车载显示器等 前端学习的内容 1. HTML:搭建网页的骨架,没有样式 2. CSS:就是给网页添加样式,让网页更加好看、美观。 3. JavaScript:就是让网页动起来,简称js 前端框架: j ......
前端

前端三剑客之html

一、http协议 1、http 超文本传输协议 HTTP(Hypertext Transfer Protocol)是一种用于在Web上传输数据的协议,规定了服务端和客户端之间的数据传输格式及其标准。 HTTP协议是一种应用层协议,它是基于TCP/IP协议开发的。HTTP在TCP之上,而TCP在IP之 ......
三剑客 前端 html

vue开发 tinymce.js富文本插件报错:Cannot read properties of undefined (reading 'open')

应该是预加载的问题 因为需要同时展示多个富文本框 所以网上搜索到的 把v-if 换成 v-show是行不通的 最后想到办法 就是 再最外面再加一个 富文本 宽高设置成0 这样里面的富文本就能 正常使用了 k-rich-editor 是基于 tinymce 封装起来的富文本编辑器 ......
properties undefined 插件 文本 tinymce

前端实现浏览器端大文件分片上传

​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up ......
前端 浏览器 文件

Vue3+.net6.0 八 监听器 watch,回调

有时候我们需要根据变量的变化去更改dom或者输出结果,也就是需要监听data部分,和Vue2一样,需要用到watch监听器。 简单例子,输入框绑定了context,当我们改变输入框的值时,watch里同名监听器context监听到了变化,通过判断新旧值是否有变化弹出提示。 需要注意的是: 1、监听器 ......
监听器 watch Vue3 net6 Vue

Vue3 遍历显示Json数组

在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt ......
数组 Vue3 Json Vue

vue3 provide/inject使用

provide/inject 可解决深层组件传值问题 父组件 import { provide } from "vue"; const curValue = ref(props.modelValue); provide('curTabName',curValue); 子组件 import { inj ......
provide inject vue3 vue

前端小工具:protobufjs数据传输

protobuf.js 协议缓冲区是一种与语言无关的、与平台无关的、可扩展的序列化结构化数据的方法,用于通信协议、数据存储等,最初由Google设计(请参阅)。 网址跳转 https://www.cnblogs.com/bore/p/14341754.html ......
数据传输 前端 protobufjs 工具 数据

VUE|创建一个基础的VUE应用

## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创 ......
VUE 基础

小程序二维码配置+前端生成带参二维码+数据加密解密+地址逆解析

这是一个关于用户回访调查的小程序,技术栈vue3+uniapp。遇到的知识点如下: 1.微信公众平台认证的小程序账号只对应一个小程序,一个邮箱只能绑定一个小程序,如果企业之前有认证过微信公众号的,可以复用微信公众号的资料认证小程序,这样就不需要另外收认证费。(复用公众号资料认证小程序流程:https ......
加密解密 前端 地址 程序 数据

js:http-vue-loader从浏览器直接引入vue文件

doc ``` github: https://github.com/FranckFreiburger/http-vue-loader ``` index.html ``` ``` my-component.vue ``` Hello {{who}} ``` 使用 sass ``` ``` 使用 l ......
http-vue-loader vue 浏览器 文件 loader

qiankun微前端

qiankun 是一个基于 [single-spa](https://github.com/CanopyTax/single-spa) 的[微前端](https://micro-frontends.org/)实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 微前端是一种多个团队通 ......
前端 qiankun

ChatGPT链接本地数据源实战测试

本文探究ChatGpt等AI机器人能否帮助老板快速的做数据分析?用自然语言同老板进行沟通,满足老板的所有数据分析的诉求? ......
数据源 实战 ChatGPT 链接 数据

前端Vue自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 今天给 ......
前端 组件 标签 标题 新闻

key在vue中的作用与虚拟dom与diff算法

一。虚拟dom:(它是存在于内存中的) VNode的全称是Virtual Node,也就是虚拟节点;事实上,无论是组件还是元素,它们最终在Vue中表示出来的都是一个个VNode。VNode的本质是一个JavaScript对象。 其实虚拟Dom是真实Dom的一种状态。当真实Dom发生变化后,虚拟Dom ......
算法 作用 diff key dom

vue-day26--引出生命周期

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>引出生命周 ......
周期 vue-day 生命 vue day

vue-day25--自定义指令总结

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
指令 vue-day vue day 25

vue-day25--自定义指令v-fbind

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
指令 vue-day v-fbind fbind vue

QT从入门到实战完整版 P19

![](https://img2023.cnblogs.com/blog/2832235/202307/2832235-20230716215136795-1521863934.png) ![](https://img2023.cnblogs.com/blog/2832235/202307/2832 ......
整版 实战 P19 19

vue-day25--自定义指令

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
指令 vue-day vue day 25

vue-day25--v-pre指令

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-pre ......
指令 vue-day v-pre vue day

高级java高并发,高性能,分布式,高可用,负载均衡,系统架构实战

提到锁,大家肯定想到的是sychronized关键字。是用它可以解决一切并发问题,但是,对于系统吞吐量要求更高的话,我们这提供几个小技巧。帮助大家减小锁颗粒度,提高并发能力。 初级技巧-乐观锁乐观锁使用的场景是,读不会冲突,写会冲突。同时读的频率远大于写。 悲观锁的实现: 悲观的认为所有代码执行都会 ......
分布式 高性能 架构 实战 系统

vue-day25--v-once指令

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-onc ......
指令 vue-day v-once once vue

LVS实战-DR模式配置(常用、重点掌握)

LVS实战-DR模式配置(常用、重点掌握) 原创 Cloud研习社 Cloud研习社 2023-07-15 11:36 发表于山东 收录于合集 #一站式教程260个 #LVS9个 #计算机230个 #云计算266个 #linux274个 教程每周二、四、六更新 虚拟 IP 地址在RS和DS(即LVS ......
实战 常用 重点 模式 LVS

vue-day23--v-html指令

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-htm ......
指令 vue-day v-html html vue

前端Vue仿美团右侧侧边栏弹框筛选框popup alert

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 今天给 ......
侧边 前端 右侧 popup alert