笔记
关注
分享
扫一扫
toSunny5
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 964 阅读 · 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 · 496 阅读 · 0 评论 -
sessionStorage,localStorage和cookie三者有什么区别?
共同点它们三者都是浏览器端的存储介质，可以存储一些数据不同点sessionStorage是将数据存储在页面的内存中,所以数据会跟随页面的关闭而销毁,存储数据相对较少(5M左右),只能存储字符串;localStorage是将数据存储在电脑的磁盘上,存储数据量大**(20M左右)**,需要手动删除,只能存储字符串;cookie是http协议的重要组成部分,存储数据量相对比较少**(4K左右)，存储cookie的时候可以设置过期时间**，到达过期时间后，会自动销毁，如果没有设置，则跟随浏览器的关闭原创 2020-10-22 22:22:26 · 570 阅读 · 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 · 9051 阅读 · 0 评论 -
谈谈对this关键字的理解
普通函数的this指向 全局 window；事件处理函数的this指向事件源；对象的成员方法 this指向 宿主对象；构造函数的this 指向new 实例化对象；回调函数的this 指向 全局 window；原创 2020-10-21 19:35:54 · 357 阅读 · 0 评论 -
json字符串转json对象
1. json字符串转json对象昨晚在写uni-app项目的时候遇到的一个小坑，获取到用户的信息之后是json字符串格式，我一直不能打印出来：经过了询问前辈，得知，先通过typeof 打印看看返回的是什么类型的数据，发现是string 类型，于是通过JSON.parse()转换成json对象格式，成功拿到需要的结果参考：JSON字符串转换为JSON对象 互转函数...原创 2020-10-09 13:28:34 · 4421 阅读 · 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 · 18860 阅读 · 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 · 2167 阅读 · 0 评论 -
Js-带有动画的返回顶部
滑动鼠标往下滑动，侧边栏跟着往上移动，当到达某一个位置的时候，侧边栏停止移动，鼠标往上，则侧边栏往下当鼠标继续下滑到某一个位置，“返回顶部”几个字会弹出此处如歌点击“返回顶部”，则立刻到了顶部到达顶部位置效果源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device.原创 2020-08-07 20:54:05 · 613 阅读 · 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 · 586 阅读 · 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 · 1179 阅读 · 0 评论