缓存 手动keepalive vue

vue2 指令- unaipp

指令 指令是有 v- 前缀的特殊属性。 指令属性的值预期是单个 JavaScript 表达式 (v-for 是例外情况)。 指令的作用是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 一些指令能够接收一个“参数”,在指令名称之后以冒号( : )表示。 v-bind 动态地绑定一个 ......
指令 unaipp vue2 vue

手撕Vue-构建Vue实例

前言 要想使用Vue必须先创建Vue的实例, 创建Vue的实例通过new来创建, 所以说明Vue是一个类, 所以我们要想使用自己的Vue, 就必须定义一个名称叫做Vue的类。 只要创建好了Vue的实例,Vue就会根据指定的区域和数据,去编译渲染这个区域,所以我们需要在自己编写的Vue实例中拿到数据和 ......
Vue 实例

vue 学习笔记

https://www.bilibili.com/video/BV13m4y1Y7MD 安装 vue cli 1 安装 node.js 要求 node.js 12+版本, https://nodejs.org/zh-cn 首页下载安装lts版本,如果已安装就覆盖安装 vscode 终端或cmd中 输 ......
笔记 vue

destoon 列表页面增加手动选择排序方式

在mobile/include/mall.inc.php 行60 $order = $MOD['order']; 之前增加 排序方式判断 如果有order参数则$order接受参数,没有就用默认 $order = $MOD['order']; 1、增加排序以后的mobileurl函数,伪静态规则 V ......
手动 destoon 页面 方式

vue3+vite+ elementplus项目部署到gitee pages并发布

1.在gitee上新建仓库 命名:demo-vite-vue3 2.把新建的仓库克隆到本地 3.在本地的master分支编写代码并上传 把分支定位在master分支上 通过git工具把本地完成的代码上传到gitee的demo-vite-vue3仓库中去 git pull git add . git ......
elementplus 项目 gitee pages vue3

Vue框架快速上手

Vue基础 vue指令 内容绑定 v-text 设置标签的内容一般通过双大括号的表达式{{ }}去替换内容 {{ hello }} v-html 与v-text类似区别在于html中的结构会被解析为标签设置元素的innerHTML,v-text只会解析文本 事件绑定 v-on 可以简写为@,绑定的方 ......
框架 Vue

Vue

Vue.js快速入门 一、前端技术栈 1、HTML:超文本标记语言。 2、CSS:样式层叠器。 3、javaScript:弱类型脚本语言,常用于动态DOM操作。 常用:ES5(所有浏览器支持)、ES6(主流使用,主流浏览器支持,可通过WebPack脚手架编译成ES5语法)。 4、JQuery:大家熟 ......
Vue

jquery设置图片可手动拖拽

