原文地址:https://juejin.im/post/5d665133e51d4561c83e7c83#heading-1
可以先看一下MDN中的介绍:IntersectionObserver接口,提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法,祖先元素与视窗(viewport)被称为根(root);
关注前端知识,收集精彩博文,做技术的搬运工
原文地址:https://juejin.im/post/5d665133e51d4561c83e7c83#heading-1
可以先看一下MDN中的介绍:IntersectionObserver接口,提供了一种异步观察目标元素与其祖先元素或顶级文档视窗(viewport)交叉状态的方法,祖先元素与视窗(viewport)被称为根(root);
原文地址:https://juejin.im/post/5d66b019f265da03a715e5d7翻译:刘小夕 原文链接:https://dmitripavlutin.com/javascript-array-from-applications/
因水平有限,文中部分翻译可能不够准确,如果你有更好的想法,欢迎在评论区指出。
任何一种编程语言都具有超出基本用法的功能,它得益于成功的设计和试图去解决广泛问题。
JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如:
数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。
在本文中,我将描述5个有用且有趣的 Array.from() 用例。
原文地址:https://juejin.im/post/5d5b4c2df265da03dd3d73e5
几乎在每一本JS相关的书籍中,都会说JS是单线程的,JS是通过事件队列(Event Loop)的方式来实现异步回调的。
对很多初学JS的人来说,根本搞不清楚单线程的JS为什么拥有异步的能力,所以,我试图从进程、线程的角度来解释这个问题。
原文地址:https://github.com/YvetteLau/Blog/issues/43翻译:刘小夕原文链接:https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/)
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我对文章进行了分割,本篇文章重点阐述封装。因本人水平有限,文中部分翻译可能不够准确,如果您有更好的想法,欢迎在评论区指出。
原文地址:https://github.com/YvetteLau/Blog/issues/42翻译:刘小夕原文链接:https://dmitripavlutin.com/7-architectural-attributes-of-a-reliable-react-component/
原文的篇幅非常长,不过内容太过于吸引我,还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长,我不得不进行了分割,本篇文章重点阐述SRP,即单一职责原则。
我喜欢React组件式开发方式。你可以将复杂的用户界面分割为一个个组件,利用组件的可重用性和抽象的DOM操作。
基于组件的开发是高效的:一个复杂的系统是由专门的、易于管理的组件构建的。然而,只有设计良好的组件才能确保组合和复用的好处。
尽管应用程序很复杂,但为了满足最后期限和意外变化的需求,你必须不断地走在架构正确性的细线上。你必须将组件分离为专注于单个任务,并经过良好测试。
原文地址:https://github.com/YvetteLau/Blog/issues/30
知其然知其所以然,首先了解三个概念:1.什么是同步?, 2.什么是异步?, 3.JavaScript 中为什么需要异步?
原文地址:https://github.com/YvetteLau/Blog/issues/41翻译: 刘小夕 原文链接:https://css-tricks.com/understanding-the-almighty-reducer/
有一些小伙伴,对JavaScript的 reduce 方法还不够理解,我们来看下面两段代码:
原文地址:https://github.com/YvetteLau/Blog/issues/40
通常,当谈到JavaScript语言时,我们讨论的是ES6标准提供的新特性,本文也不例外。
我们将讨论JavaScript代理以及它们的作用,但在我们深入研究之前,我们先来看一下Proxy的定义是什么。
MDN上的定义是:代理对象是用于定义基本操作的自定义行为(例如,属性查找,赋值,枚举,函数调用等)。
换句话说,我们可以说代理对象是我们的目标对象的包装器,我们可以在其中操纵其属性并阻止对它的直接访问。
你可能会发现将它们应用到实际代码中很困难,我鼓励你仔细阅读这个概念,它可能会改变你的观点。
原文地址:https://github.com/YvetteLau/Blog/issues/6
this关键字是JavaScript中最复杂的机制之一,是一个特别的关键字,被自动定义在所有函数的作用域中,但是相信很多JavaScript开发者并不是非常清楚它究竟指向的是什么。听说你很懂this,是真的吗?