缓存 手动keepalive vue
vue06_前端工程化
今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品 ......
VUE3学习笔记
VUE3出现已经很长时间了,由于工作比较忙,项目比较紧,现在才看,已经晚于很多人了。 这是vue3学习笔记,边学边写。 1,项目创建 可以使用git下载:winpty vue.cmd create hello-world 使用之后会让你选择vue2还是3 可以直接node创建:vue create ......
vue2源码刨析
手搓vue2源码地址: gitee地址:https://gitee.com/obsessed-with-summer/vue2-source-code-analysis.git 数据监听: 代码位置:src/observer 发布者订阅者+Object.defineProperty中的get和set ......
vue 首屏添加加载动画 loading
效果为 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content ......
缓存数据一致性探究
缓存数据一致性探究 https://mp.weixin.qq.com/s/OWuP66WxpciBAgm2mptUxw 缓存数据一致性探究 原创 余英健(晓喻) 阿里开发者 2023-06-05 09:00 发表于浙江 阿里妹导读 就像每一次发布上线修复问题的同时,也极易引入新的问题,自缓存诞生的第 ......
h5-vue-uniapp-节流防抖共通方案
参考:https://juejin.cn/post/6959161295358656520 描述:防止C端客户重复点击付款按钮而导致两次调起后台付款API 建议使用: ``` /* func:要进行防抖处理的函数 delay:要进行延时的时间 immediate:是否使用立即执行 true立即执行 ......
Vue(八):键盘事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>键盘事件</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- Vue中 ......
js堆叠式卡片轮播图效果 vue
参考链接:https://www.jq22.com/jquery-info24050 说明:此组件为渲染曲线图的卡片堆叠轮播图,可以渲染不止5个,数量自己决定。核心代码js文件在后面。个人感觉这个的过渡效果最自然,最丝滑~ 效果如图: html部分:(此代码用到了之前写的折线图组件,这里不再赘述了) ......
直播源码开发,vue大图预览方法
直播源码开发,vue大图预览方法 1.使用vue-directive-image-previewer插件 安装 npm install vue-directive-image-previewer -D 引入main.js import VueDirectiveImagePreviewer fro ......
JavaScript、vue、uniapp如何获取本周开始时间和结束时间?
``` //获得本周的开始时间: getStartDayOfWeek(time) { let now = new Date(time); // 当前日期 let nowDayOfWeek = now.getDay(); // 今天本周的第几天 let day = nowDayOfWeek || 7; ......
vue学习记录 8
问了一下大佬侧边栏内容在哪设置的,他说项目里写了一个自动生成接口的脚本,这些接口构成目录。ಠ_ಠ 不在src,在src同级目录generate下。generate>index.js,自动生成后的各个js文件会显示在generate>config.js内。如果要另外多加接口,除了改脚本配置外,还需要 ......
vue-router之hash与history,以及nginx配置
> 本篇讲解前端项目的路由模式(以vue-router为例),以及history模式下的项目部署问题。 `vue-router`的路由模式可以通过指定`mode`属性值控制,可选值:"hash" 、"history"、 "abstract" , 默认:"hash" (浏览器环境) , "abstra ......
vue的路由(更新中)
路由 含义及原理 路由(router)就是对应关系。地址与页面上组件的对应关系。Hash地址与组件之间的对应关系! 锚链接 锚链接不会使页面刷新,但有浏览历史。 (Anchor Link)是指在网页中通过链接跳转到同一页面的不同位置的技术。它可以让用户通过点击链接或者页面内部的锚点,直接跳转到页面的 ......
VUE3中实现“收起”“展开”功能
《好记性不如烂笔头系列》 <template> <van-row> <div class="roadshowDescValueDiv"> <div ref="desContent" class="desContent" :class="{ 'show-all': desShowAll }"> <sp ......
vue中的 ref 和 $refs
在Vue中,`ref` 是一个用于给元素或组件添加引用的特殊属性。通过在元素上添加 `ref` 属性,可以在Vue组件实例或父组件中通过引用访问该元素或组件的实例。 具体来说,`ref` 属性有两种用法: **1. 给普通元素添加引用:** ```html Focus Input ``` 在上面的例 ......
jeecg2-VUE-全局替换字体(鸿蒙、、、)
![](https://img2023.cnblogs.com/blog/1261986/202306/1261986-20230626104638144-92694868.png) ``` html,body { font-family:-apple-system, BlinkMacSystemF ......
Vue事件总线
下面是一个使用 Vue 事件总线实现两个组件间通信的完整例子: 假设我们有两个组件 A 和 B,需要在它们之间进行通信。具体来说,当组件 A 中的按钮被点击时,需要向组件 B 发送一个事件,使得组件 B 中的数据被更新。 ###创建 EventBus 首先,在 Vue 应用中创建一个 EventBu ......
前端Vue自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo
#### 前端Vue[自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo](https://ext.dcloud.net.cn/plugin?id=13204), 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id= ......
前端Vue自定义滚动卡片,可以用于商品海报生成
#### 前端Vue自定义滚动卡片,可以用于商品海报生成, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13189 #### 实现代码如下: # cc-scroolCard #### 使用方法 ```使用方法 ``` #### ......
前端Vue自定义精美tabs,可设置下划线图标 热门标题
#### 前端Vue自定义精美tabs,可设置下划线图标 热门标题, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13186 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
vue根据element-ui实现下拉多选
### 下拉多选element-ui 实现效果 ![](https://img2023.cnblogs.com/blog/2880316/202306/2880316-20230626092738402-975871848.png) 组件代码 ```vue ``` 使用代码 ```vue ``` ......
Vue2.x 基本认识三:Vuex
认识 Vuex 概念(重要) 专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 Vue 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,适用于任意组件间通信。 题外话 前面学过组件间通信的方式有: props:适用于父传子、子传父,兄弟组件之间不行。 ......
MyBatis 缓存
MyBatis 一级缓存 1 一级缓存原理 在一次 SqlSession 中(数据库会话),程序执行多次查询,且查询条件完全相同,多次查询之间程序没有其他增删改操作,则第二次及后面的查询可以从缓存中获取数据,避免走数据库。 每个SqlSession中持有了Executor,每个Executor中有一 ......
vue3 手写组合API
# 3. 手写组合API ## 1) shallowReactive 与 reactive ```js const reactiveHandler = { get (target, key) { if (key '_is_reactive') return true return Reflect.g ......
springboot+vue基于Web的社区医院管理服务系统,附源码+数据库+论文+PPT,适合课程设计、毕业设计
**1、项目介绍** 在Internet高速发展的今天,我们生活的各个领域都涉及到计算机的应用,其中包括社区医院管理服务系统的网络应用,在外国线上管理系统已经是很普遍的方式,不过国内的管理系统可能还处于起步阶段。社区医院管理服务系统具有社区医院信息管理功能的选择。社区医院管理服务系统采用java技术 ......
2023-06-25:redis中什么是缓存穿透?该如何解决?
2023-06-25:redis中什么是缓存穿透?该如何解决? 答案2023-06-25: **缓存穿透** 缓存穿透指的是查询一个根本不存在的数据,在这种情况下,无论是缓存层还是存储层都无法命中。因此,每次请求都需要访问数据库,这将导致不存在的数据每次都需要查询存储层,这样缓存就失去了保护后端存储 ......
vue3 中设置 teleport 组件后设置样式不起作用?
在 vue3 的实际开发中,我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示,主要解决的一种常见场景为:当前模态框需要更高的层级,但是模态框本身外层元素的 z-index 层级比较低,会导致模态框被其他元素覆盖。 实际使用如下 <button @c ......
Spring三级缓存与循环依赖
# 三级缓存 ``` //一级缓存,存放的是完整的bean private final Map singletonObjects = new ConcurrentHashMap(256); //二级缓存,存放的是半成品的bean,未完成属性注入 private final Map earlySing ......
记录--强制缓存这么暴力,为什么不使用协商缓存
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前段时间在看面经的时候,发现很多份面经中都被问到了 强缓存 和 协商缓存。因此我觉得有必要写一篇文章来好好聊聊这两者。 强缓存和协商缓存 浏览器缓存是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以 ......