事项vue cli 01
Vue3的生命周期
1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : 组件挂载完成后执行的函数； 4、onBeforeUpd ......
01.Git环境配置
1.Git简介 Git 是目前世界上最先进的分布式版本控制系统。 Git 优点： 适合分布式开发，强调个体。 公共服务器压力和数据量都不会太大。 速度快、灵活。 任意两个开发者之间可以很容易的解决冲突。 离线工作。 2.Git安装 官网下载地址：https://git-scm.com/downloa ......
01_二叉树的递归遍历
二叉树的递归遍历 递归算法的三要素 确定递归函数的参数和返回值：确定哪些参数是递归的过程中需要处理的，那么就在递归函数里加上这个参数，并且还要明确每次递归的返回值是什么进而确定递归函数的返回类型。 确定终止条件：写完了递归算法，运行的时候，经常会遇到栈溢出的错误，就是没写终止条件或者终止条件写的不对 ......
vue分页组件
<template> <div> <div class="block" style="margin: 2% 25%;"> <el-pagination layout="total, prev, pager, next, jumper" :total="value.page" @prev-click= ......
【Vue3响应式原理#02】Proxy and Reflect
本篇文章将解决上一篇文章 结尾遗留的问题：如何让代码自动实现响应性？ 换句话说就是，如何让我们的 effect 自动保存 & 自动重新运行？又如何拦截对象属性的访问和赋值操作？ ......
优雅设计之美：实现Vue应用程序的时尚布局
前言 页面布局是减少代码重复和创建可维护且具有专业外观的应用程序的基本模式。如果使用的是Nuxt，则可以提供开箱即用的优雅解决方案。然而，令人遗憾的是，在Vue中，这些问题并未得到官方文档的解决。 经过多次尝试，小编得出了一个运行良好且可扩展而不会令人头疼的架构的模式。下面用一个简单的例子为大家介绍 ......
Vue3中的计算属性与监视
1、computed 函数 与 Vue2.x 中 computed 配置功能一致 写法： import { computed } from 'vue setup() { // 计算属性简写 let fullName = computed(() => { return person.firstName ......
C++_01_初步认识C++语言 - 重写版
一、认识 “C++语言” 一、首先聊聊什么是语言？ 语言是一套具有“语法”、“词法”规律的系统，是思维的工具。 计算程序设计语言是计算机可以识别的语言，用于描述解决问题的方法，供计算机阅读和执行。 语言由低级到高级依次分为4类： 1、机器语言 （由二进制 0、1组成，面向计算机的最底层语言） 2、汇 ......
vue 网络图片访问不到，403的解决办法（详解）
index.html中添加 <meta name="referrer" content="no-referrer" /> 原因： 防盗链的机制：通过页面的referrer信息，判断访问者来源，是否本站点，然后对图片等请求作出相应 no-referrer：1、整个 Referer 首部包含了当前请求页 ......
Vue3 echarts 组件化使用 resizeObserver
点击查看代码 const resizeObserver = ref(null); //进行初始化和监听窗口变化 onMounted(async () => { await nextTick(() => { initChart(); setOptions(options.value, opts.val ......
第五步:vue-拦截器
//interceptors：拦截器 axios.interceptors.request.use(x => { var userinfo = window.localStorage.getItem(config.userkey); if (userinfo) { var user = JSON.p ......
java调用cmd命令的注意事项
在Java中调用命令提示符（CMD）命令可以使用 Runtime.getRuntime().exec() 方法或者 ProcessBuilder 类。以下是一些注意事项和最佳实践： 使用 Runtime.getRuntime().exec()命令和参数分开: 如果你的命令包含参数，需要将命令和参数分 ......
WSL 运行vue项目
1.运行vue项目 因为wsl环境的不同，使用 npm run serve 运行 vue 项目失败,提示错误 vue-cli-service 未找到。经过测试，发现 yarn 可以顺利的运行项目。 # 首先安装vue所需的模块 yarn install # 然后运行项目 yarn serve ......
Vue学习笔记6：深度监视
6. 深度监视 监视number.a的变化： <!--准备好一个容器--> <div id="root"> <h3>a的值是：{{numbers.a}}</h3> <button @click="numbers.a++">点我让a+1</button> </div> <script type="te ......
Vue项目使用“花生壳“制作内网穿透----＞步骤
软件下载 注册登录 实名认证 设置映射 修改vue.config.js: const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ transpileDependencies: true, ......
Vue学习笔记5：监视属性
5. 监视属性 在watch中通过一个配置（isHot），监视data中的isHot这个属性，以及info这个计算属性。 <!--准备好一个容器--> <div id="root"> <h2>今天天气很{{info}}</h2> <!--绑定事件的时候：@xxx="yyy" yyy可以写一些简单的语 ......
Vue学习笔记4： 天气案例
4. Vue学习笔记4： 天气案例 <!--准备好一个容器--> <div id="root"> <h2>今天天气很{{info}}</h2> <!--绑定事件的时候：@xxx="yyy" yyy可以写一些简单的语句--> <!--<button @click="isHot = !isHot">切换 ......
Vue学习笔记2：计算属性，及其简写形式
2. 计算属性，及其简写形式 data中的各项就是属性。 所谓计算属性，就是拿已经写好的属性去加工或计算，生成一个全新的属性。 计算属性在computed里，是一个对象。对象里可以有计算属性的getter和setter，他们都是function。与Object.defineProperty方法中的g ......
Vue学习笔记1：Hello World小案例
1. Hello World小案例 1.1 采用组件化模式，提高代码复用率、且让代码更好维护。 1.2 声明式编码，让编码人员无需直接操作DOM，提高开发效率。 1.3 学习Vue之前要掌握的Javascript基础知识 ES6语法规范 ES6模块化 包管理器 原型、原型链 数组常用方法 axios ......
使用 Vue 3 插件（Plugin）实现 OIDC 登录和修改密码（OIDC 系统以 Keycloak 为例）
背景 目前单位系统常用 Keycloak 作为认证系统后端，而前端之前写的也比较随意，这次用 Vue 3 插件以及 Ref 响应式来编写这个模块。另外，这个可能是全网唯一使用 keycloak 的 OIDC 原生更新密码流的介绍代码。 设计 依赖库选择 OIDC 客户端，这里选择 oidc-clie ......
OpenCV学习笔记day01
一、用于从磁盘中加载并在屏幕上显示一副图像 include "highgui.h" int main(int argc,char** argv){ IplImage* img = cvLoadImage(argv[1]);//IplImage结构体是常用的数据结构 cvNameWindows("Ex ......
前端学习-JavaScrip学习-js基础01
学习教程：黑马程序员视频链接 JS简介 JS组成 JavaScrip = ECMAscript（语言基础）+web API web API=BOM+DOM 资料查询网站：MDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" ......
【工作01】某科研院所 - 3500每月 - offer - 拒
经历 导师推荐的一家单位。 跟我说的好听。说什么就开始的半年（6个月实习期）难捱，之后每个月工资（底薪 + 绩效）比学校发给他的还高。 这里需要先说明一下我所在大学的教师工资。经历过一次工资发放改革，现在绩效平摊到了每一个月里，他一个月的工资到手大概是9000左右，五险一金等另算。 我和他一再确认， ......
vue3源码学习api-createApp-amount
vue3 地址 https://github.com/vuejs/core 首先看看vue文档什么是 Vue？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式 ......
P2370 yyy2015c01 的 U 盘
P2370 yyy2015c01 的 U 盘 基础思路 看到题目要求最小需要的最大接口。自然认为既然答案要求接口，那状态方程的值就是接口。 一开始状态方程F[i][j]，\(i\)为前\(i\)个接口，\(j\)为当前体积。而F[i][j]则为当前最小的最大接口值 状态转移方程F[i][j] = m ......
01_Vue 基本语法
[tocc] Vue.js 基本语法 一、Vue基础 Vue官网 英文官网：https://vuejs.org/ 中文官网：https://cn.vuejs.org Vue概述 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是， Vue 被 ......
03_Vue Router
一、什么是路由 路由概述 路由(route)其实是一种映射关系，类似于key >value的键值对的关系，其中key表示请求的路径path。 路由是根据不同的 url 地址展示不同的内容或页面； 路由分为前端路由和后端路由 前端路由：前端路由的value表示组件，一个path映射一个组件； ......
02_Vue 组件化
vue 组件 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不能的功能模块，将来需要什么样的功能，就可以去调用。 组件和模块化的不同： 模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块职能单一 组件化：是从UI界面的角度进行划分的，前端的 ......
Day01
Markdown学习 标题： 二级标题 三级标题 字体 hello,word! hello,word! hello,word! hello,word! hello,word! 引用 选择狂神java，走向人生巅峰 分割线 图片 超链接 点击跳转狂神博客 列表 A B A B C 表格 名字性别生日 ......
学JAVA用PYTHON重写day01
package day01;//JAVA day01import java.util.Scanner; public class Demo03 { /* 编写收银台小程序，输入个数，单价，金额，输出找零。 满100打95折； 满300打90折； 满500打85折； */ public static ......