JQuery是一款流行的JavaScript框架,可以轻松实现网页交互效果。而其中一种常见效果是图片手动拖拽。以下是设置图片手动拖拽的JQuery代码。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 $(do ......
手动 jquery 图片

Vue之组件基础使用的总结

这两天学习Vue,框框往脑子里面记新东西,无奈本人太笨,记不住太多东西,因此发博客记录并且复习一下。 在学习组件之前,需要先搭建起来脚手架,首先需要安装好node.js(默认大家都安装了) 然后打开命令行窗口,创建项目的路径我就以桌面为例: 首先这是脚手架的官方说明 因此我们需要先全局安装cli的包 ......
组件 基础 Vue

什么是缓存雪崩、缓存击穿、缓存穿透?如何解决

前言 Redis作为目前使用最广泛的缓存,相信大家都不陌生。但是使用缓存并没有这么简单,还要考虑缓存雪崩,缓存击穿,缓存穿透的问题,什么是缓存雪崩,击穿,穿透呢,又怎么解决这些问题呢。 缓存雪崩 什么是缓存雪崩? 当某一个时刻出现大规模的缓存失效的情况,那么就会导致大量的请求直接打在数据库上面,导致 ......
缓存 雪崩

Vue3 appear 失效 如何使用 appear

最近在学习 vue3 的动画时遇到 appear 无法生效的问题 问题的具体表现: 看以下代码,按理应该来说,如果我们设置 fuct-appear-from,fuct-appea-active 后在元素初始出现时应该会有一个效果 html <Transition name="fuct" appear ......
appear Vue3 Vue

苍穹外卖-第四章缓存管理

1. Redis入门 1.1 Redis简介 Redis是一个基于内存的key-value结构数据库。Redis 是互联网技术领域使用最为广泛的存储中间件。 官网:https://redis.io 中文网:https://www.redis.net.cn/ 主要特点: 基于内存存储,读写性能高 适合 ......
苍穹 缓存

Vue双向数据绑定原理-下

Vue双向数据绑定原理-下这一篇文章主要讲解Vue双向数据绑定的原理,主要是通过Object.defineProperty()来实现的,这里我们手写Vue双向数据绑定的原理。 首先我提出一个需求,我的需求是,快速监听对象中所有属性的变化。 首先得要有一个对象,对象的定义代码如下: <script> ......
双向 原理 数据 Vue

Vue双向数据绑定原理-中

defineProperty方法 defineProperty除了可以动态修改/新增对象的属性以外, 还可以在修改/新增的时候给该属性添加get/set方法, 从而实现数据劫持。 defineProperty get/set方法特点 只要通过defineProperty给某个属性添加了get/set ......
双向 原理 数据 Vue

vue:自定义validator/验证规则(element-plus@2.3.12)

一,官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二,js代码: 1 2 3 4 5 6 ......
element-plus validator 规则 element plus

vue:el-table在resize时报错(element-plus@2.3.12)

一,报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
element-plus el-table 时报 element resize

vue中+芝士整形误判为字符型

if(this.chart '+'){ return this.num1*1 + this.num2*1 } 乘个一就i行啦! ......
字符 vue

vue处理响应式的思路

首先看如下js代码 let a = '张三'console.log(a) // 当前页面展示的是张三 a = '李四' 首先页面刚开始渲染的时候数据a为张三,之后将a修改为了李四以后页面不会发生改变,但是数据已经修改了,vue为了解决这一问题,采用响应式的办法。 通过对象的definePropert ......
思路 vue

Vue自定义指令

定义指令 全局定义 // 指令名称为:mydirec1 Vue.directive('mydirec1', { // 指令配置 }) // 指令名称为:mydirec2 Vue.directive('mydirec2', { // 指令配置 }) 之后,所有的组件均可以使用mydirec1和mydi ......
指令 Vue

Spring缓存框架使用及原理

使用 maven依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-cache</artifactId> </dependency> <dependency> <gro ......
缓存 框架 原理 Spring

手动实现Transformer

Transformer和BERT可谓是LLM的基础模型,彻底搞懂极其必要。Transformer最初设想是作为文本翻译模型使用的,而BERT模型构建使用了Transformer的部分组件,如果理解了Transformer,则能很轻松地理解BERT。 一.Transformer模型架构 1.编码器 ( ......
Transformer 手动

手动实现BERT

本文重点介绍了如何从零训练一个BERT模型的过程,包括整体上BERT模型架构、数据集如何做预处理、MASK替换策略、训练模型和保存、加载模型和测试等。 一.BERT架构 BERT设计初衷是作为一个通用的backbone,然后在下游接入各种任务,包括翻译任务、分类任务、回归任务等。BERT模型架构如下 ......
手动 BERT

vue_error_Runtime directive used on component with non-element root node. The directives will not function as intended

翻译: '运行时指令,用于非元素根节点的组件。这些指令将无法发挥预期的作用'; 这个错误发生在我将v-show放在自定义组件上时, 我想是因为自定义组件在渲染时会被自定义组件的内部元素替换, 因此设置是无效的 解决: 在自定义组件外加一个div, 把v-show写在div上 ......

gitlab--在 k8s 里通过 helm 部署 runner、使用缓存 cache、使用制品 artifacts

安装 helm 链接:https://www.cnblogs.com/zouzou-busy/p/16134885.html 配置chart 存储库 # 添加 chart 存储库 [root@master1 ~]# helm repo add gitlab https://charts.gitlab ......
缓存 artifacts 制品 gitlab runner

Vue源码学习(八):生命周期调用

好家伙, Vue源码学习(七):合并生命周期(混入Vue.Mixin) 书接上回,在上一篇中,我们已经实现了合并生命周期 现在,我们要在我们的初始化过程中,注册生命周期 1.项目目录 红框为本篇涉及到的.js文件 2.先来看 /utils/index.js export const HOOKS =[ ......
源码 周期 生命 Vue

清缓存命令

查看缓存 free -m 清缓存 echo 3 > /proc/sys/vm/drop_caches 清缓存后 #释放物理页缓存 echo 1 > /proc/sys/vm/drop_caches #释放可回收的slab对象,包含inode and dentry echo 2 > /proc/sys ......
缓存 命令

vue3项目中跨域问题

查询之后发现是浏览器的同源策略,跨域了。浏览器的同源策略就是协议、域名、端口都要相同,有一个不同就会产生跨域问题。原本浏览器应该会自动调节端口去获取信息,但我这里将前后台代码都设置一台电脑上,可能端口占用了才产生了问题。解决方案就是在vite.config.js文件中设置一下代理就行了,具体代码如下 ......
项目 问题 vue3 vue

C# 手动解析灰度PNG图片为Bitmap

问题: 当直接使用文件路径加载8位灰度PNG图片为Bitmap时,Bitmap的格式将会是Format32bppArgb,而不是Format8bppIndexed,这对一些判断会有影响,所以需要手动解析PNG的数据来构造Bitmap 步骤 1. 判断文件格式 若对PNG文件格式不是很了解,阅读本文前 ......
灰度 手动 Bitmap 图片 PNG

vue2 子组件向父组件传值

父组件: <category-component ref="jobCategory" :title="title" :path="pathUrl" @get-datalist="getDataList"></category-component> 子组件: this.$emit('get-datal ......
组件 vue2 vue

Uniapp学习笔记(vue3)

https://uniapp.dcloud.net.cn/ 使用 Vue.js 开发所有前端应用的框架 开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 周边生态丰富 发送请求 meth ......
笔记 Uniapp vue3 vue