- 博客(7)
- 收藏
- 关注
原创 React16—— Context API
背景介绍 假设有以下组件结构,并且只有D组件会用到A组件内的数据,那么就需要将props传递很多层,这样不仅书写起来很繁琐同时还会为夹在中间的组件引入不必要的 props<A> <B> <C> <D /> </C> </B></A> Context API解...
2019-04-09 23:29:51
293
原创 React16—— New render return type/Error Boundaries
New render return type React16之前,组件必须return时必须被一个父元素(例如div)所包裹起来,这样有时就会有增加冗余的dom结构(有讲究的前端怎么能忍)。 于是React16便提供几种新的返回类型:数组或Fragment:可以返回多个元素const arrayType = () => ( [ <li key="A"&g...
2019-04-04 00:01:55
379
原创 npm publish 402&403
最近使用npm发布包时遇到402和403错误,其中403错误又分为两种,分别记录一下。一、403错误:1、第一种情况:这时需要检查npm源是否是http://registry.npmjs.org/,是否登录成功(npm login 或者npm adduser 登录),已有重复的包名(修改package.json里的name或者使用scope)。2、第二种情况:出现第一种错误...
2019-03-02 18:10:18
2395
原创 全局安装eslint时遇到的问题
在某个项目中使用eslint --fix时报了如下错:但其实在项目中已经安装了'eslint-config-airbnb'这个模块。这个问题出现的原因就是使用全局eslint时寻找的也是全局的模块。有以下两种方法解决:1.全局安装'eslint-config-airbnb'模块;2.进入./node_modules/.bin目录中使用局部eslint。...
2018-09-19 10:07:05
2422
原创 flex子元素超过父元素宽度时,子元素宽度被压缩
问题描述: 在使用flex布局时,左边的div宽度为父元素的百分之80%,右边button宽度固定,但是最终结果时div和button的实际宽度都被压缩了。具体代码如下:<div class="parent"> <div class="sub"></div> <button class="button">button
2018-08-20 17:24:35
4918
1
原创 理解mobx @computed、autorun、get函数
第一篇博客记录一下刚工作时思考的问题。1.首先看第一个例子:const number = observable(10);const plus = computed(() => number.get() > 0);autorun(() => { console.log(plus.get());});// truenumber.set(-19);//fals...
2018-07-18 11:23:35
7048
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人