你想知道的关于 Refs 的知识都在这了

2019-10-29
阅读 10 分钟
14.2k
Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 Refs 使用场景 在某些情况下,我们需要在典型数据流之外强制修改子组件,被修改的子组件可能是一个 React 组件的实例,也可能是一个 DOM 元素,例如: 管理焦点,文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 设置 Refs 1...

Array.from() 五个超好用的用途

2019-08-29
阅读 4 分钟
22.9k
翻译:刘小夕原文链接:[链接] 因水平有限,文中部分翻译可能不够准确,如果你有更好的想法,欢迎在评论区指出。 更多文章可戳: [链接] 任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。 JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如: 数组、类数组对象...

可靠React组件设计的7个准则之组合和复用

2019-08-12
阅读 6 分钟
4k
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我对文章进行了分割,本篇文章重点阐述 组合和复用。因水平有限,文中部分翻译可能不够准确,如果你有更好的想法,欢迎在评论区指出。

可靠React组件设计的7个准则之封装

2019-08-09
阅读 5 分钟
9.8k
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我对文章进行了分割,本篇文章重点阐述 封装。因本人水平有限,文中部分翻译可能不够准确,如果您有更好的想法,欢迎在评论区指出。

可靠React组件设计的7个准则之SRP

2019-08-08
阅读 10 分钟
2.7k
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我不得不进行了分割,本篇文章重点阐述 SRP,即单一职责原则。

深入理解全能的 Reducer

2019-08-07
阅读 4 分钟
5k
这两段代码在功能上是等价的,都是数组中所有数字的总和,但是它们之间有一些理念差异。让我们先研究一下 reducer,因为它们功能强大,而且在编程中很重要。有成百上千篇关于 reducer 的文章,最后我会链接我喜欢的文章。

【译】Proxy及其优势

2019-08-06
阅读 5 分钟
3.7k
通常,当谈到JavaScript语言时,我们讨论的是ES6标准提供的新特性,本文也不例外。 我们将讨论JavaScript代理以及它们的作用,但在我们深入研究之前,我们先来看一下Proxy的定义是什么。

【中高级前端必备】手摸手教你撸一个脚手架

2019-07-25
阅读 9 分钟
4.5k
vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架,通过脚手架,我们可以快速初始化一个项目,无需自己从零开始一步步配置,有效提升开发体验。尽管这些脚手架非常优秀,但是未必是符合我们的实际应用的,我们可以定制一个属于自己的脚手架(或公司通用脚手架),来提升自己的开发效率。

【Step-By-Step】高频面试题深入解析 / 周刊07

2019-07-10
阅读 10 分钟
2.8k
本周面试题一览: 实现一个 JSON.stringify 实现一个 JSON.parse 实现一个观察者模式 使用CSS让一个元素水平垂直居中有哪些方式 ES6模块和CommonJS模块有哪些差异? 更多优质文章可戳: [链接] 31. 实现一个 JSON.stringify JSON.stringify([, replacer [, space]) 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON...

【Step-By-Step】高频面试题深入解析 / 周刊06

2019-07-02
阅读 8 分钟
2.5k
本周面试题一览: 原型链继承的基本思路是什么?有什么优缺点? 借用构造函数和组合继承基本思路是什么?有什么优缺点? 原型式继承的基本思路是什么?有什么优缺点? 寄生式继承的基本思路是什么?有什么优缺点? 寄生组合式继承的基本思路是什么?有什么优缺点? 本周是继承专题,在开始之前,需要先了解构造函数、原型...

这儿有20道大厂面试题等你查收

2019-06-26
阅读 25 分钟
5.2k
本文挑选了20到大厂面试题,大家在阅读时,建议不要先看我的答案,而是自己先思考一番。尽管,本文所有的答案,都是我在翻阅各种资料,思考并验证之后,才给出的。但因水平有限,本人的答案未必是最优的,如果您有更好的答案,欢迎给我留言。

【Step-By-Step】高频面试题深入解析 / 周刊05

2019-06-24
阅读 5 分钟
3k
本周面试题一览: 实现 Promise.race 方法 JSONP 原理及简单实现 实现一个数组去重的方法 清楚浮动的方法有哪些 编写一个通用的柯里化函数 currying 更多优质文章可戳: [链接] 20. 实现 Promise.race 方法 在实现 Promise.race 方法之前,我们首先要知道 Promise.race 的功能和特点,因为在清楚了 Promise.race 功能和特...

【Step-By-Step】高频面试题深入解析 / 周刊04

2019-06-17
阅读 8 分钟
3.3k
本周面试题一览: 什么是闭包?闭包的作用是什么? 实现 Promise.all 方法 异步加载 js 脚本的方法有哪些? 请实现一个 flattenDeep 函数,把嵌套的数组扁平化 可迭代对象有什么特点? 更多优质文章可戳: [链接] 15. 什么是闭包?闭包的作用是什么? 什么是闭包? 闭包是指有权访问另一个函数作用域中的变量的函数,创建...

【Step-By-Step】一周面试题深入解析 / 周刊 03

2019-06-10
阅读 7 分钟
2.4k
本周面试题一览: 什么是XSS攻击,XSS 攻击可以分为哪几类?我们如何防范XSS攻击? 如何隐藏页面中的某个元素? 浏览器事件代理机制的原理是什么? setTimeout 倒计时为什么会出现误差? 11. 什么是XSS攻击,XSS攻击可以分为哪几类?我们如何防范XSS攻击? 1. XSS攻击 XSS(Cross-Site Scripting,跨站脚本攻击)是一种代码...

9102了,你还不会移动端真机调试?

2019-03-22
阅读 4 分钟
24.1k
很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决,因为缺乏可视化的界面。不似在PC端,我们能直观的去改变样式,或者是进行断点调试。有时,在移动端我们不得不借助于a...

移动端下拉刷新头实现原理及代码实现

2019-03-08
阅读 3 分钟
4.5k
监听原生touchmove事件,记录并计算当前滑动的位置值与初始位置值的差值,大于某个临界值时,显示下拉刷新头,并将页面的overflow属性,设置为false;