前端
mirror__huang
这个作者很懒,什么都没留下…
展开
-
理解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 · 7083 阅读 · 1 评论 -
flex子元素超过父元素宽度时,子元素宽度被压缩
问题描述: 在使用flex布局时,左边的div宽度为父元素的百分之80%,右边button宽度固定,但是最终结果时div和button的实际宽度都被压缩了。具体代码如下:<div class="parent"> <div class="sub"></div> <button class="button">button原创 2018-08-20 17:24:35 · 4958 阅读 · 1 评论 -
全局安装eslint时遇到的问题
在某个项目中使用eslint --fix时报了如下错:但其实在项目中已经安装了'eslint-config-airbnb'这个模块。这个问题出现的原因就是使用全局eslint时寻找的也是全局的模块。有以下两种方法解决:1.全局安装'eslint-config-airbnb'模块;2.进入./node_modules/.bin目录中使用局部eslint。...原创 2018-09-19 10:07:05 · 2443 阅读 · 0 评论 -
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 · 2423 阅读 · 0 评论 -
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 · 402 阅读 · 0 评论 -
React16—— Portals
背景介绍 想象一下现在有图1所示的组件结构,并且D组件是相对于A组件定位的。通常有两种解决方式: ...原创 2019-04-08 22:10:56 · 297 阅读 · 0 评论