React16免费视频教程(共28集)

全文

React新旧生命周期一览

React16.3.0开始,生命周期进行了一些变化。本文主要介绍React16.3.0之后的生命周期。
16版本之前的react组件的生命周期相信大家已经很熟悉。16版本的react对组件的生命周期函数进行了一些修改,下面进行详细说明。

全文

精读《React Hooks 最佳实践》

原文地址:https://zhuanlan.zhihu.com/p/81752821
React 16.8 于 2019.2 正式发布,这是一个能提升代码质量和开发效率的特性,笔者就抛砖引玉先列出一些实践点,希望得到大家进一步讨论。
然而需要理解的是,没有一个完美的最佳实践规范,对一个高效团队来说,稳定的规范比合理的规范更重要,因此这套方案只是最佳实践之一。

全文

React实战视频教程

全文

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

原文地址:https://github.com/YvetteLau/Blog/issues/5

移动端调试困难

很多时候,我们在进行移动端开发时,都是先在PC端使用手机模拟器进行调试,没有问题后,我们才会在手机端的浏览器进行测试,这个时候,如果没有出现问题,皆大欢喜。但是一旦出现问题,我们就很难解决,因为缺乏可视化的界面。不似在PC端,我们能直观的去改变样式,或者是进行断点调试。有时,在移动端我们不得不借助于alert来调试,但是这样的调试方法效率极其低下,很多时候,都是靠经验,或者是靠排除法。甚至,我们不得不归结为是浏览器的实现问题。

全文

浏览器的一些“滚动”行为鉴赏

原文地址:https://juejin.im/post/5d75adfbe51d4561e84fcc9c#comment
按照我的个人理解,滚动分全局滚动(浏览器窗口)局部滚动(自定义的盒子),以下内容绝大部分都是指全局滚动局部滚动的话获取指定的DOM再调用相应的API即可✅

全文

30 seconds of code 30秒就能理解的JavaScript优秀代码

30 seconds of code 30秒就能理解的JavaScript优秀代码

全文

利用"交叉观察者"(IntersectionObserver接口),轻松实现懒加载、吸顶、触底

原文地址:https://juejin.im/post/5d665133e51d4561c83e7c83#heading-1
可以先看一下MDN中的介绍:
IntersectionObserver接口,提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法,祖先元素与视窗(viewport)被称为根(root);

全文

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

原文地址:https://juejin.im/post/5d66b019f265da03a715e5d7
翻译:刘小夕 原文链接:https://dmitripavlutin.com/javascript-array-from-applications/

因水平有限,文中部分翻译可能不够准确,如果你有更好的想法,欢迎在评论区指出。

任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。

JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、mapset 等可迭代对象) 上进行有用的转换。

在本文中,我将描述5个有用且有趣的 Array.from() 用例。

全文

从多线程到Event Loop全面梳理

原文地址:https://juejin.im/post/5d5b4c2df265da03dd3d73e5
几乎在每一本JS相关的书籍中,都会说JS是单线程的,JS是通过事件队列(Event Loop)的方式来实现异步回调的。
对很多初学JS的人来说,根本搞不清楚单线程的JS为什么拥有异步的能力,所以,我试图从进程线程的角度来解释这个问题。

全文

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

原文地址:https://github.com/YvetteLau/Blog/issues/43
翻译:刘小夕
原文链接:https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/)
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我对文章进行了分割,本篇文章重点阐述 **封装**。因本人水平有限,文中部分翻译可能不够准确,如果您有更好的想法,欢迎在评论区指出。

全文

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

原文地址:https://github.com/YvetteLau/Blog/issues/42
翻译:刘小夕
原文链接:https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/

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

我喜欢React组件式开发方式。你可以将复杂的用户界面分割为一个个组件,利用组件的可重用性和抽象的DOM操作。

基于组件的开发是高效的:一个复杂的系统是由专门的、易于管理的组件构建的。然而,只有设计良好的组件才能确保组合和复用的好处。

尽管应用程序很复杂,但为了满足最后期限和意外变化的需求,你必须不断地走在架构正确性的细线上。你必须将组件分离为专注于单个任务,并经过良好测试。

全文

细说JS异步发展历程

原文地址:https://github.com/YvetteLau/Blog/issues/30
知其然知其所以然,首先了解三个概念:1.什么是同步?, 2.什么是异步?, 3.JavaScript 中为什么需要异步?

全文

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

原文地址:https://github.com/YvetteLau/Blog/issues/39

全文

深入理解全能的 Reducer

原文地址:https://github.com/YvetteLau/Blog/issues/41
翻译: 刘小夕 原文链接:https://css-tricks.com/understanding-the-almighty-reducer/
有一些小伙伴,对JavaScript的 reduce 方法还不够理解,我们来看下面两段代码:

全文

🌓