5 xiaozhu_personal

尚未进行身份认证

github.com/xiaohesong/til

等级
博文 65
排名 5w+

JavaScript的全局变量是如何工作的

在这篇博客文章中,我们将研究JavaScript的全局变量是如何工作的。一些有趣的现象是:脚本的作用域、所谓的全局对象等等。作用域变量的词法作用域(lexicalscope)(简称:作用域(scope))是程序中可以访问它的区域。JavaScript的作用域是静态的(它们在运行时不会改变)并且它们可以嵌套-例如:functionfunc(){//(A)constfo...

2019-07-16 11:00:36

react-redux@7.1用于hooks的API

React-redux7.1发版啦。因为在新的项目中用到了hooks,但是用的时候react-redux还处于alpha.x版本的状态。用不了最新的API,感觉不是很美妙。好在,这两天发布了7.1版本。现在来看看怎么用这个新的API。useSelector()constresult:any=useSelector(selector:Function,equalityFn?...

2019-06-14 20:20:00

JavaScript 更快的异步(async)函数和promise

本文原文:更快的异步功能和promiseJavaScript中的异步处理传统上以速度不快而闻名。更糟的是,调试实时JavaScript应用程序(特别是Node.js服务器)不是一件容易的事情,尤其是在异步编程方面。幸运的是,时代正在改变。本文探讨了如何在V8中优化异步函数和promis(在某种程度上,在其他JavaScript引擎中也是如此),并描述了如何改进异步代码的调试体验。注意:...

2019-04-18 17:26:51

JavaScript引擎基础:优化原型

本文原文:优化原型.md本文介绍了所有JavaScript引擎通用的一些关键基础原理-而不仅仅是作者(Benedikt和Mathias)所使用的V8引擎。作为JavaScript开发人员,深入了解JavaScript引擎的工作原理可以帮助你了解代码的性能特征。之前,我们讨论了JavaScript引擎如何通过使用Shapes和InlineCaches来优化对象和数组访问。本文解释了优...

2019-03-29 16:08:48

JavaScript引擎基础:外形和内联缓存

JavaScript引擎基础:外形和内联缓存本文原文:JavaScript引擎基础:外形和内联缓存本文介绍了所有JavaScript引擎通用的一些关键基础原理-而不仅仅是作者(Benedikt和Mathias)所使用的V8引擎。作为JavaScript开发人员,深入了解JavaScript引擎的工作原理可以帮助你了解代码的性能特征。注意:如果你更喜欢观看演示文稿而不是阅读文章,那么...

2019-03-28 16:31:31

一份完整的useEffect指南

本文太长,谨慎阅读。本文原文:一份完整的useEffect指南原文档:ACompleteGuidetouseEffect你使用hooks写了一些组件。也许只是一个小的应用。你基本上是满意的。你对这个API游刃有余,并在此过程中学会了一些技巧。你甚至做了一些自定义Hook来提取重复逻辑(300行代码消失了!)并向你的同事展示了它。他们会说,“干得好”。但是有时候当你使用useE...

2019-03-26 17:00:04

React: 函数组件与类有什么不同?

原文:HowAreFunctionComponentsDifferentfromClasses?原译文:函数组件与类有什么不同?函数组件与类有什么不同?React函数组件与React类组件有何不同?有一段时间,规范的答案是:类可以访问更多功能(如状态)。有了Hooks,就不再是这样了。也许你听说其中一个在性能上会更好。那么是哪一个?许多这样的benchmarks是...

2019-03-05 11:33:50

Understanding ES6 -- 深入理解ES6书籍

understandinges6– NicholasC.Zakas块级绑定function拓展对象功能解构symbolSetsandMapsIteratorsandGeneratorsclass改进的数组promise代理和反射–Proxy&Reflectionmodules附录A–小的改变附录B–undestandinges7...

2019-02-16 12:10:57

让setInterval在React-Hooks中成为声明式

MakingsetIntervalDeclarativewithReactHooks原文:MakingsetIntervalDeclarativewithReactHooks原译文:让setInterval在React-Hooks中为声明式如果你玩ReactHooks有一些时间,你可能会遇到一个有趣的问题:使用setInterval并不会按照你的预期工作。用Ry...

2019-02-07 13:02:05

react作为ui在运行

原译文:React作为ui运行原文:ReactasaUIRuntimeReactasaUIRuntime大多数的教程介绍React是作为一个ui库。这个是说的通的,因为React是一个UI库。这就是标语所说的!我之前写过关于创建用户界面的挑战。但是这篇文章以不同的方式谈论react—更像是程序运行时。这篇文章不会教你任何创建用户界面的东西。但它可能会帮助你更...

2019-02-07 13:01:03

从头实现一个简单的React

本节是stackreconciler程序的实现说明的集合。本文有一定的技术含量,要对React公共API以及它如何分为核心,渲染器和协调(和解,reconciler)程序有很深的理解。如果你对React代码库不是很熟悉,请首先阅读代码库概述。它还假设你了解React组件的实例和元素之间的差异。stackreconciler用于15版本和早期.它的代码在src/renderers...

2019-01-06 12:53:53

react-redux的浅比较解析

原文:从源码看浅比较之前看react-redux的源码,记录了一些东西,然后前两天闲着没事看了下浅比较(之前知道浅比较,但是没有看源码,和自己想象中的浅比较基本就是那么一回事)。看react-redux源码的记录在clone下来的代码库里。如果你也在看或准备看源码,希望会对你有所帮助吧。下面是浅比较部分的代码解析:consthasOwn=Object.prototype.hasO...

2018-12-28 15:21:32

JavaScript 什么是函数式编程

原文:MastertheJavaScriptInterview:WhatisFunctionalProgramming?译文:什么是函数式编程?什么是命令式?声明式—一起学习可以watch,欢迎star“掌握JavaScript面试”是一系列帖子,旨在帮助候选人准备他们在申请中高级JavaScript职位时可能遇到的常见问题。这些是我经常在现实面试中使用的问题。函...

2018-12-25 15:26:48

react的setState如何知道该做什么

原文:HowDoessetStateKnowWhattoDo?原译文:react的setState如何知道他要做什么译:可能看到标题的时候会想,怎么去做还不是看代码吗?react中的setState不就是负责更新状态码?于是就抱着好奇心看下去了。当你在组件中调用setState的时候,你认为让发生了什么?importReactfrom'react';import...

2018-12-09 17:17:14

React如何知道是类组件还是函数组件

原文:how-does-react-tell-a-class-from-a-function译文原文:react是如何知道组件是不是类组件考虑这个定义为函数的Greeting组件:functionGreeting(){return<p>Hello</p>;}react同样支持作为一个类去定义它:classGreetingextendsRe...

2018-12-03 13:20:08

redux的中间件applyMiddleware源码详解

原文:redux的applyMiddleware源码记得之前第一次看redux源码的时候是很懵逼的,尤其是看到applyMiddleware函数的时候,更是懵逼。当然那也是半年前的事情了,前几天把redux源码看了下,并且实现了个简单的redux功能。但是没有实现中间件。今天突然又想看看redux的中间件,就看了起来。记得半年之前是从函数声明的下一行就开始看不懂了。。。然后前段时间,看了下柯...

2018-11-29 22:21:16

react的useMemo

英文:UnderstandingMemoizationinJavaScripttoImprovePerformance中文:了解JavaScript中的Memoization以提高性能–react的应用我们渴望提高应用程序的性能,Memoization是JavaScript中的一种技术,通过缓存结果并在下一个操作中重新使用缓存来加速查找费时的操作。在这里,我们将看到memoi...

2018-11-22 19:40:03

js的柯里化函数(curry)和函数组合

原文:EricElliott-CurryandFunctionComposition译文:curry和函数组合提醒:本文略长,慎重阅读之前看到有文章说柯里化函数,大致看了下,就是高阶函数,只是名字听起来比较高大上一点,今天逛medium又发现了这个,看了下感觉还不错,有涉及到闭包,涉及到point-freestyle,并不是一股脑的安利demo了事,这个得记录下。什么...

2018-11-15 08:51:06

ES6的Symbol竟然那么强大

之前本文发表于掘金symbol是es6出的一种类型,他也是属于原始类型的范畴(string,number,boolean,null,undefined,symbol)basicletname=Symbol('xiaohesong')typeofname//'symbol'letobj={}obj[name]='xhs'console.log(obj[n...

2018-11-05 10:29:50

react16.7 hooks api介绍

如果你之前对于Hooks没有了解,那么你可能需要看下概述部分。你或许也可以在一些常见的问题中找到有用的信息。基本的钩子useStateuseEffectuseContext添加的钩子useReduceruseCallbackuseMemouseRefuseImperativeMethodsuseMutationEffectuseLayoutEffect...

2018-11-01 11:17:44
奖章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周上午根据用户上周的博文发布情况由系统自动颁发。