react
HongfeiAn
努力学习,天天变强
展开
-
react使用jest进行单元测试
1.什么是单元测试 单元测试又称模块测试,是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。 单元可以是一个函数,一个样式,我感觉项目的每一个部分,功能,样式都可以说是单元 2.为什么要单元测试 做前端的很多人可能不会去写单元测试,认为这是一个浪费时间的事情,我们有这么多的需求,哪还有时间跟精力去编写测试代码?这么想当然没有错,但是当一个项目由多人一起维护的时候,假如A写了一个页面,B去维护A的页面加了一些逻辑,C去维护该页面再添加一些逻辑,当A再原创 2020-08-28 17:05:41 · 1527 阅读 · 0 评论 -
致我第一次凉凉的面试
在电话挂断的那一刻起,我就知道,我凉凉了,问的问题,也不算太难,但我就是答不上来(本来信心满满),好多到嘴边儿了,就是说不上来,弄得我头皮发麻,最后面试官问的问题,我都没有记全,就记得了 1.react-hook 2.js 状态提升 如何让函数内的var 定义的变量让全局生效 3.js的几种类型 4.es5 继承 5.微信小程序(忘了问啥了) 6.redux(忘了问啥了) 7.CSS层叠上下文 8.typeof null返回的结果是什么 9.如果没有定义变量,直接打印,控制台是否会报错,如果不报错,返回什么原创 2020-07-01 11:44:46 · 310 阅读 · 0 评论 -
使用npx react-native init 项目名 ,yarn android/npm android 运行错误
这里说的是是使用官网说的Android studio运行方式 在我运行项目的时候,出现这种情况: 明明我已经把创建的项目的android文件夹添加到了Android studio的项目 中,且虚拟机已经建好了, 但是当用yarn android运行时,报错 说我没有android环境 试了很多种方法,最后不经意间发现报错出现的乱码,突然想到是不是汉字的原因 果不其然,将项目放置的目录,都改成英文,项目愉快的跑了起来 也就是说,你将要运行的项目,它所存放的路径,不能有中文 ...原创 2020-05-12 17:18:24 · 1660 阅读 · 0 评论 -
React-Native安装踩坑--在按照官网操作后发现的一些问题
这两天准备学习react-native,因为偷懒,休息了两天。 今天终于开始了 首先看 官网 因为本人用的windows,所以ios对不起喽(估计差不多吧) 看官网,需要准备三个东西(学到这里了都,默认安装node) Python2 JDK 3.Android Studio 傻瓜式操作即可 三个都需要配置一下环境变量, 如果不会环境变量配置,那么可以使用我们的利器–查百度,很详细的 下面几张图是环境前两个环境变量的配置图: 第三个环境变量配置按照官网即可 前两个都是小case,第三个坑就比较多原创 2020-05-08 23:11:26 · 238 阅读 · 0 评论 -
第一次学习react-redux,可以看,带有配套Demo
redux js提供的一个可预测性(我们给一个固定的输入 那么必定可以等到一个结果)的状态容器 集中管理react中多个组件的状态 redux是一个专门的状态管理库 在(vue中也可以使用 但是在react中会使用比较多) 需求场景 1.每个组件的状态需要共享的时候 2.组件需要改变另外一个组件的时候 3.中的状态需要在任何地方都可以拿到 三大场景: 1.单一的数据源 真个react中的状态...原创 2020-04-13 21:43:47 · 193 阅读 · 0 评论 -
react---Hook
Hook是react中16.7新增的一个特性 主要是用来让无状态组件可以使用状态 在react开发中状态的管理是必不可少的 以前为了进行状态管理 我们需要使用类组件或者redux等来管理 普通的类组件使用状态 class App extends React.Component{ constructor(props){ super(props) this.state={...原创 2020-04-13 21:30:40 · 123 阅读 · 0 评论 -
react---props和state
props props是react中一个重要的属性 是组件对外的接口 我们props就可以从组件的外部向组件的内部进行数据的传递 也可以完成父组件向子组件的数据传递 注意:无论是无状态组件还是类组件 我们都不能修改自身的props props在无状态组件中基础使用 <div id="demoReact"></div> <script type="t...原创 2020-04-12 00:08:18 · 131 阅读 · 0 评论 -
react---ref转发
转发refs : 是react当中提供的一个ref的数据(不能在无状态组件当中来进行使用 因为无状态组件没有实例) 表示当前组件的真正实例的引用 他会返回绑定当前属性的元素 标识组件内部的元素–方便我们查找 react给我们提供了三种方式进行ref的使用 实现点击在控制台打印输入的数据值 1.字符串的方式 class Com extends React.Component{ ...原创 2020-04-11 23:41:50 · 270 阅读 · 0 评论