![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
find-g
这个作者很懒,什么都没留下…
展开
-
vue-router的基本使用
概念:根据不同的用户事件,显示不同的页面内容本质:用户事件与事件处理函数之间的对应关系前端路由负责事件监听,触发事件后,通过事件函数渲染不同内容。使用步骤:第一:引入相关的库文件a: 导入vue 文件,为全局window对象挂载vue构造函数b:导入 vue-router 文件,为全局window对象挂载vueRouter构造函数第二:添加路由链接a: router-link 是vue 中提供的标签,默认会被渲染为a标签b:to 属性会被渲染为 href 属性c:to 属性的值会被默认原创 2020-12-20 23:56:24 · 851 阅读 · 1 评论 -
Vuex入门学习
1.1 组件之间共享数据的方式父向子传值: v-bind 属性绑定,props 来声明需要从父级接收的数据子向父传值: v-on 事件绑定兄弟组件之间共享数据: EventBus$on 接收数据的那个组件$emit 发送数据的那个组件1.2 Vuex 是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。1.3 使用Vuex 统一管理状态的好处能够在 vuex 中集中管理共享的数据,易于开发和后期的维护;能够高效的实现组件之间的数据共享,提高开发原创 2020-12-13 14:15:18 · 449 阅读 · 0 评论 -
sessionStorage,localStorage和cookie三者有什么区别?
共同点它们三者都是浏览器端的存储介质,可以存储一些数据不同点sessionStorage是将数据存储在页面的内存中,所以数据会跟随页面的关闭而销毁,存储数据相对较少(5M左右),只能存储字符串;localStorage是将数据存储在电脑的磁盘上,存储数据量大**(20M左右)**,需要手动删除,只能存储字符串;cookie是http协议的重要组成部分,存储数据量相对比较少**(4K左右),存储cookie的时候可以设置过期时间**,到达过期时间后,会自动销毁,如果没有设置,则跟随浏览器的关闭原创 2020-10-22 22:22:26 · 493 阅读 · 1 评论 -
js—localstorage (本地存储)必知
HTML APIlocalstorage 在浏览器的 API 有两个:localStorage 和sessionStorage,存在于 window 对象中:localStorage 对应 window.localStorage,sessionStorage 对应window.sessionStorage。localStorage 和 sessionStorage 的区别主要是在于其生存期。基本用法localStorage只要在相同的协议、相同的主机名、相同的端口下,就能读取/修改到同一份loc转载 2020-10-21 23:59:37 · 8831 阅读 · 0 评论 -
谈谈对this关键字的理解
普通函数的this指向 全局 window;事件处理函数的this指向事件源;对象的成员方法 this指向 宿主对象;构造函数的this 指向new 实例化对象;回调函数的this 指向 全局 window;原创 2020-10-21 19:35:54 · 279 阅读 · 0 评论 -
json字符串转json对象
1. json字符串转json对象昨晚在写uni-app项目的时候遇到的一个小坑,获取到用户的信息之后是json字符串格式,我一直不能打印出来:经过了询问前辈,得知,先通过typeof 打印看看返回的是什么类型的数据,发现是string 类型,于是通过JSON.parse()转换成json对象格式,成功拿到需要的结果参考:JSON字符串转换为JSON对象 互转函数...原创 2020-10-09 13:28:34 · 4193 阅读 · 0 评论 -
uni-app运行项目时报错--解决办法
报错信息:/ 开始编译当前项目至 mp-weixin 平台…momopic@0.1.0 dev:mp-weixin D:\桌面\momopicERROR Failed to compile with 1 errors 9:11:48 ├F10: AM┤This dependency was no原创 2020-10-06 09:20:01 · 17846 阅读 · 4 评论 -
Js-轮播图(纯Js)、图片自动切换
1.鼠标经过的时候左右两个小按钮会自动弹出,自动播放停止,点击左右小按钮可以切换图片;2. 鼠标离开,恢复自动播放;3. 点击下方中间几个小圆圈,也会自动切换图片;4. 源代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale原创 2020-08-07 21:10:12 · 2075 阅读 · 0 评论 -
Js-带有动画的返回顶部
滑动鼠标往下滑动,侧边栏跟着往上移动,当到达某一个位置的时候,侧边栏停止移动,鼠标往上,则侧边栏往下当鼠标继续下滑到某一个位置,“返回顶部”几个字会弹出此处如歌点击“返回顶部”,则立刻到了顶部到达顶部位置效果源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device.原创 2020-08-07 20:54:05 · 537 阅读 · 0 评论 -
Js-仿京东放大镜-效果
效果1:鼠标经过前效果2:鼠标放上去,弹出右边放大镜效果3:鼠标在小盒子移动,放大镜跟着移动源代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g..原创 2020-08-05 14:32:39 · 499 阅读 · 0 评论 -
Js动画效果之盒子滚动(JavaScript)
效果图1:效果图2:源代码如下:```javascript<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>..原创 2020-08-05 14:12:56 · 1069 阅读 · 0 评论