摘要: 这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装阅读全文
posted @ 2018-08-20 22:10 liuyongjia 阅读(345) 评论(0) 编辑
摘要: 还是先从一个题目开始: 写一个隔1s输出数组的一项的函数。 如果可以用ES6语法,则可以这么写: 但是如果把这里的 改成 ,则输出就会变成一连串的 。 有同学很快想到了这是闭包啊,因为 把函数加入到 中,所以等到setTimeout的函数体执行时, 已经走完了 循环,变成了 。`arr[arr.le阅读全文
posted @ 2019-03-29 20:12 liuyongjia 阅读(205) 评论(0) 编辑
摘要: 好久没写博客,从一道题目开始吧 实现一个sum函数,支持sum(1,2)和sum(1)(2)两种调用方式 说实在的,没啥难的,很简单写出来 或者用ES6的展开操作符,或者是arguments 考察的内容其实就是函数作为返回值,简单涉及到了闭包,还有arguments的判断,ES6展开操作符的剩余语法阅读全文
posted @ 2019-03-27 22:51 liuyongjia 阅读(173) 评论(0) 编辑
摘要: 原文 "How Does React Tell a Class from a Function?" 译注: 一分钟概览—— React最后采用了在 上加入 标识作为区分。 1.在这之前,考虑了ES6的区分方法,但是由于Babel的存在,这个方法不可用。 2.总是调用 ,对于一些纯函数组件不适用。而且阅读全文
posted @ 2018-12-30 19:23 liuyongjia 阅读(41) 评论(0) 编辑
摘要: Dan Abramov博客Why Do We Write super(props)?翻译阅读全文
posted @ 2018-12-18 21:17 liuyongjia 阅读(24) 评论(0) 编辑
摘要: redux saga 初级教程, api讲解。阅读全文
posted @ 2018-11-04 20:13 liuyongjia 阅读(248) 评论(0) 编辑
摘要: 上一篇展示了Redux的基本使用,可以看到Redux非常简单易用,不限于React,也可以在Angular、Vue等框架中使用,只要需要Redux的设计思想的地方,就可以使用它。 这篇主要讲解在React中使用Redux,首先是安装。 安装React Redux 有两个概念: 1.容器组件(Cont阅读全文
posted @ 2018-10-17 22:09 liuyongjia 阅读(252) 评论(0) 编辑
摘要: Redux基本概念和使用 先从Flux开始 先放一个 "Flux官网" 的链接。需要fq。 Flux是Facebook提出的一种构建客户端网页应用的应用架构,它是一种抽象程度很高的设计模式,鼓励单向数据流。 在之前的MVC架构中,在小型应用中,Model和View较少时,关系不复杂,维护轻松。但是阅读全文
posted @ 2018-10-11 21:13 liuyongjia 阅读(268) 评论(0) 编辑
摘要: 组件间通信 React的基本组件元素是一个个组件,组件之间可能存在关联、组合等关系。不同的组件之间,经常会发生数据传递或者交换,我们称之为组件间通信。 根据传递的复杂程度,可以分为三种情况: 父子间通信,兄弟间通信,同其他外部库通信。 父子间通信 在学习组件的时候,props是输入,组件是输出。在这阅读全文
posted @ 2018-09-27 22:02 liuyongjia 阅读(297) 评论(0) 编辑
摘要: 详解react高阶组件的概念和使用。阅读全文
posted @ 2018-09-23 18:39 liuyongjia 阅读(228) 评论(0) 编辑
摘要: 【译】2分钟讲明白Rx是什么阅读全文
posted @ 2018-09-12 21:10 liuyongjia 阅读(88) 评论(0) 编辑
摘要: 这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装阅读全文
posted @ 2018-08-20 22:10 liuyongjia 阅读(345) 评论(0) 编辑
摘要: 1.JSX语法-JSX对应的JS方法,它只是语法糖 2.组件概念-如何创建一个组件,组件的props和state 3.生命周期-组件在不同阶段会触发什么方法,并且介绍常用场景阅读全文
posted @ 2018-08-19 20:37 liuyongjia 阅读(185) 评论(0) 编辑
摘要: react教程(零)—— 安装 react项目的基本配置,使用create-react-app和webpack构建react-app。主要介绍如何新建一个react-app,并对webpack如何创建react-app做了详细介绍。阅读全文
posted @ 2018-08-19 16:27 liuyongjia 阅读(378) 评论(0) 编辑
摘要: 函数节流和函数防抖阅读全文
posted @ 2018-08-10 20:33 liuyongjia 阅读(247) 评论(2) 编辑
摘要: 发布订阅模式 前一篇对观察者模式做了介绍,重点在于观察者和被观察者的对应关系,以及将被观察者的改变及时通知到相对应的观察者。 这样的模式基本上可以解决少量数据源的情景,在观察者和被观察者可能是多对多关系的情况下,强耦合的结构会让代码不够清晰,难以维护。 在《JavaScript设计模式》一书中,提到阅读全文
posted @ 2018-08-03 16:43 liuyongjia 阅读(90) 评论(0) 编辑
摘要: 观察者模式 定义:观察者模式(Observer Pattern):定义对象间的一种一对多依赖关系,使得每当一个对象状态发生改变时,其相关依赖对象皆得到通知并被自动更新。 其中有两个定义需要明确,被观察者和观察者。通常来说,这两者是一对多的,也有多对多的情景。 在网页开发中,被观察者通常是数据源,不论阅读全文
posted @ 2018-08-01 23:28 liuyongjia 阅读(337) 评论(0) 编辑
摘要: 我个人以为mvvm框架里面最重要的一点就是VM这部分,它要与Model层建立联系,将Model层转换成可以被View层识别的数据结构;其次也要同View建立联系,将数据及时更新到View层上,并且响应View对数据的更改,同步到Model层。 MVVM的具体例子,可以看一下阮一峰老师的 "这篇博客"阅读全文
posted @ 2018-06-27 00:14 liuyongjia 阅读(522) 评论(1) 编辑
摘要: 现在各种小777真钱老虎机风靡,这边H5的需求还没有搞定,产品又要求做小777真钱老虎机版本,做可以,关键是618前上线,我…… whatever,618要做推广,日期订了,剩下的就只能是排期,定方案,尽可能完成。 最后和产品商量之后的决定是:小777真钱老虎机中特有的营销推广的页面,用小777真钱老虎机编写,剩下的黄金流程,内嵌H5解决。 听起阅读全文
posted @ 2018-05-28 22:28 liuyongjia 阅读(10157) 评论(3) 编辑
摘要: 电商m站的首页,有一个需求是配一张大的banner图,然后指定某些区域是热区,点击之后跳转到不同的活动页。 听起来简单明了,实现也比较容易,立刻就想起来有个map标签,简直就是为这个需求量身定做。 简单说下做法: 我们首先会和后台约定一些规则,定义一个json对象。比如: 我们可以约定,type为1阅读全文
posted @ 2018-05-20 20:20 liuyongjia 阅读(184) 评论(1) 编辑
摘要: 背景 项目 :移动端H5电商项目 痛点 :慢!!! 初始方案 :最基本的图片懒加载,静态资源放到cdn,predns等等已经都做了。但是还是慢,慢在哪? 显而易见的原因 :由于前后端分离,所有的数据都由接口下发,之后根据模板渲染页面。也就是说,我们需要先加载js,等到js加载完毕之后,请求接口,接口阅读全文
posted @ 2018-04-06 21:06 liuyongjia 阅读(768) 评论(0) 编辑
博聚网