热爱码字-CSDN博客

原创 vue3(十四)-基础入门之导航守卫

然而，它仍然是被支持的，这意味着你可以向任何导航守卫传递第三个参数。它可以出现多于一次，但是只能在所有的逻辑路径都不重叠的情况下，否则钩子永远都不会被解析或报错。一个路由地址: 通过一个路由地址重定向到一个不同的地址，如同调用 router.push()，且可以传入诸如 replace: true 或 name: ‘home’ 之类的选项。和 router.beforeEach 类似，因为它在每次导航时都会触发，不同的是，解析守卫刚好会在导航被确认之前、所有组件内守卫和异步路由组件被解析之后调用。

2024-01-04 14:00:00 823

原创 vue3(十三)-基础入门之路由配置与重定向

App.vue 导入了 Navbar 组件，所以需要创建该组件；看作一个插槽，点击相应的跳转标签，就根据路径到。找与跳转标签中的路径一致的 path，根据。文件中路径与组件的映射关系，显示相应的组件。文件，配置路径与组件的映射关系。// 1、路径字符串/ 拼接参数。// 1、路径字符串/ 拼接参数。// 2、路径字符串？// 2、路径字符串？上述第一种一级路由写法中，/* 根据需要进行调整 */路径下的二级路由与重定向。1、路径字符串/ 拼接参数。三个标签后，分别展示。在父组件中导入子组件。

2024-01-03 00:43:07 1427

原创 vue3(十二)-基础入门之反向代理

当遇到跨域问题时，可以通过反向代理解决跨域问题。

2023-12-30 11:15:42 694

原创 vue3(十一)-基础入门之脚手架创建项目与打包并部署项目

选择的工具。

2023-12-30 10:39:15 709

原创 vue3(十)-基础入门之Swiper轮播与自定义指令

在 < script setup > 中，任何以 v 开头的驼峰式命名的变量都可以被用作一个自定义指令。在下面的例子中，vFocus 即可以在模板中以 v-focus 的形式使用。// 在模板中启用 v-focussetup() {/*...*/},// 在模板中启用 v-focusfocus: {/* ... */

2023-12-29 05:16:10 952

原创 vue3(九)-基础入门之组件生命周期

即表示“这个错误已经被处理了，应当被忽略”，它将阻止其他的 errorCaptured 钩子或 app.config.errorHandler 因这个错误而被调用。如果组件的继承链或组件链上存在多个 errorCaptured 钩子，对于同一个错误，这些钩子会被按从底至上的顺序一一调用。这个钩子通常用于执行需要访问组件所渲染的 DOM 树相关的副作用，或是在服务端渲染应用中用于确保 DOM 相关代码仅在客户端被调用。然而重要的是，不要让错误状态渲染为导致本次错误的内容，否则组件就会进入无限的渲染循环中。

2023-12-28 05:45:39 817

原创 vue3(八)-基础入门之 Transition 单元素过渡与 TransitionGroup 列表过渡

进入动画的起始状态。在元素插入之前添加，在元素插入完成后的下一帧移除。

2023-12-28 02:58:28 907

原创 vue3(七)-基础入门之事件总线与动态组件

发布''组件1''组件2''组件3

2023-12-25 05:49:34 885

原创 vue3(六)-基础入门之自定义组件与组件传参、插槽、ref通信

传递参数到父组件；父组件通过自定义事件接收参数。

2023-12-24 06:31:55 1182

原创 vue3(五)-基础入门之计算属性

计算属性在需要渲染数据时调用一次，而后将结果缓存起来。只有计算属性所依赖的数据发生改变时才会重新调用函数，否则每次渲染相同的数据都只会从缓存中读取。普通方法在每次数据需要渲染时都会调重新调用函数。

2023-12-24 04:52:43 432

原创 vue3(四)-基础入门之 fetch 与 axios

