Cod_Next-CSDN博客

原创 WebStorage

浏览器通过Window.sessionStorage和window.localStorage属性来实现本地存储机制。该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。该方法接受一个键名作为参数，并把该键名从存储中删除。该方法接受一个键名作为参数，返回键名对应的值。该方法会清空存储中的所有数据。存储内容一般支持 5MB 左右。

2024-05-31 15:30:00 155

原创 VUE 封装的过渡动画

作用：在插入、更新或移除 DOM 元素时，在合适的时候给元素添加样式类名。可以使用第三方动画库实现更加炫酷的动画效果。备注：若有多个元素需要过渡，则使用。,且每个元素都要指定 key 值。

2024-05-31 15:00:00 305

使用 axios 进行前后端交互，现在只是学了一点简单用法。首先安装 axios 环境，使用命令行进行安装，完成之后在 App.vue中引入 axios。使用 axios 的 get 属性与服务器交互，then 属性表示连接之后要进行的动作，其中response中返回请求成功时的东西，error则返回请求失败之后的提示。这样配置会出现跨域错误，也就是没有遵循JS 的同源策略，出现跨域问题可能是因为不同。

2024-05-30 15:00:00 260

原创组件的自定义事件

使用场景：A 是父组件，B 是子组件，B 想给 A 传递数据，那么就要在 A 中给 B 绑定自定义事件（事件的回调函数在 A 中）绑定自定义事件时，回调要么配置在 methods 中，要么使用箭头函数，否则 this 指向会出现问题。一种组件间通信的方式，适用于：子组件->父组件。组件上也可以绑定原生 DOM 事件，需要使用。

2024-05-29 22:57:59 380

原创 Vue 组件（下）

ref 属性被用来给元素或子组件注册引用信息（id 的替代者）应用在 html 标签上获取的是真实的 DOM 元素，应用在组件标签上是组件实例对象使用方式：打标识：使用：功能：可以把多个组件共用的配置提取成一个混入对象使用方法：定义混入使用混入全局混入：局部混入：

2024-05-29 22:57:10 154

原创 Vue组件化（上）

从上到下依次是 node_modules(node 组件)，public(公开文件，展示在页面上的比如 html 入口文件)，src(单组件相关文件)，.gitignore（git忽略文件）,babel.config.js（babel配置文件），jsconfig.js（js 配置文件），下面两个都是包管理相关文件，然后是 readme 文件和 vue 配置文件，vue 配置文件可以修改脚手架相关的配置。引入了组件之后，我们将每个部分所用到的文件全部封装到对应的组件，这样即便于管理，也能够更好的复用。

2024-04-21 13:27:02 535 1