m0_57932116的博客

原创 如何使用Cypress对React进行测试

【代码】如何使用Cypress对React进行测试。

原创 React 学习

声明一个use开头的函数在函数体内封装可复用逻辑将组件的函数或状态return出去接收return值注意：只能在组件内使用；只能在顶层使用，不能在if、for内。

原创 React Router v6 学习

在父组件的加上 <Outlet /> 作为占位，对应路由的子组件便会渲染在该位置。在组件中使用 useLocation hook来获取传递的状态值。React Router v6 完全指南。React Router 官网。返回一个用于导航的方法。

原创 简单介绍 Promise

从语法上，Promise 是一个构造函数，接收一个函数作为参数，该函数有两个参数 resolve 和 reject。从功能上，promise 对象用来封装一个异步操作并且可以获取其成功/失败的结果值

原创 浏览器本地存储：cookie、localStorage 和 sessionStorage

cookie、localStorage 和 sessionStorage 的使用与区别

原创 跨域的产生和解决方法

CORS请求时，XMLHttpRequest对象的getResponseHeader()方法只能拿到6个基本字段：Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。具体来说，就是在头信息之中，增加一个Origin字段，指明了本次请求的来源（协议+主机+端口）。它的值要么是请求时Origin字段的值，要么是一个*，表示接受任意域名的请求。，两个页面之间，如果协议、主机和端口中有任意一个不同，就会出现跨域问题。...

原创 ES5、ES6 继承

1）ES5的继承，实质是先创造子类的实例对象this，然后再将父类的方法添加到this上面（Parent.apply(this)）。ES6的继承机制完全不同，实质是先创造父类的实例对象this（所以必须先调用super方法），然后再用子类的构造函数修改this。这是因为子类没有自己的this对象，而是继承父类的this对象，然后对其进行加工。如果不调用super方法，子类就得不到this对象。2）class不存在变量提升，所以在实例化对象前必须先进行类的声明。...

原创 金腾前端暑期实习二面

金腾二面小记

原创 金腾科技前端实习面试凉经

小记一次凉凉的语音面试

原创 git最基本操作

git最基本操作git操作主要涉及以下4个关键点工作区（workspace）：电脑本地的项目文件夹；暂存区（Index/Stage）：用git管理项目文件时，项目文件中会自动创建一个 .git文件夹，该文件夹中包含两部分，其中一部分即为暂存区，通常使用 add 命令将指定文件添加到暂存区；本地仓库（Repository）：.git文件夹的另一个部分，即 git 自动创建的 master 分支。一般使用 commit 命令将暂存区文件添加到本地仓库；远程仓库（Remote）：项目在远程 git 服

原创 vue中通过svg方法导入icon图标

原创 vue学习1——vue基础

Vue基础入门一、概念Vue是一套用于构建用户界面的前端框架构建用户界面即用vue往页面中填充数据框架是一套现成的解决方案，只能遵从框架的规范去编写功能学vue即是学习vue框架中规定的用法vue 的指令、组件（是对 UI 结构的复用）、路由、Vuex、vue 组件库二、vue的特性1. 数据驱动视图 ——> 数据的变化会驱动视图自动更新2. 双向数据绑定三、MVVM1. 概念2. 工作原理3. vue的版本...

原创 vue学习——前端工程化与webpack

vue框架学习的每日总结