多个vue-cli版本vue
Vue.js框架：vue3版本里数据变化监听watch和watchEffect的使用
一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu ......
centos多版本jdk通过alternatives
一、下载 Linux 版的 JDK 到本地 本文以 jdk-8u341-linux-x64.tar.gz、jdk-11.0.16_linux-x64_bin.tar.gz 为例。 二、创建 Java 目录安装 1. mkdir /usr/java/ 2. 解压 JDK 到 Java 目录 tar - ......
vue3实现一个通用的右键菜单组件
1、新建一个名为ContextMenu.vue的文件 <template> <div ref="containerRef"> <slot></slot> <Teleport to="body"> <Transition @beforeEnter="handleBeforeEnter" @enter= ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，数据驱动界面改变 v-model 的双向绑定已告一段落, 剩余的就以这篇文章来完成。 首先完成我们的 v-html，v-text, 其实很简单，就是将我们之前的 v-model 创建观察者的方法，在 v-html 和 v-text 中再写一次即可，创建属于 v-html 和 v-t ......
vue 基础学习 一
1. vue 使用快速入门三步走 (1) 新建 HTML 页面，引入 Vue.js文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue.js 入门示例</title> <script src="https://cdn.j ......
[Microsoft Azure] 如何查看 Azure Function的.NET SDK版本列表
本文将介绍如何在 Microsoft Azure 中查看和选择 Azure Function 的 .NET SDK 版本列表，以便为您的项目选择合适的版本。 在 Microsoft Azure 中，Azure Functions 是一种用于在云端运行小型应用程序或功能的服务。它可以帮助我们在不需要管 ......
vue学习七之生命周期
1.vue的四个生命阶段 2.vue的八个钩子 (1) beforeCreate:创建阶段前,script数据尚未加载 (2) created:创建阶段已完成 (3) beforeMount:挂载阶段前，开始通过数据进行页面渲染 (4) mounted:挂载阶段完毕 (5) beforeUpdate ......
基于vue3+ts5+vue-router4+pinia2的PC端项目搭建教程
导语：在日常开发中，有时候会在项目中引入 ts 来解决一些 js 的问题，下面就简单介绍一下如何使用 vue3+ts+router+pinia 来搭建一个项目。 目录 简介 创建 安装 配置 实战 简介 vue3 目前是常用的 vue 版本，提供了组合式 API 以及一些新的功能和特性；ts 这种类 ......
Vue源码学习(十二):列队处理（防抖优化，多次调用，只处理一次）
好家伙， 本篇讲的是数据更新请求列队处理 1.一些性能问题 数据更新的核心方法是watcher.updata方法 实际上也就是vm._updata()方法, vm._updata()方法中的patch()方法用于将新的虚拟DOM树与旧的虚拟DOM树进行比较， 并将差异更新到实际的DOM树上. 这一步 ......
vue3+elementplus实现侧边栏收缩折叠图标(SVG)显示异常
1.背景 没有使用elementPlus自带的icon图标，而是自己使用的全局svg图标组件。 2.目前情况 侧边栏的结构有一级菜单，二级菜单多样性。 3.目前问题 当侧边栏涉及到收缩的时候，svg图标就显示不正常。 展开： 折叠： 4.解决方法 自己的图标用<el-icon></el-icon>包 ......
【Vue】MineData 地图接入
一、文档资料： MineData开放平台： https://minedata.cn/md-platform/login/login MineData V2.1.0 接口文档： http://113.108.157.29:7070/support/static/api/doc/js/v2.1.0/ap ......
27-Vue脚手架-ref属性
ref 属性 ref 被用来给元素或子组件注册引用信息（id的代替者） 1）应用在 html标签上获取的是真实DOM元素，应用在组件标签上获取的是组件实例对象vc（VueComponent） 2）使用方式 打标识：<h1 ref="xxx"></h1> 或 <School ref=''xxx'></ ......
JDK下载安装和环境配置以及多版本切换
一、相关网址 https://www.oracle.com/ oracle官网 https://www.oracle.com/java/technologies/downloads/ jdk下载页 二、什么是JDK、JRE JDK基本介绍 JDK的全称（Java Development Kit Ja ......
解决vue单页面程序经过hbuilder打包成apk后物理按键会直接退出程序的问题
解决方法是在项目 index.html文件中写入 <script> document.addEventListener('plusready', function() { var webview = plus.webview.currentWebview(); plus.key.addEventLi ......
版本的使用
在views的三种应用方式 #url.py from django.urls import path from app01 import views urlpatterns = [ # path('admin/', admin.site.urls), path('login/', views.Log ......
vue 组件之间的数据传递
一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定 ......
jemeter使用jp@gc - PerfMon Metrics Collector性能监控startAgent2.2.1版本崩溃记录
jemeter进行性能测试时，一开启startAgent就退出，以下是正常情况： 原因： JDK版本与startAgent版本不对应 解决方式： 之前使用的是jdk1.8.0_321，更换为jdk1.8.0_141后就正常了 ......
[Vue]el和data的两种写法
1.el有2种写法(1).new Vue时候配置el属性。(2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。 // el 的两种写法 const vm = new Vue({ el: '#root', // 第一种写法 data: { name: '模板' } } ......
drf 1.版本组件
创建drf流程 配置文件 pip install django==3.2 django-admin startproject obj . 创建项目 加点会加到根目录 python manege.py startapp app01 pip install djangorestframework 按照d ......
css多个元素一行排列的方法
1、弹性盒子模型（FlexBox），不考虑兼容性问题的情况下，建议新手直接使用这种模式，简单，最重要的是元素不会浮动，不会影响后面的元素的布局，比如下面代码中的我在底层这个div的显示没有任何影响。 <html> <head> <style> #tasklist{ background-color: ......
Chromium源码（基于103版本） 实现内置扩展
1. 创建扩展的web资源文件 在src\chrome\browser\resources\myapi文件夹下，其中manifest.json文件的“key”的来源：通过载入一个自定义的crx插件然后在chromium的appdata下找到该插件的key，该key可能被用于计算extension-i ......
颜色选择盘插件--- vue-color （sketch）
安装依赖 cnpm install vue-color 代码使用 <w-form-item label="颜色设置" prop="ysbm"> <div class="yssz-box"> <div class="color-outer-box"> <div class="color-box" :s ......
关于Vue的 main.ts ./App.vue报错解决
1.vue项目文件报错 src下的main.ts文件中： import App from ‘ ./App.vue ’提示报错 解决方案 在根目录下找到env.d.ts中加入以下代码段 declare module "*.vue" { import { DefineComponent } from " ......
Vue3(开发前的准备 ，了解VUE项目的项目结构)
前提装好了NODE.JS 1.创建项目 创建项目文件目录 打开控制台找到项目文件目录地址 输入命令：npm init vue@latest 输入vue项目名 选择需要添加的文件完成创建 进入文件控制台输入：cd 文件名 到文件目录下接着控制台输入npm install 也可以cnpm install ......
Windows10 下载并编译指定版本chromium源码
1、一些信息 Chromium 的官网是 https://www.chromium.org/ Git 仓库是 https://chromium.googlesource.com/chromium/src.git 版本分支说明 https://chromiumdash.appspot.com/bran ......
fork: retry: No child processes 在go程序中，每个程序启动64个协程会报此错误（每台机器有多个go程序）
解决方案：vi /etc/security/limits.d/20-nproc.conf * soft nproc 4096 root soft nproc unlimited 或者修改4096为unlimited ......
vue2和vue3导出页面为PDF格式：jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas，将页面html转换成图片 npm install --save html2canvas 卸载： npm uninstall html2canvas 指定版本安装： npm install --save html2canvas@1.0.0 ......
vue-print打印（含多页打印带表头）
打印功能开发： 1）使用vuePlugsPrint.js 2）main.js 加入：import vuePlugsPrint from '@/utils/vuePlugsPrint' Vue.use(vuePlugsPrint); 3）创建打印模板页面：templatePrint.vue 4）使用页 ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......