3.Axios 默认返回 JSON 格式的数据，而 Fetch 返回的是 Response 对象，需要自己通过 Response 的方法（如 json()、text() 等）将结果转换成所需的格式。4.Axios 对于请求错误可以直接抛出异常，方便进行错误处理，而 Fetch 的错误处理比较繁琐，需要手动检查 Response.ok 属性。2.Axios 可以拦截请求和响应，可以全局配置默认的请求头、超时时间等，而 Fetch 目前不支持这些功能。// 2.axios post请求。// post 请求。

2023-11-28 07:41:43 2532

原创 vue3(三)-基础入门之v-model双向绑定、v-model修饰符

监听用户的输入事件来实时更新数据，多用于表单 input、textarea以及select元素上1.v-model 绑定 checkbox演示结果：2.v-model 绑定 radio演示结果：3.v-model 绑定 select初始：----------------------------------------------分割线------------------------------------------------选择后：1.lazy 修饰符在输入框中输入字符时，v-mod

2023-11-28 04:52:25 1134

原创 vue3(二)-基础入门之列表循环、数组变动检测、filter模糊查询、事件修饰符

/ e.preventDefault() 也可以通过调用该方法阻止页面跳转。还可以通过 e.stopPropagation() 解决以上问题。当子节点触发事件后，若父节点有触发事件，父节点也会跟着触发。跟踪每个节点的身份，从而重用和重新排序现有的元素。理想的key值是每项都有唯一的id。2、根据索引对数组进行重新赋值。被该修饰符修饰的事件只触发一次。点击链接后页面会跳转,通过。// 通过判断键值效果一样。stop 只能添加在。self 只能添加在。

2023-11-26 12:03:11 1350

原创 vue3(一)-基础入门之指令以及动态设置 class、style属性

/constcreateAppdatareturnmessage1mount'#app'

2023-11-25 11:20:16 3418 1

原创线程池(五)-使用线程池实现商品秒杀

