自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 React16—— Context API

背景介绍 假设有以下组件结构,并且只有D组件会用到A组件内的数据,那么就需要将props传递很多层,这样不仅书写起来很繁琐同时还会为夹在中间的组件引入不必要的 props <A> <B> <C> <D /> </C> </B> </A> Context API解...

2019-04-09 23:29:51 379

原创 React16—— Portals

背景介绍 想象一下现在有图1所示的组件结构,并且D组件是相对于A组件定位的。通常有两种解决方式: ...

2019-04-08 22:10:56 377

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

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

原创 全局安装eslint时遇到的问题

在某个项目中使用eslint --fix时报了如下错: 但其实在项目中已经安装了'eslint-config-airbnb'这个模块。 这个问题出现的原因就是使用全局eslint时寻找的也是全局的模块。有以下两种方法解决: 1.全局安装'eslint-config-airbnb'模块; 2.进入./node_modules/.bin目录中使用局部eslint。...

2018-09-19 10:07:05 2545

原创 flex子元素超过父元素宽度时,子元素宽度被压缩

问题描述: 在使用flex布局时,左边的div宽度为父元素的百分之80%,右边button宽度固定,但是最终结果时div和button的实际宽度都被压缩了。具体代码如下: &lt;div class="parent"&gt; &lt;div class="sub"&gt;&lt;/div&gt; &lt;button class="button"&gt;button

2018-08-20 17:24:35 5106 1

原创 理解mobx @computed、autorun、get函数

第一篇博客记录一下刚工作时思考的问题。 1.首先看第一个例子: const number = observable(10); const plus = computed(() =&gt; number.get() &gt; 0); autorun(() =&gt; { console.log(plus.get()); }); // true number.set(-19);//fals...

2018-07-18 11:23:35 7280 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除