51工具盒子
Vue中hash路由和history路由原理及优缺点
### hash模式: {#hash模式} 1. 原理: 在 url 中的 # 之后对应的是 hash 值, 其原理是通过`window.onhashChange()` 事件监听hash值的变化, 根据路由表对应的hash值来判断加载对应的路由加载对应的组件 2. 优点: (1) 只需要前端配置路由表, 不需要后端的参与 (2) 兼容性好, 浏览器都能支持...
前端开发
Vue3.5 更新了啥
前言 {#前言} ======== 2024 年 9 月 1 日，[Vue 3.5"天元突破：红莲螺岩"版本发布](https://blog.vuejs.org/posts/vue-3-5)，[完整更新日志](https://github.com/vuejs/core/blob/main/CHANGELOG.md)。 这次更新包含内部改进和实用的新功能，...
React-记-1
<h1>前言 {#前言}</h1> <p><a href="https://react.dev/">React</a>、<a href="https://zh-hans.react.dev/">zh-hans</a></p> <h1>...
React-记-2
Context {#Context} ================== 父子组件通过 props 显式传递数据，当组件层级较深时，这种方式会变得很麻烦。[Context(上下文)](https://zh-hans.react.dev/learn/passing-data-deeply-with-context)允许向所有后代组件传递数据（信息）。 不同于 Vue 的 p...
React-记-3
<h1>前言 {#前言}</h1> <p><strong>React 没法做到 JS 做不到的事，其任务调度也逃不开浏览器的事件循环。</strong><br /> 相比起写 Vue，React 更需要开发者知道浏览器本身的各种特性。</p> <h1>缓存 {#缓存}</h1&...
vue-router钩子函数与执行流程
全局守卫 {#全局守卫} ------------ ### 前置守卫 `beforeEach` {#前置守卫-beforeEach} 全局前置守卫，在路由跳转前触发，它在 `每次导航` 时都会触发。 |--------------------------------------------------------------------------------------...
vue引入网络图片跨域问题
<h1>vue请求网络接口中图片报错403解决办法 {#vue请求网络接口中图片报错403解决办法}</h1> <h2>造成原因： {#造成原因：}</h2> <p>网络接口都是有请求限制的，特别是图片字段值是绝对路径的情况，请求的时候就会报错403 forbidden。</p> <h2>解决办...
Vue笔记[三]-ToDoList
QX-AI GPT-4 QX-AI初始化中... 暂无预设简介，请点击下方生成AI简介按钮。 介绍自己 生成预设简介 推荐相关文章 生成AI简介 查看和运行 {#查看和运行} ============== [github仓库](https://github.com/qxchuckle/ToDoList-Vue) 在1024code上在线查看和运...
Vue笔记[四]-动画、Vuex
<p>QX-AI<br /> GPT-4<br /> QX-AI初始化中...<br /> 暂无预设简介，请点击下方生成AI简介按钮。<br /> 介绍自己<br /> 生成预设简介<br /> 推荐相关文章<br /> 生成AI简介</p> <h1>过渡与动...
Vue笔记[五]-路由
<p>QX-AI<br /> GPT-4<br /> QX-AI初始化中...<br /> 暂无预设简介，请点击下方生成AI简介按钮。<br /> 介绍自己<br /> 生成预设简介<br /> 推荐相关文章<br /> 生成AI简介</p> <h1>路由ro...
