组件 函数vue design
linux shell中创建函数
001、 [root@pc1 test]# cat test.sh ## 函数脚本 #!/bin/bash function db1 ## function关键字来定义函数，db1是函数名 { read -p "请输入:" value return $[$value *2] ## return返回函 ......
vue+thinkphp5.1实现阿里云oss文件上传（服务器签名上传）
一、vue.js <template> <div class="common-box"> <el-upload class="upload-demo" drag :action="data.host" multiple :auto-upload="false" ref="upload" :data= ......
23-Vue组件化编程-非单文件组件和单文件组件
非单文件组件 一个文件中包含有n个组件 Vue中使用组件的三大步骤 1. 定义组件（也就是创建组件） 2. 注册组件（这里有局部注册和全局注册） 3. 使用组件（编写组件标签） 注册组件（局部注册） 靠new Vue的时候传入components选项 <!DOCTYPE html> <html la ......
C++ const 在函数中的使用
C++中的const在函数中的用法有三种： 修饰形参 此时写法如下：void fun(const ClassA& a); 目的为防止传入的原始参数被修改； 修饰返回值 此时写法为 const int& getAge(); 目的为防止函数返回值作为左值被修改； 修饰函数 此时的写法为 typeName ......
Javascript、axios、vue基础命令快速学习
1.js: JavaScript 基础学习 JavaScript基础学习 简单案例 1.点击img1，则展示img1图片默认，点击img2则展示img2图片 2.输入框鼠标聚焦onfocus后，显示小写toLowerCase()，失去焦点onblur后显示大写toUpperCase() 3.点击全选 ......
Vue工程环境搭建（NodeJs以及Vue-cli：出现权限不足的问题解决）
Vue工程 4.1需要依赖NodeJs，官网下载安装后 说明安装成功 4.2配置npm的全局安装路径 npm config set prefix "nodejs的安装目录" 没有出现报错信息即可 4.3切换npm的淘宝镜像，不然外网服务器下载资源会比较慢 npm config set registr ......
二次函数与三角形面积最大值
引入 如图\((1)\)，已知抛物线 \(y=x^2-2x+c\) 与 \(x\) 轴交 \(A\)，\(B\) 两点，与 \(y\) 轴交于 \(C\) 点，抛物线的顶点为 \(D\) 点，点 \(A\) 的坐标为 \((1,0)\)。 \((1)\) 求点 \(D\) 的坐标。 \((2)\) ......
轻松掌握组件启动之MongoDB：快速入门、Linux安装和Docker配置指南
本文总结了MongoDB的快速入门、Linux安装和Docker配置指南。它提供了一步步的操作指引，帮助读者迅速上手MongoDB，并了解如何在Linux环境下进行安装、启动和配置。此外，文章还介绍了使用Docker安装和配置MongoDB的方法，使读者能够更轻松地部署和管理MongoDB实例。 ......
Vue3 + Quasar系列-代码配置以及报错汇总记录（不断更新中）
1. Vue3 + Quasar系列-代码配置打包去掉hash后缀 去掉hash https://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa 2. Vue3 + Quasar改变主题背景 quasar的样式和其他的框架修改不太一 ......
系统调用实现原理（Printf函数为例）
系统调用实现（Printf函数为例） 调用程序时，会检查当前段的CPL（位于CS中），与目标段的DPL（位于gdt中），如果权限不够无法执行，所以我们无法以用户态直接访问某些指令并执行。而通过系统调用可以从用户态转变为内核态，执行相关程序。实现的方法为0x80中断，改变CS中的CPL为0。、 以pr ......
Vue3| Pinia 持久化插件
对 vuex 或 Pinia 里面的内容做本地持久化 1. 安装插件： npm i pinia-plugin-persistedstate 2. 将插件添加到 pinia 实例上 ① main.js 里导入持久化插件：import piniaPluginPersistedstate from 'pi ......
手撕Vue-提取元素到内存
接着上一篇文章，我们已经实现了构建Vue实例的过程，接下来我们要实现的是提取元素到内存。 主要是通过文档碎片来实现，文档碎片是一个轻量级的文档，可以包含和控制节点，但是不会像真实的DOM那样占用内存，所以我们可以通过文档碎片来提高性能。 大致的思路是这样的： 创建一个空的文档碎片对象 编译循环取到每 ......
手写节流、深拷贝函数实现
防抖函数基本实现 1 function debounce(fn,delay){ 2 let timer=null 3 return function(...args){ 4 if(timer)clearTimeout(timer) 5 timer=setTimeout(() => { 6 fn.ap ......
Vue3| Pinia 的 action 异步写法
import { defineStore } from 'pinia' import { ref } from 'vue' import axios from 'axios' export const useChannelStore = defineStore('channel', () => { ......
Vue3| Pinia 的语法
Pinia 是 Vue 的最新 状态管理工具，是 Vuex 的替代品 Pinia 的优势： 1. 提供更简单的 API（去掉了 mutation） 2. 提供符合 组合式风格的 API（和 Vue3 新语法统一） 3. 去掉了 modules 的概念，每一个 store 都是一个独立的模块 4. 配 ......
pycharm连接远程服务器，代码成功运行，但一些基本python属性和函数会报红线（例如print）解决方案
状况：pycharm连接远程服务器，代码成功运行，但一些常见python属性和方法报红线，例如print。当你在程序中输入print这种基本方法时，pycharm是不会有输入提示的，输入后也会报红线 解决方法：将远程服务器中的环境变量添加至pycharm中 查出服务器中环境变量：在xshell中输入 ......
Vue3| 组合式 API——provide 和 inject
作用和场景：顶层组件向任意的底层组件 传递数据和方法，实现 跨层组件通信 跨层传递普通数据 步骤： 1. 顶层组件通过 provide 函数提供数据 provide ( ' key ' , 顶层组件中的数据 ) 2. 底层组件通过 inject 函数获取数据 const message = inje ......
Vue3| 模板引用、defineExpose宏函数
模板引用的概念：通过 ref 标识 获取真实的 dom对象或者组件实例对象 使用： 1. 调用 ref 函数生成一个 ref 对象 <script setup> import { ref } from 'vue' const h1Ref = ref (null) </script> 2. 通过 re ......
Vue3| 组合式 API 下的 子传父
步骤： 1. 子组件内部通过 emit 方法触发事件 ① 通过 defineEmits 编译器宏生成 emit 方法 <script setup> const emit = defineEmits ([ 'get-message' ]) // get-message：可以触发的事件 </script ......
Vue3| 组合式 API 下的父传子
步骤： 一、父给子传 写死的值 1. 父组件中给子组件 以添加属性的方式传值 <script setup> import sonComVue from './son-com.vue' // 局部注册 </script> <template> <sonComVue message = "黑马程序员"> ......
math库常用函数+产生随机数总结
math库常用函数+产生随机数总结 1.对x开平方 double sqrt(x)；//返回值为double类型，输入的x类型随意，只要是数的类型 2.求常数e的x次方 double exp(x);//返回值为double类型，输入的x类型随意，只要是数的类型 3.求x的y次方 double pow( ......
Vue 异步更新和$nextTick
使用延时器也是可以实现的，但是等待的时间不确定， 不是最优解，使用钩子函数update，可能会被其他元素的更新，触发了不该有的动作 ......
SpringBoot+vue+Axios实现Token令牌
前后端Token实现 目录前后端Token实现认识TokenJWT组成HeaderPayloadSignatureJWT简单使用创建JWT解析JWT常见异常后端Maven依赖封装JWT工具获取并响应Token拦截器验证Token前端登录+存储Token前端拦截器 认识Token 对Token有了解可 ......
Vue ref和refs获取dom组件
一般情况下通过正常的查找dom元素的方法是查找整个页面的，加上ref就可以把查找范围控制在当前组件中 ： 结合前面讲的父子组件通信， 使用ref去调用组件的方法去获取设置数据不就更方便吗？ ......
递归函数的介绍及使用案例
递归函数 含义介绍： 递归函数，实际上就是将一个自定义的函数在运行过程中反复调用他自己，直到遇到结束条件就停止 案例一：求阶乘 int len(int n) { if(n == 1) { return 1;//如果阶乘运算到最后一位(即1)，就结束循环 } int sum = n*len(n-1); ......
Go函数介绍与一等公民
Go函数介绍与一等公民 函数对应的英文单词是 Function，Function 这个单词原本是功能、职责的意思。编程语言使用 Function 这个单词，表示将一个大问题分解后而形成的、若干具有特定功能或职责的小任务，可以说十分贴切。函数代表的小任务可以在一个程序中被多次使用，甚至可以在不同程序中 ......
轻松掌握组件启动之Redis单机、主从、哨兵、集群配置
这篇文章介绍了Redis的单机配置启动和主从架构、哨兵、集群搭建方法。无论你是初学者还是有一定经验的开发者，这篇文章都能为你提供实用的指导，让你轻松掌握Redis的配置和架构搭建。 ......
Vue3| 组合式API——computed 计算属性函数
计算属性基本思想和 Vue2 的完全一致，组合式 API 下的计算属性只是修改了写法 核心步骤： 1. 导入 computed 函数 <script setup> import { computed } from 'vue' </script> 2. 执行函数 在回调参数中 return 基于响应式 ......