- 博客(48)
- 收藏
- 关注
RSS订阅
原创 Easy的React学习笔记（二.进阶）
15_PropTypes校验传递值属性类型校验的意义：在父组件向子组件传递数据时，是在父组件中子组件添加属性（props）的方式，但是在子组件中并没有对这些属性进行校验，就是说父组件传递过来的任何值都不会报错，这在实际开发中是不允许的，在大型项目中如果不进行校验，开发后期业务逻辑会变得非常混乱出现错误，业务逻辑错误不像语法错误非常容易找，所以属性类型校验就非常有必要了。引入prop-t...
2020-05-08 13:27:56
650
原创 Easy的React学习笔记（一.基础）
1_开发环境搭建①前往http://nodejs.cn/，找到自己电脑适合的版本下载并安装node.js。②win键+r（运行），cmd打开命令行。输入相关命令检查node.js是否安装成功，显示nodejs与npm对应的版本即为安装成功。安装node主要为了使用npm包管理工具。③安装官方脚手架工具create-react-app。若无法安装create-react-...
2020-02-10 18:16:13
478
1
原创 Linux命令touch和mkdir的区别
mkdir 文件夹c 文件夹d 文件夹e ：创建文件夹/目录c、d、e，创建的目录是并列关系file c可以查看文件夹c的属性，此时显示directory，表示c是一个文件夹touch 文件名a 文件名b 。。。：创建一个或多个文件file a 可以查看文档a的属性，此时显示empty，表示a是空白文件...
2022-01-26 16:41:26
3575
原创 软件测试基本名词解释（个人总结非百度）
1.软件测试基本可以分为（4种）：①app测试：最流行，很多公司都在往app转型，人手一部手机，app是大势所趋。②web测试：对内或对外的网站，相对常见。③游戏测试：加班多996，能进好的项目组的话工资高，可能有几十个月的年终奖，不建议。④物联网测试：车载测试等，但涉及的面比较窄，跳槽可能有隐患。2.软件测试公司类型（2种）：软件公司（帮别的公司开发软件，开发一个软件的周期一般为3-5个月，做完一个就换一个）互联网公司（抖音淘宝头条等，一般来说进这种公司比较好，不过进外包就要有
2021-08-12 00:02:49
1500
原创 Alpha测试与Beta测试的区别
测试场所不同：Alpha测试是指把用户请到开发方的场所来测试Beta测试是指在一个或多个用户的场所进行的测试测试环境的不同：Alpha测试的环境是受开发方控制Beta测试环境是不受开发方控制，开发商无法知道用户如何折磨软件测试时间不同：Alpha测试时间比较集中Beta测试时间不集中。Alpha测试与Beta测试的先后顺序：一般情况下，Alpha测试比Beta测试先...
2021-04-16 16:45:13
1388
原创 20200508-20210129时隔266天，回归csdn，然而已经从一个programmer变成Test Engineer了
20200508-20210129时隔266天，回归csdn，然而已经从一个programmer变成Test Engineer了
2021-01-29 00:28:12
82
原创 Easy的Redux学习笔记
1_开发环境搭建1.1创建项目并编写基础代码安装node.js、脚手架create-react-app等步骤详见：Easy的React学习笔记（一.基础），不再赘述。在命令提示符（管理员）中，用脚手架create-react-app创建项目：D:\Easy's code\ReduxDemo>create-react-app demo01创建好恶demo01目录如下，把src目录内文件全删了，重新创建index.js、TodoList.js。分别修改index.js、Tod
2020-05-28 00:51:40
467
原创 阮一峰，es6对象的解构赋值中一个例子的疑问
其中对loc对象进行解构赋值，我输出了阮老师的写法是不一样的，不知道是不是他为了省略写成{start: Object}，反正控制台输出的是{start: {line: 1, column: 5}}阮老师是这样写的：const node = { loc: { start: { line: 1, column: 5 } }};let { loc, loc: { start }, loc: { start: { line }} } = node;.
2020-05-25 00:11:21
200
原创 学习笔记“阮一峰 Redux 入门教程（一）：基本用法”
Redux的诞生：React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及：1.代码结构2.组件之间的通信对于大型的复杂应用来说，这两方面恰恰是最关键的，Redux就诞生了。Redux定义、作用：Redux是一种机制，可以在同一个地方查询状态、改变状态、传播状态的变化。Redux设计思想：1.Web 应用是一个状态机，视图与状态是一一对应的。2.所有的状态，保存在一个对象里面。Store :1.定义：保存数据的...
2020-05-24 16:04:03
945
原创 for循环中let i 和var i 的区别
var i :var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[0](); //10a[1](); //10a[2](); //10a[3](); //10a[4](); //10a[5](); //10a[6](); //10a[7](); //10a[8](); //10a[9](); //10a[10](); /.
2020-05-23 15:06:22
1751
原创 你需要提供管理员权限才能删除此文件夹的解决方法（最快捷）：以管理员的身份运行命令提示符cmd
①直接鼠标右键单击开始，然后左键点命令提示符（管理员）或按快捷键A② cd到你要删除的文件夹的父文件夹，输入rmdir /s/q 和你要删除的文件夹名
2020-05-21 14:47:44
7670
2
原创 csdn去除图片树水印
从微信或其它软件截图过来，直接ctrl+v粘贴到csdn的博文中会发现有下角有大大的水印，有时会遮挡内容：去除方法：双击图片，把URL中png后面的信息全部删掉即可去除水印后：
2020-05-20 17:08:46
198
原创 react中jsx行内样式（style）的国定写法、jsx双花括号{{}}写法的解释
共index.js、index.html、TodoList.js这三个文件，主要看TodoList.js中的Input标签的style样式双花括号{{}}的写法，会在下方做全面的解释运行效果：index.js:import React from 'react';import ReactDOM, { unmountComponentAtNode } from 'react-dom'import TodoList from './TodoList'ReactDOM.render(&l.
2020-05-19 00:07:45
16897
原创 关于const {xxx} = this.state写法的解释
看antdesign官方文档时，看到以下写法：const { xxx } = this.state;上面的写法是es6的写法，其实就相当于：const xxx = this.state.xxx
2020-05-18 16:50:32
4604
原创 vscode 自动导入包（组件）插件Auto Import安装好后，依旧没有自导导入提示的原因
在TodoList.js中，第一次用AntDesign的<Input>组件时，是不会有自动导入提示的，所以第一次导入要自己写：import {Input} from 'antd'在另一个文件中test.js中，再使用AntDesign的<Input>标签时，就有自动导入提示了:总结：第一次用到该组件（包）时是不会有自动导入提示的，在另一个文件第二次用时就会有自动导入提示了。...
2020-05-18 00:31:26
13351
2
原创 安装AntDesign时，解决报错peerDependencies WARNING ...requires a peer of XXX but none was installed
安装AntDesign时
2020-05-17 21:26:07
23243
2
原创 React性能优化问题，React生命周期函数shouldComponentUpdate、纯组件PureComponent详解（含实例）
目录1_shouldComponentUpdate、纯组件PureComponent的作用2_实例1_shouldComponentUpdate、纯组件PureComponent的作用shouldComponentUpdate、纯组件PureComponent都是用来做性能优化的，这两种方法可以避免子组件做无用的重复渲染，下面通过实例来演示这两种性能优化的方法。2_实例创建父组件悟空Wukong、子组件悟饭Wufan、子组件悟天Wutian。在第一次render后，通过compon
2020-05-17 14:48:47
1267
原创 Window setInterval() 方法详解，其中有的两个大坑：①当参数为code时，记得要用单引号括起来，否则代码只会执行一次。②单双引号歧义问题
目录1_语法：2_当参数为code时，两个易踩得坑：3_四种正确的常见写法4_总结1_语法：setInterval(code, milliseconds); setInterval(function, milliseconds, param1, param2, ...)参数 描述 code/function 必需。要调用一个代码串，也可以是一个函数。 milliseconds 必须。周期性执行或调用 code/function 之间的时间间隔，以毫秒计。
2020-05-16 18:24:19
584
1
原创 React报错大坑之一：Warning: Functions are not valid as a React child. This may happen if you return a Co...
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.翻译：方法（函数）作为一个React子组件是无效的。出现这种情况可能是因为：①你return..
2020-05-16 18:03:13
46676
3
原创 cmd命令提示符光标消失的解决方法（最快捷）
看了一些方法说是要打开控制面板设置什么的，其实根本不用这么麻烦。方法如下：切换输入法为中文输入法，随便打两个中文字，然后按shift切换回英文，光标就出现了。
2020-05-15 15:06:38
11205
18
原创 react-transition-group动画组件详解
1.react-transition-group的优势React有非常好的开发环境，任何开发需要的基本需求都可以找到官方或大神造的轮子，动画也不例外。react-transition-group动画组件表现很好，可以满足日常动画开发需求，而且是React官方提供的动画过渡库，有完整的API文档。注：react-transition-group官方文档https://reactcommunity.org/react-transition-group/2.安装切换终端为cmd后输入以
2020-05-14 15:15:20
5838
2
原创 vscode切换默认终端为cmd
学习react过程中，需要安装react-transition-group，但每次都要打开cmd安装包有点麻烦，想直接在vscode的终端进行安装。但此时默认终端是powershell，那怎么切换成cmd呢？方法如下：1.点击红框powershell，2.弹出菜单中点选择默认Shell3.选择自己需要的Shell,我这里需要cmd所以我点cmd4.如果发现控制台shell还是没变化，则重启vscode之后就会成你之前选择的shell了重启vscode前：重
2020-05-14 00:28:59
27273
5
原创 关于TypeError: this.state.data.map is not a function的解释
报错原因：array.map方法必须是“数组.map”，就是只用数组才有.map方法，若出现类似报错，请检查你调用.map方法的数据，到底是不是数组详细例子见我的另一篇博客：Easy's React学习笔记（二.进阶）中，19_axios数据请求的第三小节"3.axios从RAP2远端api请求自己mock(模拟)的数据"参考文献：https://stackoverflow.com/questions/39329100/uncaught-typeerror-this-state-da..
2020-05-13 13:11:36
5308
原创 npm install的4种常用方式的区别(附表格对比)：
npm install x:会把x模块安装到项目的node-modules目录中 不会修改package.json文件（不添加依赖）npm install x -g:安装模块到全局，不会把x模块安装到项目的node-modules目录中，具体安装到磁盘哪个位置，要看 npm cinfig prefix的位置 不会修改package.json文件（不添加依赖）npm install x -save会把x模块安装到项目的node-modules目录中 修改package.json文件的de
2020-05-12 16:18:25
1677
1
原创 管理员身份运行cmd（命令提示符）后，如何切换到其他盘的文件夹、路径的方法
1_以管理员身份运行cmd：方法一：左下角搜索cmd，右键点击红框内命令提示符，点以管理员身份运行方法二（推荐）：直接鼠标右键单击开始，然后左键点命令提示符（管理员）或按快捷键A2_管理员身份运行cmd（命令提示符）后，如何切换到其他盘指定文件夹（路径）的方法以 D:\Easy's code\react为例，第一步:要访问哪个盘的文件，就“盘名+:”，这里就是 d:第二步：要访问这个盘的哪个文件，直接cd+路径名，路径可以直接复制：...
2020-05-11 21:11:46
21358
4
原创 安装axios时，报错 npm install -save axios npm ERR! code EPERM npm ERR! 的解决方法
报错如下：npm install -save axiosnpm ERR! code EPERMnpm ERR! syscall opennpm ERR! path C:\Program Files\nodejs\node_cache\_cacache\tmp\3219faaenpm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\node_cache\_.
2020-05-11 17:37:29
6714
3
原创 nodejs版本升级大坑！
安装axios时报错：$ npm install -save axiosUnhandled rejection Error: EPERM: operation not permitted, open 'C:\Program Files\nodejs\node_cache\_cacache\tmp\071f96b7'npm ERR! cb() never called!npm ERR! This is an error with npm itself. Please report this e.
2020-05-11 17:36:37
2080
1
原创 React 16.4 最新生命周期图谱
官方地址：http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/可以在React官方文档中找到最新的图：
2020-05-10 14:41:21
284
原创 React：引入模块时，无法找到模块“”的声明文件。Try `npm install ` if it exists or add...if it exists or add a new declara
引入prop-types模块时发现发现有三个'...'鼠标放过去后提示，无法找到模块“prop-types”的声明文件。提示1:Try `npm install @types/prop-types`提示2：if it exists or add a new declaration (.d.ts) file containing `declare module 'prop-t...
2020-05-08 13:21:07
20050
原创 解决react developer tools安装好，后终端不生效，react DevTools failed to load SourceMap
控制台警告：在控制台的Settings进行设置去掉框柱的两项的√警告消失：
2020-05-08 00:39:00
3939
2
原创 vscode在当前窗口同时打开两个项目的方法
vscode想在当前窗口同时打开第两个项目时，如果在vscode内直接打开第二个项目的文件夹会把第一个项目的文件夹覆盖掉，怎么解决呢？只要将文件夹添加到工作区就可以实现在当前窗口同时打开两个项目了...
2020-05-05 16:00:01
12688
1
原创 create-react-app创建项目失败的解决方法：以管理员身份create-react-app、create-react-app的卸载与安装
直接在目录下cmd然后create-react-app，报错解决方法，以管理员身份运行cmd，再create-react-app，不报错了，但是依旧有问题：A template was not provided. This is likely because you're using an outdated version of create-react-app.Please not...
2020-05-02 15:59:54
3709
1
原创 jsx代码注释格式规范最全总结
本文讲述了jsx代码注释的格式规范：主要内容包括标签内注释、标签外注释、子组件标签上的注释index.html、index.js、Comments.js、ChildComponent.js的代码如下：index.html：<!DOCTYPE html><html lang="en"> <head> <meta charset...
2020-05-02 01:52:36
3348
原创 React快速生成代码插件Simple React Snippets的安装与使用
安装步骤：1.点击扩展插件2.搜索Simple React Snippets3.安装install安装后就可通过对应的Snippets（片段）快速生成（渲染render）大段代码：
2020-04-30 21:25:39
2234
原创 解释this指针指向与bind()方法：用bind方法永久绑定this的指向
参考资料：①MDN，函数的this关键字②MDN，bind()方法③MDN，箭头函数this指针的特点：①在绝大多数情况下，函数的调用方式决定了this的值。②this不能在执行期间被赋值，并且在每次函数被调用时this的值也可能会不同。③ES5引入了bind方法来设置函数的this值，而不用考虑函数如何被调用的。④ES2015 引入了支持this词法解析的箭...
2020-03-10 17:37:50
1734
原创 JavaScript Array map() 方法、箭头函数Arrow_functions的简单用法
参考资料：①菜鸟教程JavaScript Array map() 方法②MDN箭头函数结合参考资料，博主写的demo代码如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>JavaScript Array map() 方法、箭头函数Arrow_fu...
2020-03-09 16:09:15
849
原创 使用MDN Web 文档（Mozilla 开发者社区）搜索关键词，无法搜到具体内容的解决方法
以箭头函数为例：可以看到搜索结果与想要的内容不符，那这时候应该怎么办呢/用英文搜索即可：Arrow_functions可以看到下图的第二个连接就是我们要搜索的箭头函数点击第二个连接，找到箭头函数的内容，以后我们想在MDN找什么语法就可以通过搜索英文的方式快速搜索了。参考资料：MDN是什么？...
2020-03-08 23:51:39
973
1
原创 MDN是什么?MDN中文名？MDN Web Docs是什么？MDN Web Docs中文名是什么？
MDN,英文全称MozillaDeveloper Network，中文全称谋智开发者网络，著名的火狐浏览器Firefox就是Mozilla社区旗下的，程序员们都用过MDNWeb Docs （MDNWeb 文档，谋智开发者网络文档）也是出自Mozilla。MDN Web Docs是干嘛的？MDN Web Docs提供开放网络(OpenWeb)技术有关的信息,包括用于网站和渐进式网络...
2020-03-08 23:26:34
7350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人