一、商品秒杀1、场景描述商品数量：100用户数量：200要求100人秒杀成功，100人秒杀失败2、任务类public class MyTask implements Runnable{ private static int count=100; private String userName; public MyTask(String userName) { this.userName = userName; } @Over

2022-04-09 21:28:21 662

原创线程池(四)-java内置线程池 Future

一、Future 接口中的方法Future 是专门用于描述异步计算结果的，完美可以通过 Future 对象获取线程计算的结果boolean cancel(boolean mayInterruptIfRunning)：试图取消此次任务的执行，取消成功返回true，否则返回falseV get()：如有必要，等待计算完成，然后获取其结果V get(long timeout, TimeUnit unit)：如有必要，最多等待指定时间后，获取其结果（如果结果可用）;超过指定时间，则抛出异常，不再等待bo

2022-04-09 20:02:03 1825

原创线程池(三)-java内置线程池 ScheduledExecutorService

一、ScheduledExecutorService 接口中的方法<V> ScheduledFuture<V> schedule(Callable<V> callable,long delay, TimeUnit unit)：延迟时间单位是unit，数量 delay 的时间后执行callableScheduledFuture<?> schedule(Runnable command,long delay, TimeUnit unit):延迟时间单位

2022-04-08 22:25:35 1010

原创线程池(二)-java内置线程池 ExecutorService

一、ExecutorService 接口中的方法void shutdown()：启动一次顺序关闭，继续执行已提交的任务(已经提交的任务会继续执行)，但不接受新任务List<Runnable> shutdownNow()：//停止所有正在执行的任务，暂停处理正在等待的任务，不接受新任务,并返回等待执行的任务列表boolean isShutdown()<T> Future<T> submit(Callable<T> task)：执行带返回值

2022-04-08 21:51:15 571

原创线程池(一)-java内置线程池 ThreadPoolExecutor与自定义线程池

一、什么是线程池线程池其实是一种多线程处理形式，处理过程中可以将任务添加到队列中，然后在创建线程后自动启动这些任务二、线程池的作用线程池可以根据系统的需求和硬件环境灵活地控制线程的数量，且可以对所有线程进行统一的管理和控制，从而提高系统的运行效率，降低系统运行压力1、线程和任务分离，提升线程重用性2、控制线程并发数量，降低服务器压力，统一管理所有线程3、提升系统响应速度（例如创建线程的时间为T1，执行任务时间为T2，销毁线程时间为T3，那么使用线程池后就节省了T1和T3的时间）三、Thre

2022-04-08 19:09:17 632

原创 redis(八) - redis 缓存穿透、缓存击穿、缓存雪崩、分布式锁

一、缓存穿透key对应的数据在数据源并不存在，每次对此key的请求从缓存获取不到，请求会压倒数据源，从而压倒数据源1、缓存穿透特性应用服务器压力增大redis命中率降低一直透过缓存查询数据库2、解决方案对空值缓存：如果一个查询返回的数据为空(不管数据是否存在)，仍然把这个空结果进行缓存，但设置该值的过期时间很短，最长不超过5分钟设置可访问的白名单：使用bitmaps类型定义一个可以访问的名单，名单id作为bitmaps的偏移量，每次访问和bitmaps里面的id进行比

2022-04-08 17:50:17 237

原创 redis(七) - redis 集群搭建

一、创建配置文件1、创建一个 myredis 文件夹：mkdir /myredis2、复制一个原生的redis.conf 配置文件到myredis文件夹cp /etc/redis.conf /myredis/redis.conf3、在 myredis 文件夹中创建 9 个 redis 配置文件：由 redis + port.conf 表示不同 port 的配置文件redis6379.confredis6380.confredis6381.confredis6382.confre

2021-11-22 06:41:48 1603

原创 redis(六) - 主从复制搭建

一、主从复制主从复制是指将一台Redis服务器的数据，复制到其他的Redis服务器。前者是主服务器，后者是从服务器。一主多从：只能存在一个主服务器；可以有多个从服务器。主服务器负责写操作，从服务器负责读操作复制是单向的，只能由主服务器复制到从服务器二、主从复制的作用读写分离：主服务器负责写操作，从服务器负责读操作。可以分担服务器压力，提高并发量高可用：主服务器出现故障时，从服务器可以升级为主服务器，迅速恢复服务三、主从复制搭建1、创建一个文件夹：mkdir /

2021-11-21 09:26:57 1062

原创 springboot(五)- 日志支持、访问静态资源

一、日志支持spring boot 默认支持 slf4j1、获取日志对象@SpringBootTestclass MyspringbootApplicationTests { private final static Logger loger=LoggerFactory.getLogger(MyspringbootApplicationTests.class); }2、日志级别TRACE > DEBUG > INFO > WARN > ERROR >

2021-11-20 11:58:34 541

原创 springboot(四)-配置文件优先级、内外部文件的优先级

一、配置文件优先级在 spring boot 中，application.properties 的优先级高于 application.yml配置文件在不同的文件位置存在优先级1、项目根目录/config/application.properties (application.yml)2、项目根目录/application.properties (application.yml)3、classpath:config/application.properties (application.yml

2021-11-20 11:58:25 1847

原创 springboot(三)- yaml 文件配置、 @Value、数据校验、@PropertySource、@ImportResource、多环境切换

一、配置文件spring boot 的默认配置文件有两个，分别为：1、application.properties2、application.ymlyaml 格式要求:冒号:后面必须有空格，下级属性缩进一格若包含特殊字符应用单引号括起来，若包含单引号，则对单引号使用转义字符二、不同数据类型配置1、实体类@Component：加入 IOC 容器@ConfigurationProperties(prefix = “stu”)：绑定 yml 文件中的 stuStudent 类@Dat

2021-11-19 21:08:35 1449

原创 springboot(二)-自动配置之条件注解、修改默认编码、自动装配

一、条件注解以 org.springframework.boot.autoconfigure.web.servlet.HttpEncodingAutoConfiguration 为例：@Configuration(proxyBeanMethods = false)@EnableConfigurationProperties(ServerProperties.class)@ConditionalOnWebApplication(type = ConditionalOnWebApplication.Ty

2021-11-19 21:08:27 822

空空如也

空空如也