- 博客(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—— 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的实际宽度都被压缩了。具体代码如下: <div class="parent"> <div class="sub"></div> <button class="button">button
2018-08-20 17:24:35
5106
1
原创 理解mobx @computed、autorun、get函数
第一篇博客记录一下刚工作时思考的问题。 1.首先看第一个例子: const number = observable(10); const plus = computed(() => number.get() > 0); autorun(() => { console.log(plus.get()); }); // true number.set(-19);//fals...
2018-07-18 11:23:35
7280
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