浏览器vue day 43
vue3路由跳转params传参接收不到
这样路由可以跳转过去，但接收到了params是一个空对象。 解决方法 由于之前的params传参在页面刷新之后，参数会丢失，所以vue将这种方法移除了。 vue推荐的路由跳转传参方法： 1.使用query传递参数 2.使用vuex、pinia对参数进行存储 3.使用 History API 方式传递 ......
vue3 ant-Design-vue提交按钮放在表单外提交，自定义提交按钮
<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re ......
vue+element-ui实现el-tab标签的动态面包屑
以下内容仅供学习使用 前言： 下面是最终实现的效果图 首先在router.js里面配置meta:{title：‘xxxx’} 封装一个el-tab面包屑的子组件 通过v-for指令和tags数组中的数据进行渲染 <template> <div> <el-tag :key="index" v-for= ......
Vue监听器~~~~
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也 ......
vue中使用nprogress优化导航条和请求数据的时候进行加载中显示
以下内容仅供学习使用 先进行安装 npm install --save nprogress 或者 yarn add nprogress 在你封装的request.js中使用 import NProgress from 'nprogress' import 'nprogress/nprogress.c ......
一文搞定：前端如何选择Angular、React和Vue三大主流框架
在前端开发领域，目前最流行的三个框架是Angular、React和Vue.js。这些框架非常高效，并且它们各自具有一系列的优缺点。 在AI辅助编程工具**CodeGeeX的后台中，也看到有大量的前端开发者使用这三个框架，并且Vue的使用率在CodeGeeX**的后台中，持续走高。接下来我们针对Ang ......
vue.js 监听器~~~
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid ......
java vue获取当月第一天和最后一天，当前周一和周日
1，vue前端，通过moment获取当月第一天和最后一天，当前周一和周日 let currDate = moment(new Date(),"YYYY-MM-DD"); var firstDay= moment(currDate.startOf("month").valueOf()).format( ......
Java-Day-2（转义字符 + 注释 + 代码规范 + 变量 + 数据类型）
Java-Day-2 常用转义字符 代码中只一个 \ 会默认转义（写在 “ ” 里） \t ：制表位，可以实现对齐功能，可以看作有一个无形表框（ 上下两行长度相差不大 ） \n：换行符，仅换代码行的话 \\：一个 \，想输出 " \\ " 就要输入四个 \ \''：一个 “ ，字符串里输出双引号 \ ......
Java-Day-1（Java了解 + DOS）
Java-Day-1 JAVA分辨了解 Java 创始人之一：詹姆斯·高斯林 解释性语言，编译出.class后是有一个解释器的 （ 编译性语言： C/C++——编译后的代码已经是二进制可以由机器直接执行了 ） 面向对象的（ oop ） 健壮的 跨平台性的 一个 .java编译好的 .class文件， ......
vue - 通过JS屏蔽自带右键菜单
//通过JS屏蔽自带右键菜单 document.oncontextmenu = function (e) { return false; } ......
vue: 路由报错后的处理方式（通常用在打包发布后的报错）
用户在发包前进入了页面（也就是请求到了 index.html ），并且在 index.html 中可以得知将来要请求的异步组件的名字叫 a.js ，当服务器这时候发包，并且清空掉了 a.js 这个资源，改名叫 a1.js 。发包之后用户点击 a.js 对应的组件时，浏览器拿着先前在 index.ht ......
layui和vue.js和jq一起使用调用vue方法及变量
<div class="layui-row layui-col-space15" id="app"></div> 定义vueApp: let vueApp require(['vue'],function(Vue) { vueApp=new Vue({ el: "#app", data: { whe ......
vue3 - 引入自定义插件的组件的具体写法
1.背景 我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】，并引入插件 -心得 - 岑惜 - 博客园 (cnblogs.com)】 但在局部引入组件时，eslint红色警告 引用名言：“又不是不能用==” ......
day 34 1005.K次取反后最大化的数组和 | 134. 加油站 | 135. 分发糖果
1005.K次取反后最大化的数组和给定一个整数数组 A，我们只能用以下方法修改该数组：我们选择某个索引 i 并将 A[i] 替换为 -A[i]，然后总共重复这个过程 K 次。（我们可以多次选择同一个索引 i。） 以这种方式修改数组后，返回数组可能的最大和。 示例 1： 输入：A = [4,2,3], ......
Vue OnlyOffice 在线文档
#1、在线文档引用 由后台人员搭建服务，引用api #2、封装组件 <!-- * @Descripttion: 在线编辑插件 * @version: 0.0.1 * @Author: PengShuai * @Date: 2022-12-23 15:43:07 * @LastEditors: Pen ......
vue3中proxy关键词
在 Vue3 中，proxy 是一种新的 JavaScript 特性，用于创建一个代理对象，对代理对象的访问会通过 get 和 set 等方法拦截， 从而可以对代理对象进行一些自定义的处理逻辑。在 Vue3 中，我们可以使用 reactive 函数将一个普通对象转换成响应式对象， 而这个响应式对象就 ......
【原理揭秘】Vite 是怎么兼容老旧浏览器的？你以为仅仅依靠 Babel？
作者：京东科技 孙凯 一、前言 对前端开发者来说，Vite 应该不算陌生了，它是一款基于 nobundle 和 bundleless 思想诞生的前端开发与构建工具，官网对它的概括和期待只有一句话：“下一代的前端工具链”。 Vite 最早的版本由尤雨溪发布于3年前，经历了3年多的发展，Vite 也已逐 ......
Vue2依赖收集原理
我们只会在 Observer 类 和 defineReactive 函数中实例化 dep。在 getter 方法中依赖收集，在 setter 方法中派发更新通知 ......
决战圣地玛丽乔亚Day46----Redis哨兵模式
哨兵模式Sentinel： 自动感知Master故障并选择一个Slave切换为Master，实现故障的自动转移能力。 1.监控:持续监控主从是否健康，是否处于预期的工作状态. 2.主从的动态切换：当Master故障后，哨兵启动自动故障恢复：从slave中选一个新的master 3.通知机制：竞选出来 ......
企业什么喜欢做电视看板，电视看板浏览网页的必备工具 电视看板浏览器 电视看板自动打开网页 电视看板必备APP
企业喜欢做电视看板主要是因为它可以提供以下几个方面的优势： 增强企业形象：电视看板可以将企业的信息和广告以更加生动、直观的方式呈现出来，提高企业形象和知名度。 提高工作效率：电视看板可以在企业内部作为信息发布平台，用于发布公告、会议安排、任务分配等重要信息，有助于提高工作效率和沟通效果。 提升客户服 ......
【Android】后台管理系统 | 进度day01
外包杯官方提示：平台不要太大，只是一些小东西包括支付宝和微信小程序打开，无需安装口香糖，餐巾纸有一块屏幕，不需要很大，只需要满足顾客可以看到传播的内容打开橱窗不要有锋利边角，不要求一体，提高场景利用率微信小程序，无需安装，收入先打到平台，平台计算后，达到司机账户中去车内，放两到三类，每样两到三个即可 ......
20230402-Python学习里程碑-day1
Python基础-变量与数据类型 4月2 安装python 注意： 1、勾选 ADD python to path （可以避免手动添加Path路径） 2、选择安装路径 （可以避免后续使用Pycharm时，配置解析器路径） 安装Pycharm 选择解析器： 默认安装完后，创建一个工程项目，创建xxx. ......
day33（2023.4.2）
1.UDP传递基本数据类型(创建服务端) 2.UDP传递基本数据类型(创建客户端) 运行结果: 3.UDP传递自定义对象类型 运行结果: 4.反射小概念 5.创建一个Users类 通过getClass()方法 运行结果: 6.通过.class 静态属性获取Class对象 和 通过Class类中的静态 ......
day01-SpringCloud基本介绍
SpringCloud基本介绍 SpringCloud官方文档 1.提出问题 先思考一个问题，没有微服务技术，是不是程序员就不能开发大型项目？ 是可以的，对大型项目进行模块划分，对各个模块进行实现。但模块之间更多地是以API调用完成，耦合度较高，不利于拓展和维护（在没有微服务技术时，很多大型项目就已 ......
vue3挂载全局方法
在vue3中可以通过app.config.globalProperties来挂载全局方法。 main.js const app = createApp(App) // 定义全局方法 const myGlobalMethod = () => { console.log('This is a globa ......