自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

lncci的博客

学习 生活

翻译 【译】 React官方:函数组件与类组件的差异 ?

话外:随着 react 新特性 HOOKS 的提出,最新很多人开始讨论 react 里面的函数组件和 class 组件到底有什么不同?这里是 Dan Abramov 的一篇文章 How Are Function Components Different From Classes, 下面是对这篇文章...

2019-03-27 15:21:01

阅读数 482

评论数 0

原创 chrome调试技巧

总结的掘金小册:你不知道的Chrome调试技巧里面的内容,部分有做总结,特别的章节满满的干货,就直接贴的链接。 通用: Copying and saving 1、可通过copy拿到任何你能拿到的资源包括一些变量:copy(location)、copy($_)/copy($0) 2. store a...

2019-03-12 16:08:50

阅读数 98

评论数 0

原创 从头条面试题看 JS 事件循环与 macro micro 任务队列

这里需要明白几个概念:同步任务、异步任务、task queue、microtask、macrotask 同步任务指的是,在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务;异步任务指的是,不进入主线程、而进入"任...

2019-03-07 16:53:04

阅读数 129

评论数 0

原创 antd:ConfigProvider中为什么需要为 wave effect 动效,单独定义全局的 csp?

为什么: 在做波纹效果的时候添加了style标签的内联样式,为了防止xss攻击,可启动网站的内容安全策略,所以这里配置了csp属性,再将这个属性的值传递给子组件的style/script标签生成nonce属性。 分析: ant-design组件中:Buttoon、Audio、Dropdown实现了...

2019-03-01 11:18:06

阅读数 367

评论数 0

转载 ReactV16.3即将更改的生命周期

一年多来,React团队一直致力于实现异步渲染。上个月,他在JSConf冰岛的演讲中,丹揭示了一些令人兴奋的新的异步渲染可能性。现在,我们希望与您分享我们在学习这些功能时学到的一些经验教训,以及一些帮助您准备组件以在启动时进行异步渲染的方法。 我们了解到的最大问题之一是,我们的一些传统组件生命周...

2019-02-27 11:54:03

阅读数 32

评论数 0

原创 react里面props到底是什么,怎么用。

概念 官网上是这么说的: When React sees an element representing a user-defined component, it passes JSX attributes to this component as a single object. We cal...

2019-02-26 14:09:18

阅读数 464

评论数 0

原创 无单位的行高值

line-height属性既可以接收无单位的数值,也可以使用带单位的数值(不建议这么使用) 当定义一个有单位的行高时,eg:line-height:1em,若后代元素没有定义行高,就会将父元素计算后的行高结果值传给全部的后代元素,注意这里的em是相对于当前元素的font-size来进行换算的。 ...

2018-12-21 20:48:54

阅读数 34

评论数 0

原创 重置样式表

浏览器有默认的样式表,即使开发者不对自己的页面写一行css代码,打开的页面也总会存在样式,但不同的浏览器的默认样式略有不同,这在一定程度上给开发者创造了麻烦,所以一般在开始写css代码的之前总是会先重置样式表。具体方法:  css reset:访问https://meyerweb.com/eri...

2018-12-20 19:08:49

阅读数 188

评论数 0

原创 词法作用域、动态作用域

在看《你不知道的JavaScript》的时候更加深入的了解了一下js中的作用域,看的是很带劲儿,但是总害怕记不住,好记性不如烂笔头嘛,所以我决定稍微写一些,考虑的不太全面,以后慢慢修改。 需要明确的是:事实上JavaScript并不具有动态作用域,它只有词法作用域,简单明了,但是this机制某种...

2018-10-10 16:06:58

阅读数 190

评论数 0

原创 同样不太好懂的箭头函数this的指向

1、先来看一个例子吧:(输出什么呢?) var foo={ foo:function(){ console.log(this); }, b:()=>{console.log(this)} } foo.foo(); foo.b(); 答:foo....

2018-09-29 18:24:12

阅读数 43

评论数 0

原创 最近的笔试和面试

笔试: 美丽联合: 1、console.log(["a",,"b",,].length)//4    注意这里未填写元素的位置的值为undefined。所以这里的length为4.但是最后一个,后面不会再补值。[&...

2018-09-27 21:44:08

阅读数 126

评论数 0

转载 jQuery绑定事件

现在还在使用的jQuery绑定事件的方法:on、bind(delete与live在jQuery1.7中被移出) on->off、bind->unbind 1、bind(event,[data],function) bind 是使用频率较高的一种,...

2018-09-18 08:59:30

阅读数 143

评论数 0

转载 从[]==flase看js隐性转换

JS的数据类型 首先,回想一下JS的类型都有什么。 原始值(primitives): undefined, null, booleans, numbers,strings, symbol(es6) 对象值(objects): Object ok, 这就是全部了,我们接下来看看到底发生了什么...

2018-09-12 23:08:58

阅读数 66

评论数 0

转载 css的关键字:initial、inherit、unset

经常会碰到,问一个 CSS 属性,例如 position 有多少取值。 通常的回答是 static、relative、absolute 和 fixed 。当然,还有一个极少人了解的 sticky 。其实,除此之外, CSS 属性通常还可以设置下面几个值: initial inherit u...

2018-09-12 16:56:14

阅读数 390

评论数 0

转载 循环遍历

1、最简单的for循环 2、for····in····循环返回typeof为object的键名,不能直接获得键值 3、for···of···本质上是调用iterator接口产生的遍历器获得键值; (1)使用for   of  遍历对象,因为自己生成的对象没有iterator接口,所以在直接...

2018-09-10 17:14:39

阅读数 206

评论数 0

原创 匿名函数的this指向

var obj={ x:1, xyz:function(){ with(this){ function con(){ console.log(x); console.log(this.x); } var x=2;...

2018-09-08 17:30:15

阅读数 336

评论数 0

原创 猫眼面试

1、三列布局(毕问题):左右宽度固定,中间自适应 flex布局(超级简单易用) html: <div id="container"> <div class="lef...

2018-08-31 23:20:55

阅读数 589

评论数 0

转载 http强制缓存VS协商缓存

首先与缓存相关的header字段有: 与强制缓存相关:catch-control、expires 与协商缓存相关:Last-Modified/if-Modified-Since、Etag/if-None-Match.  本文主要讲解浏览器端的缓存,缓存的作用是不言而喻的,能够极大的改善网页性...

2018-08-29 14:45:32

阅读数 622

评论数 0

转载 原生js写继承

js中实现继承的方法: 假设现在存在一个构造函数想继承另一个构造函数。 function Friend(){ this.friend="xiaohua"; } function Person(name,age){ this.name=name;...

2018-08-25 21:53:53

阅读数 528

评论数 0

转载 数组去重

1.双重循环去重,增加了额外的空间 function singelItem(array){ var newArr=[]; if(array.length===0){ return; } for(var i=0;i<array.length;i++)...

2018-08-25 09:58:55

阅读数 58

评论数 0

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