摘要: 这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装 阅读全文
posted @ 2018-08-20 22:10 liuyongjia 阅读(818) 评论(0) 推荐(0) 编辑
摘要: 实现 React Hooks UI 开发有两个问题: 展示复用 逻辑复用 展示复用目前基本使用组件化来解决,逻辑复用一直以来都没有特别好的解决方案。React 从一开始的 mixin ,到 高阶组件 以及 Render Props ,都是在试图解决这个问题,但是都引入了一些别的问题。 Mixins 阅读全文
posted @ 2020-07-06 18:44 liuyongjia 阅读(764) 评论(0) 推荐(0) 编辑
摘要: 实现 call、apply、bind 在之前 "一篇文章" 写了这三个参数的区别,但是其实面试更常考察如何实现。其实所有的原生函数的 polyfill 如何实现,只需要考虑 4 点即可: 1. 基本功能 2. 原型 3. this 4. 返回值 call 1. call 的基本功能: call() 阅读全文
posted @ 2019-11-14 20:54 liuyongjia 阅读(419) 评论(0) 推荐(0) 编辑
摘要: webpack概念 我经常用 ,打算做一次比较详细的概念清点和梳理。从 0 配置 ,由于 (2019.07.27)暂时还没有发布。并且从 "Webpack Milestones" 上来看,截止到 7 月 27 日,完成度是 64%。有喜欢钻研的同学可以去研究一下 5,我的重点还是当前 4.X。 He 阅读全文
posted @ 2019-07-27 22:55 liuyongjia 阅读(320) 评论(1) 推荐(1) 编辑
摘要: 写一个简单的模板引擎 ES6 开始支持模板字符串(Template literals),支持如下的写法: javascript ; html {{=1+2}} // 或者支持循环或者判断 {{for(var i in it){}}} {{=i}} {{}}} javascript const a = 阅读全文
posted @ 2019-06-02 14:27 liuyongjia 阅读(1344) 评论(0) 推荐(0) 编辑
摘要: 还是先从一个题目开始: 写一个隔1s输出数组的一项的函数。 如果可以用ES6语法,则可以这么写: 但是如果把这里的 改成 ,则输出就会变成一连串的 。 有同学很快想到了这是闭包啊,因为 把函数加入到 中,所以等到setTimeout的函数体执行时, 已经走完了 循环,变成了 。`arr[arr.le 阅读全文
posted @ 2019-03-29 20:12 liuyongjia 阅读(1602) 评论(0) 推荐(0) 编辑
摘要: 好久没写博客,从一道题目开始吧 实现一个sum函数,支持sum(1,2)和sum(1)(2)两种调用方式 说实在的,没啥难的,很简单写出来 或者用ES6的展开操作符,或者是arguments 考察的内容其实就是函数作为返回值,简单涉及到了闭包,还有arguments的判断,ES6展开操作符的剩余语法 阅读全文
posted @ 2019-03-27 22:51 liuyongjia 阅读(1260) 评论(0) 推荐(0) 编辑
摘要: 原文 "How Does React Tell a Class from a Function?" 译注: 一分钟概览—— React最后采用了在 上加入 标识作为区分。 1.在这之前,考虑了ES6的区分方法,但是由于Babel的存在,这个方法不可用。 2.总是调用 ,对于一些纯函数组件不适用。而且 阅读全文
posted @ 2018-12-30 19:23 liuyongjia 阅读(615) 评论(0) 推荐(0) 编辑
摘要: Dan Abramov博客Why Do We Write super(props)?翻译 阅读全文
posted @ 2018-12-18 21:17 liuyongjia 阅读(278) 评论(0) 推荐(0) 编辑
摘要: redux saga 初级教程, api讲解。 阅读全文
posted @ 2018-11-04 20:13 liuyongjia 阅读(1311) 评论(0) 推荐(0) 编辑
摘要: 上一篇展示了Redux的基本使用,可以看到Redux非常简单易用,不限于React,也可以在Angular、Vue等框架中使用,只要需要Redux的设计思想的地方,就可以使用它。 这篇主要讲解在React中使用Redux,首先是安装。 安装React Redux 有两个概念: 1.容器组件(Cont 阅读全文
posted @ 2018-10-17 22:09 liuyongjia 阅读(938) 评论(0) 推荐(2) 编辑