- 博客(15)
- 收藏
- 关注
RSS订阅
原创 vue2.x生命周期
vue2.x生命周期事物从出生到死亡的过程每个Vue实例在被创建时都要经过一系列的初始化过程，例如：需要设置数据的监听，编译模板，将实例挂载到DOM上，并且在数据变化时更新DOM等，这些过程统称为Vue实例的生命周期。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。####常用的 钩子函数beforeCreate在实例初始化之后，数据观测和事件配置之前被调用 此时data 和 methods 以及页面的DOM结构都没有初始化 什么都做不
2021-10-22 22:44:09
256
1
原创 flex布局使用
1.什么是flex布局?flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。flex布局又叫伸缩布局 、弹性布局 、伸缩盒布局 、弹性盒布局。2.flex布局原理？当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。采用 Flex 布局的元素，称为 Flex 容器（flexcontainer），简称"容器"。它的所有子元素自动成为容器成员，称为 F
2021-09-18 18:18:36
410
1
原创 日志，springboot日志整合，日志配置
市面上的日志框架：Jboss-logging、logback、log4j、log4j2 等等日志门面就是在日志框架和应用程序之间架设一个沟通的桥梁，对于应用程序来说，无论底层的日志框架如何变，都不需要有任何感知日志门面可以理解为java中的一个interface（接口），而日志框架就是就是实现类SLF4J（Simple Logging Facade for Java）JUL（java.util.logging）日志门面作用1. Log4j:是一个非常流行的开源日志框架，由Apache软件基金会开发和维护。它
2025-02-11 08:57:51
828
原创 RabbitMQ MQ基础
生产者消费者队列交换机消息交换机队列绑定在企业中，目前用的最多的还是Classic经典队列。而从RabbitMQ的官网就能看出，RabbitMQ目前主推的是Quorum队列，甚至有传言未来会用Quorum队列全面替代Classic经典队列。至于Stream队列，虽然已经经历了几个版本的完善修复，但是目前还是不太稳定，企业用得还比较少。
2025-02-07 09:34:58
889
原创 Sentinel
*** 主逻辑，根据用户id查询当前用户所拥有的角色ids* @return* @SentinelResource 还可以设置value属性，针对特殊key进行限流处理*/try {"用户名不能为空");return Result.error("查询失败");/*** 如果原方法限流了，执行这里的逻辑* @return*/return Result.error("请求过于频繁，请稍后再试");设置流控规则。
2024-12-20 19:03:15
688
原创 单体与分布式事务
事务（Transaction）是数据库管理系统（DBMS）中的一个核心概念，它代表了一组数据库操作，这些操作被视为一个单一的、不可分割的工作单元。事务的概念主要用于确保数据库的一致性和完整性，尤其是在并发访问和系统故障的情况下。特性编程式事务声明式事务实现方式通过编写代码显式管理事务通过注解或 XML 配置声明事务管理灵活性非常高，支持复杂事务逻辑和嵌套事务较低，事务管理逻辑固定代码复杂度较高，需要编写大量事务管理代码较低，代码简洁，易于维护适用场景复杂事务逻辑、嵌套事务、异常处理等。
2024-12-11 15:55:50
700
原创 swiper在vue中正确的使用方法
swiper在vue中正确的使用方法1.安装swiper，执行npm install vue-awesome-swiper@3.1.3 --save 命令npm install vue-awesome-swiper@3.1.3 --save2.在main.js中添加下面三行import 'swiper/dist/css/swiper.css'import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)3
2021-11-13 23:14:03
1748
原创 axios的二次封装
axios的二次封装1.src根目录下创建request文件夹2.request文件夹下新建Service.jsimport axios from 'axios'import { Message, Loading } from 'element-ui'const ConfigBaseURL = 'http://localhost:3000/' // 默认路径，这里也可以使用env来判断环境let loadingInstance = null // 这里是loading// 使用create方法
2021-11-04 23:45:15
178
原创 vue.set的使用
关于vue2.x响应式问题？第一个问题: 给属性重新赋值成对象，是否是响应式的？第二个问题: 给Vue实例新增一个成员是否是响应式的？第三个问题: 通过索引和length修改数组是否是响应式的?<!DOCTYPE html><html lang='zh-CN'><head><meta charset='UTF-8'><meta name='viewport' content='width=device-width, initial-sca
2021-10-24 23:31:13
1429
1
原创 ES6技巧篇
ES6技巧篇ECMAScript 6.0（简称ES6）是 JavaScript 语言的下一代标准。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。为什么ES6如此重要呢？因为ES6解决了JS无法开发大型应用的语言层面的问题。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。ES6中引入
2021-09-22 13:53:19
255
1
原创 art-template
1.template-web是什么东西，有什么作用？官方参考网址：http://aui.github.io/art-template/zh-cn/docs/答：这是一个模板引擎，简单来说就是构建一个模板，让其生成html的js代码。如果不用该js，手动来操作，我们可能需要繁杂的拼接html标签，还要做for循环等等，在没有使用前端框架之前，渲染数据相当之麻烦。2.template-web要如何使用？总的来说，template-web.js的使用分为3个步骤，1.引入模板并制作模板 2.将数据插入模
2021-09-13 15:38:21
302
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人