源码extend vue
vue 创建 项目方式
使用 webpack 创建 vue create pageName 资料 https://cli.vuejs.org/zh/guide/ 使用 vite 创建 npm create vue@latest 资料 https://cn.vitejs.dev/guide/cli https://githu ......
视频直播源码，采用Redis实现购物车功能
视频直播源码，采用Redis实现购物车功能 1 Redis核心配置类 package com.jmh.springboot03.config; import org.springframework.beans.factory.annotation.Autowired;import org.sprin ......
vue Vite3出现错误runtime-core.esm-bundler.js:6835 Uncaught TypeError: normalizeKey is not a function at createBaseVNode (runtime-core.esm-bundler.js:6835:19)
原因是在引入Element-Plus的顺序在vue之前导致，重新调整下他们的顺序后，问题解决。 import App from './App.vue' import { setupI18n } from '/@/i18n' import { setupRouter } from '/@/router ......
手机直播源码，js实现懒加载、vue实现图片懒加载指令
手机直播源码，js实现懒加载、vue实现图片懒加载指令 图片懒加载 监听滚动条滚动事件，当视口的高度＋滚动高度，大于图片所在位置举例顶部的偏移量时(也就是距离)，加载图片资源 index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ......
NS-3源码学习（四）wifi-ent-network.cc
NS-3源码学习（四）wifi-ent-network.cc 设定的参数 bool udp{true};udp/tcp 通信选择 bool downlink{true};AP -> STA : downlink = true / STA -> AP : downlink = false 数据发送方向 ......
vue3 reactive对象的watch
代码 <script setup> import { ref,reactive, watch } from 'vue' const obj = reactive({ count: 0 }) const yourKnow0 = ref('') const yourKnow1 = ref('') let ......
vue项目中知识点整理
1、vue怎么找到入口页面的？ 在Vue项目中，入口页面（即根组件）是通过配置文件指定的。在创建Vue项目时，Vue CLI会自动生成一个src目录，并在其中创建一个名为main.js的文件。这个main.js文件就是Vue项目的入口文件。 在main.js文件中，你会看到以下代码： import ......
Vue 使用 sheetJS 通过 sheetJSON 解析 Excel 文件
安装 $ npm install xlsx 处理 import XLSX from 'xlsx'; /** * @param {string} data 文件名.xlsx */ export const read = (data, type, headerType=null) => { // 获取 ......
vue2和vue3项目并存时，下载nvm管理nodejs
1、下载nvm 1）下载一个1.19版本以上的nvm，在执行“npm install”时报错“npm ERR! Unexpected token '.'”。。https://blog.csdn.net/qq_25286361/article/details/132899937 2）在nvm/sett ......
vue3结构赋值失去响应式引发的问题思考
前言 vue3是基于 proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于 proxy 的特性，也提高了运行时的性能 凡事有利有弊， proxy虽然无敌，但是他也有本身的局限，从而产生一些认为的弊端 原始值的响应式系统的实现 导致必须将他包装为一个对象， 通过 .valu ......
vue+iframe 添加请求头，自适应宽度和高度，iframe将token放在请求头不是src的url中
1 <template> 2 <div class="iframe"> 3 <iframe 4 v-if="isRequestHeader" 5 id="myIframe" 6 name="myIframe" 7 src="" 8 frameborder="0" 9 scrolling="no" 1 ......
Vue3 + Express 实现大文件分片上传、断点续传、秒传
前言 在日常开发中，文件上传是常见的操作之一。文件上传技术使得用户可以方便地将本地文件上传到 Web 服务器上，这在许多场景下都是必需的，比如网盘上传、头像上传等。 但是当需要上传比较大的文件的时候，容易碰到以下问题： 上传时间比较久； 中间一旦出错就需要重新上传； 一般服务端会对文件的大小进行限制 ......
Vuex及Vue组件通信
Vuex及Vue组件通信 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证 状态以一种可预测的方式发生变化。 通俗点说就是不用考虑组件之间的嵌套关系（例如：父子、祖孙、兄弟等），就可以让组件之间进行互相通信。 组件五把 ......
3. Linux 源码编译 001
重点： rpm -i -e -qi -ql -qf -qa --scripts。 yum install remove info list repolist provides。 配置系统源。 搭建私有仓库服务器。 源码编译安装。 ubuntu dpkg apt /etc/apt/sources.li ......
Nacos源码(三)：SpringCloud-Nacos客户端注册源码分析
1、服务注册源码入口 在笔记(二)：Nacos环境搭建中提到Nacos作为注册中心，在服务启动类中可通过添加可选配置注解@EnableDiscoveryClient，那么就先从这个注解入手，开启SpringCloud的Nacos注册中心的源码分析。 EnableDiscoveryClient注解详情 ......
Nacos源码(二)：客户端服务注册源码分析
当生产者启动时，会自动注册到Nacos，如下图的service-provider： 客户端的服务注册的都做了哪些事情。 1、服务注册源码分析入口及整体步骤解析 1.1、整体步骤 从nacos-2.2.0源码包中提供的nacos-example模板作为切入点，NamingExample详情如下： 在示 ......
Nacos源码(一)：环境搭建
1、Nacos源码下载 源码下载地址：https://github.com/alibaba/nacos。这里我选择的是2.2.0的版本。 2、编译运行 2.1、编译源码 下载好后，解压并编译Nacos源码： 2.2、设置单机运行 设置单机运行，VM options详情如下： -Dnacos.stan ......
【VUE基础】VUE3核心语法
setup setup是Vue3中一个新的配置项，值是一个函数，它是 Composition API “表演的舞台”，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。 特点如下： setup函数返回的对象中的内容，可直接在模板中使用。 setup中访问this是un ......
简单介绍Vue、uni-app、微信小程序三者之间的联系
uni-app和Vue的关系 使用Vue.js开发；在发布到H5时，支持所有的vue的语法；发布到App和小程序时，不支持部分vue语法(vue-router，需要dom操作的第三方插件、组件) uni-app和小程序的关系 组件标签靠近小程序规范；接口能力（JS API）靠近微信小程序规范；拥有完 ......
使用vue3和vite导入index.vue文件而不指定文件名
<script setup> import MapTimeLegend from "./components/MapTimeLegend" </script> [plugin:vite:import-analysis] Failed to resolve import "./components/M ......
在idea中无法查看org.springframework.cglib.core.Signature.java 源码
一、现象 1.点击idea Download Source ，没有变化； Chouse Source 也无济于事。 2. 打开下载的源码包，惊奇的发现确实没有对应的源码。 3. 问题发生在哪儿？ 原来是这些包原本不属于spring , spring 在编译的时候直接修改了包名称。 ......
VUE与WPF树形控件的区别与使用
VUE：树形结构显示，主要在数据查询的时候把数据拼成树形结构的数据， 注意：VUE中树形结构体必须要有children，此对象必须是list类型 WPF：树形结构显示，是把所有的数据查询到，然后WPF中的控件通过ID和PID来自动把数据呈现成树形结构 ......
Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范
项目代码同步至码云 weiz-vue3-template 要求代码规范，主要是为了提高多人协同和代码维护效率，结合到此项目，具体工作就是为项目配置 eslint 和 prettier。 editorconfig 安装 EditorConfig for VS Code 插件，根目录下新建 .edito ......
Vue中process.env关键字，process.env.VUE_APP_BASE_API
Vue中process.env关键字，process.env.VUE_APP_BASE_API：https://blog.csdn.net/coinisi_li/article/details/128547778 vue分环境配置变量及打包：https://blog.csdn.net/weixin_ ......
记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法
一. 后端接口: @GetMapping("/index") public ResponseResult index() {..} 前端接口: indexInfo().then(res => { if (res.data.code == 200) { ElNotification({ message ......
vue的生命周期
vue的生命周期图如下： 总结：一般在created中进行数据请求、mounted中操作dom数据结构、beforeDestroy中关闭定时器或订阅消息等 ......
输入框、文本域中内容底部有红色波浪线，如何去掉？vue2 html
取消检查就不会有红色波浪线 添加属性：spellcheck="false" 1 <el-input 2 type="textarea" 3 :autosize="{ minRows: 2, maxRows: 40 }" 4 placeholder="请输入内容" 5 v-model.trim="te ......
学习Vue3 第五章（Vue核心虚拟Dom和 diff 算法）
介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AST节点树 为什么要有虚拟DOM？ 一个dom上面的属性是非常多的，所以直接操作DOM非常浪费性能 介绍Diff算法 diff算法的目的就是找出新旧不同虚拟DOM之间的差异,使最小化的更新视图，所以 diff 算法本质上就是比较两个js对象的差异 特 ......
Vue动态更新数据内容，百度下拉框提示
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="js/vue.js"></ ......