缓存 手动keepalive vue
Vue根据时间戳制作倒计时15分钟
废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13 ......
vue "vue-awesome-swiper": "^4.1.1" 的使用
<!-- swiper1 --> <swiper class="swiper gallery-top" :options="swiperOptionTop" ref="swiperTop"> <swiper-slide v-for="item in img_list" :key="item.id" ......
redhat 7.6手动升级最新kernel
在redhat中yum update是大家熟悉的方法。 但是在实际工作中，很多企业的redhat服务器是无法接入互联网的。 这时yum update 就无法完成你的需求啦！ 解决方法（以安装最新kernel为例）： 在另一台可以连接互联网的redhat上执行： yum install --downl ......
开源: golang+vue的论坛 和 node+react的IM系统
最近基于开源做了两个自己系统 都是UI非常好看的 我将两个系统的数据互通了 附带了一些产品思考 只需要一个邮箱就可以登录 无密码 无手机号 尽量简化流程 第一个论坛 站点 https://bulita.cn 现在主要是聚合招聘信息 目标是尽可能降低招聘和求职的门槛 以上海和远程工作为主 开源地址 h ......
vue+Element-ui实现表格拖拽排序功能
1、首先需要下载sortablejs第三方包 2、在需要排序的页面文件里引入： import Sortable from 'sortablejs' data() { return { apiObjDrag: [], productList:[],整个列表数据项 } }, methods:{ //行- ......
flask-结合vue2小案例
flask后端代码 先安装插件:flask-cors pip install flask-cors app.py from flask import Flask,jsonify,abort from flask_cors import cross_origin # cross_origin这个装饰器 ......
kratos中使用kafka手动ACK消息的方法
参考项目：https://gitee.com/huoyingwhw/kratos_kafka 参考视频：https://www.bilibili.com/video/BV1dM4y1m7ix/?vd_source=0bed7ecd22f81e2fed5ccaab40168b8c ......
vue2基于 vue-cropper插件对图片裁剪
<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......
vue3中在setup方法中使用 provide，inject，组件上下层，直接传值和方法
一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
.Net 6.0定义全局当前身份缓存对象
背景: 当前身份缓存对象顾名思义就是:当前登录的用户身份对象,那它解决了什么问题呢?其实在我们日常开发过程中经常能用的到几乎是必备的,就比如我给某个表插入数据时需要创建人或者一些权限的访问,都得用到当前身份缓存对象,当然啦今天的博客就是因为我们公司研发部门刚成立不久所以导致很多项目不完善,我在开发过 ......
vue3获取url参数的值
<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
Vue3 脚手架
1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程，vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一： PowerShell npm i ......
对于Vue3和Ts的心得和思考
Vue3已经正式发布了一段时间了，各种生态已经成熟。最近使用taro+vue3重构冷链的小程序，经过了一段时间的开发和使用，有了一些自己的思考。 ......
vue动态绑定内联样式（v-bind:style）
一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
Vue中获取method方法return返回值--常用于请求成功后回调
mounted: () { this.getList('', (data) => { console.log(data); }) } methods: { getList (condition) { get_list({...condition}).then(res => { if (res.dat ......
Vue2模版编译（AST、Optimize 、Render）
在Vue $mount过程中，我们需要把模版编译成render函数，整体实现可以分为三部分： parse、optimize、codegen。 ......
如何给vue的href添加拼接参数
原来一直使用angular,而vue的用法和angualr相似，故我默认以为vue的href添加拼接参数的写法为： <a href="/list/editor?name={{item.title}}">链接</a> 然测试发现这是不可行的，需要用以下方法： <a :href="'/list/edit ......
【volatile】【一】系统的CPU多级缓存
1 前言 关键字 volatile 大家平时可能会用到，或者看源码的时候都会遇到，在看这个关键字之前，我们先看点别的，先了解一下系统的CPU多级缓存，方便我们更好的理解。 2 CPU缓存 2.1 CPU缓存的来历 CPU是计算机的大脑，它负责执行程序的指令，而内存负责存数据, 包括程序自身的数据。在 ......
[Python]手动实现上下文管理器
1. 手动实现 ''' - 进入with语句块时，就会执行文件类的`__enter__`返回一个文件对象，并赋值给变量 `f` - 从with语句块出来时，机会执行文件类的`__exit__`，在其内部实现 f.close()，所以使用者就不需要在手动关闭文件对象了。 ''' class MyFil ......
linux清空缓存的方式方法
详解Linux手动释放缓存的方法 发布于2020-10-19 16:18:09阅读 8.8K0 Linux释放内存的命令： sync echo 1 > /proc/sys/vm/drop_caches 复制 drop_caches的值可以是0-3之间的数字，代表不同的含义： 0：不释放（系统默认值） ......
swap交换空间设置及清空缓存的命令：
linux swap空间的swappiness=0 linux 会使用硬盘的一部分做为SWAP分区，用来进行进程调度--进程是正在运行的程序--把当前不用的进程调成‘等待（standby）‘，甚至‘睡眠（sleep）’，一旦要用，再调成‘活动（active）’，睡眠的进程就躺到SWAP分区睡大觉，把 ......
vue 组件通信
1. 子组件间通信(defineEmits + defineProps) 1.1 实现效果 在一个子组件的输入框中输入数据, 在另一个子组件上显示. 如下图: 1.2 defineEmits 和 defineProps 的 TS 使用 1.2.1 defineEmits 的 TS 使用 export ......
vue3 + vite 调试时断点位置错误
vite-plugin-vue-setup-extend（版本0.4.0） 插件的问题，删掉就好了。 该插件用于解决script setup语法糖下，不方便直接指定name名称的问题。 在 vite/plugins/index.js 文件中 注释 export default function cr ......
[FastAPI-32]依赖注入缓存
from fastapi import Depends, FastAPI app = FastAPI() ''' 依赖注入缓存现象 - 依赖条件`get_num`被依赖了两次，但是你会发现其内部打印语句只打印了一次。也就是说， 第二次使用这个依赖条件时FastAPI并没有真正执行这个函数，而是直接使 ......
vue全家桶进阶之路6：第一个Vue程序
1、创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue1 2、按照最新版本的Vue npm install vue ......
Vue核心 MVVM模型 数据代理
1.6. MVVM 模型 MVVM模型●M：模型 Model，data中的数据●V：视图 View，模板代码●VM：视图模型 ViewModel，Vue实例观察发现●data中所有的属性，最后都出现在了vm身上●vm身上所有的属性 及Vue原型身上所有的属性，在 Vue模板中都可以直接使用 <!DO ......
Vue核心 模板语法 数据绑定
1.3. 模板语法Vue模板语法包括两大类1插值语法功能：用于解析标签体内容写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域2指令语法功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：<a v-bind:href="xxx">或简写为<a :hr ......
Vue核心 el与data的两种写法
1.5. el 与 data 的两种写法el有2种写法a创建Vue实例对象的时候配置el属性b先创建Vue实例，随后再通过vm.$mount('#root')指定el的值data有2种写法a对象式：data： { }b函数式：data() { return { } }如何选择：目前哪种写法都可以，以 ......
Vue核心 Vue简介 初识
1.1. Vue 简介 1.1.1. 官网● 英文官网● 中文官网 1.1.2. 介绍与描述●Vue 是一套用来动态构建用户界面的渐进式JavaScript框架○构建用户界面：把数据通过某种办法变成用户界面○渐进式：Vue可以自底向上逐层的应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各 ......