find-g-CSDN博客

原创 Node.js入门，一篇就够总结（一）

Node.js是基于ChromV8引擎的javaScript；Node.js的内置API有如下…Node.js可以做什么？

2022-08-02 00:58:12 417 1

概念：根据不同的用户事件，显示不同的页面内容本质：用户事件与事件处理函数之间的对应关系前端路由负责事件监听，触发事件后，通过事件函数渲染不同内容。使用步骤：第一：引入相关的库文件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 835 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 439

原创 sessionStorage,localStorage和cookie三者有什么区别?

共同点它们三者都是浏览器端的存储介质，可以存储一些数据不同点sessionStorage是将数据存储在页面的内存中,所以数据会跟随页面的关闭而销毁,存储数据相对较少(5M左右),只能存储字符串;localStorage是将数据存储在电脑的磁盘上,存储数据量大**(20M左右)**,需要手动删除,只能存储字符串;cookie是http协议的重要组成部分,存储数据量相对比较少**(4K左右)，存储cookie的时候可以设置过期时间**，到达过期时间后，会自动销毁，如果没有设置，则跟随浏览器的关闭

2020-10-22 22:22:26 482 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 8778

原创谈谈对this关键字的理解

普通函数的this指向全局 window；事件处理函数的this指向事件源；对象的成员方法 this指向宿主对象；构造函数的this 指向new 实例化对象；回调函数的this 指向全局 window；

2020-10-21 19:35:54 268

原创 json字符串转json对象

1. json字符串转json对象昨晚在写uni-app项目的时候遇到的一个小坑，获取到用户的信息之后是json字符串格式，我一直不能打印出来：经过了询问前辈，得知，先通过typeof 打印看看返回的是什么类型的数据，发现是string 类型，于是通过JSON.parse()转换成json对象格式，成功拿到需要的结果参考：JSON字符串转换为JSON对象互转函数...

2020-10-09 13:28:34 4131

原创 uni-app运行项目时报错--解决办法

报错信息：/ 开始编译当前项目至 mp-weixin 平台…[email protected] 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 17436 4

原创 jQuery学习第一天

jQuery概念 jQuery是一个快速、简洁的JavaScript库，其设计的宗旨是“write Less,Do More"，写更少的代码，做更多的事情。jQuery封装了JavaScript常用的功能代码，优化了DOM操作、事件处理、动画设计和Ajax交互。学习jQuery本质:学习调用这些函数(方法)。 jQuery出现的目的是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高..

2020-08-24 23:06:26 124

原创 Js-闭包-应用案例

1. 闭包的概念简单的理解，一个作用域可以访问另外一个函数内部的局部变量 2. 闭包小案例，访问了函数内部变量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen

2020-08-14 12:37:01 216

翻译 Js-面向对象-浅拷贝和深拷贝

浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用深拷贝拷多层,每一级别的数据都会拷贝Object.assign( target, … sources) es6 新增方法可以浅拷贝浅拷贝源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi.

2020-08-14 12:16:38 99

原创 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 2006

原创 Js-带有动画的返回顶部

滑动鼠标往下滑动，侧边栏跟着往上移动，当到达某一个位置的时候，侧边栏停止移动，鼠标往上，则侧边栏往下当鼠标继续下滑到某一个位置，“返回顶部”几个字会弹出此处如歌点击“返回顶部”，则立刻到了顶部到达顶部位置效果源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device.

2020-08-07 20:54:05 521

原创 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 491

原创 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 1015

mxjwxhn的博客