事项vue cli 01
Vue3的fetch和Axios
Vue3的fetch和Axios都是用于发送HTTP请求的JavaScript库，但是它们之间有以下几个区别：语法不同：fetch是浏览器原生的API，使用起来比较简单，而Axios是一个第三方库，需要通过npm安装后引入才能使用。功能不同：Axios提供了丰富的API来处理HTTP请求和响应，包括 ......
Influx CLI 常用命令
influx configs [default] url = "http://localhost:8086" token = "yxhyIIkHRyQMUBKHpMMnOBd-d6DdEr-LLUgZQd0-iNJV3xB3C44AsKjrxCKh084LS2bpl6Yfcyo1mM0BSh0V8A ......
Go01-开发环境搭建+注释+基本数据类型+指针+命名规范
Go01-开发环境搭建+注释+基本数据类型+指针+命名规范 1.Go常用网站 https://www.topgoer.com/，Go学习网站，包含Go基础教程、beego、lris等Go开发常用框架。 Go开发软件下载：https://code.visualstudio.com/，VSCode；ht ......
windows下通过redis-cli查看中文乱码
参考：https://zhuanlan.zhihu.com/p/592166597 redis数据进制问题的解决 redis会将存储的中文数据转成16进制，所以我们在连接控制台的时候将redis-cli改为redis-cli --raw输入进去即可 中文乱码问题 这个问题是因为写java文件时用的是 ......
Vue2和Vue3之响应式原理详解
1 响应式原理 1.1 简介 在讲解之前，我们先了解一下数据响应式是什么？ 所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作，可以是DOM更新，也可以是执行一些回调函数。 1.2 vue2和 ......
01背包问题和完全背包问题
背包问题是动态规划的常见题目。主要分为01背包、多重背包等。题目一般给出物品个数N、背包体积V。然后输入每个物品的体积V和价值W 一般的解题思路是使用一个二维数组,每一个f[i][j]可以看作一个背包。那么f[i][j]就表示有i个物品放入体积为j的背包最大的价值。对于第i个物品可能出现三种情况： ......
分布式技术原理与算法解析 01 - 分布式协调与同步
关于 电商系统：最看重吞吐量，为了更多的处理用户访问和订单业务 IoT：最看重资源占用率，在某些设备上资源都是KB级的 电信业务：最看重响应时间、完成时间、可用性，保证通话质量 HPC：最看重加速比，这种计算特带是耗时长 大数据：最看重加速比，处理时间较HPC短，但也到达小时级 云计算：最看重操作耗 ......
vue3基础练习
slot就是把标签传递进组件 实现同一个组件有不同的表现形式 同样因为组件就是自己制造的特殊标签，所以这儿也可以直接把组件传递到slot中 slot组件中，作用域的问题 传递进去的东西会替换掉slot，但是里面用的属性还是调用者的，也就是父组件中的{{}}变量直接调用父组件中data内容。 slot ......
02_FourandSix2.01-doas下less命令+vi编辑器提权-7z文件解密
首先有nmap进行信息收集，然后发现开放的22端口ssh服务，另外检收集到nfs文件共享，查看文件共享的信息，发现为everyone所有人可看，利用文件挂载将靶机中的文件挂载到本机，发现问价是一个.7z的压缩包，尝试解压但是压缩文件有密码，根据密码输入错误的解压结果来看发现里面有10个文件，其中八张... ......
初识Vue3
vue3.0 一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue -- ......
Vue2学习笔记
VUE官网: https://cn.vuejs.org/ 参考教程: https://v2.cn.vuejs.org/v2/guide 快速入门 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quick Vue Example ......
vue状态管理
Vuex 基本使用 store/index.js import { createStore } from "vuex"; const store = createStore({ state: () => ({ counter:0 }) }) export default store App.vue ......
Vue路由
路由介绍 映射表，决定数据的流向 页面不刷新的方式 hash，监听hashchange事件 histroy模式：六种模式 pushState replaceState popState go forward back vue-router 基本使用 安装vue-router 创建路由对象 histo ......
Vue基础
1. 声明式和命令式编程 2. MVVM模型 view--ViewModel(事件监听、数据绑定)--Model 3. options data属性： vue2中可以是一个对象，推荐函数 vue3中必须是一个函数，否则会报错 methods属性 不能是箭头函数，因为this指向window，不能获取 ......
vue-axios
Axios 常用请求方式 get post delete put patch head request all: 发送多个请求，返回一个数组 axios.all([]) 常用配置选项 url method baseURL: 根路径 axios.default.baseURL = 'https://x ......
vue-element-template实现顶部菜单栏
一、框架侧边栏改为顶部导航栏 1、复制src/layout/componets/Sidebar所有文件至同级目录，改名为Headbar 2、src/layout/components/index.js中声明Headbar export { default as Headbar } from './H ......
部署Influx CLI
部署Influx CLI 下载 Influx CLI # wget https://dl.influxdata.com/influxdb/releases/influxdb2-client-2.6.1-linux-amd64.tar.gz 解压 Influx CLI # tar xf influxd ......
Vue模板
<script src="/js/vue.min.js"></script><script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script> <script type="text/javascript"> new ......
万字血书Vue—Vuex
Vuex概述 组件之间共享数据的方式（小范围） 全局事件总线 Vuex是什么？ 专门在Vue中实现集中式状态（数据）管理的一个Vue插件，可以方便的实现组件之间的数据共享。 使用Vuex统一管理状态的好处 能够在vuex中集中管理共享的数据，易于开发和后期维护 能够高效地实现组件之间的数据共享，提高 ......
vue 代码规范 之 husky
#!/bin/sh . "$(dirname "$0")/_/husky.sh" npx eslint ./src --ext .js,.vue npx husky add .husky/pre-commit "npm run lint" ......
ant-design-vue循环生成多个独立的form表单
前言 后台需要的参数格式如下： info=[{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''},{name:'',cardId:'',phone:''}] 由于后台参数的特殊性，每一行内容组成一个对象，如果这些对象都放到同一个form表 ......
Vue——initState【十】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initState进行剖析，初始化生命周期之后紧接着。 initState initState的方法位于scr/core/instance/state.ts中； co ......
Vue介绍与生命周期详解
一、Vue简介 Vue是一款轻量级、高性能的JavaScript框架，用于构建用户界面，它的核心是数据双向绑定和组件化。Vue的设计灵感来源于AngularJS和React，但它更加易于上手和使用。 Vue的主要特点包括： MVVM模式：Vue采用了MVVM模式，将视图(View)、数据模型(Mod ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
vue 后台管理系统 全屏
toggleScreen() {if(this.screen){this.$refs.components_layout_side.$el.requestFullscreen()}else{if (document.exitFullscreen) {document.exitFullscreen() ......
MyBatis注意事项
<!-- 特殊字符的处理: 1.转义字符 < 等于 < 2.CDATA区 --> <select id="selectBy" parameterType="int" resultMap="brandResultMap"> select * from tb_brand where id <![](https://img2023.cnblogs.com/blog/1202393/202303/120239... ......
L11U6-01 Talking about a book you've read
谈论故事 使用类似表达引入故事： I've just finished reading a really good book. 我刚刚看完了一本很不错的书。 It's about Elizabeth, an honest, lively, witty girl. 书中讲的是一个诚实、活泼而聪明的女孩 ......