摘要: 这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装阅读全文
posted @ 2018-08-20 22:10 liuyongjia 阅读(254) 评论(0) 编辑
摘要: redux saga 初级教程, api讲解。阅读全文
posted @ 2018-11-04 20:13 liuyongjia 阅读(117) 评论(0) 编辑
摘要: 上一篇展示了Redux的基本使用,可以看到Redux非常简单易用,不限于React,也可以在Angular、Vue等框架中使用,只要需要Redux的设计思想的地方,就可以使用它。 这篇主要讲解在React中使用Redux,首先是安装。 安装React Redux 有两个概念: 1.容器组件(Cont阅读全文
posted @ 2018-10-17 22:09 liuyongjia 阅读(172) 评论(0) 编辑
摘要: Redux基本概念和使用 先从Flux开始 先放一个 "Flux官网" 的链接。需要fq。 Flux是Facebook提出的一种构建客户端网页应用的应用架构,它是一种抽象程度很高的设计模式,鼓励单向数据流。 在之前的MVC架构中,在小型应用中,Model和View较少时,关系不复杂,维护轻松。但是阅读全文
posted @ 2018-10-11 21:13 liuyongjia 阅读(193) 评论(0) 编辑
摘要: 组件间通信 React的基本组件元素是一个个组件,组件之间可能存在关联、组合等关系。不同的组件之间,经常会发生数据传递或者交换,我们称之为组件间通信。 根据传递的复杂程度,可以分为三种情况: 父子间通信,兄弟间通信,同其他外部库通信。 父子间通信 在学习组件的时候,props是输入,组件是输出。在这阅读全文
posted @ 2018-09-27 22:02 liuyongjia 阅读(224) 评论(0) 编辑
摘要: 详解react高阶组件的概念和使用。阅读全文
posted @ 2018-09-23 18:39 liuyongjia 阅读(178) 评论(0) 编辑
摘要: 【译】2分钟讲明白Rx是什么阅读全文
posted @ 2018-09-12 21:10 liuyongjia 阅读(75) 评论(0) 编辑
摘要: 这个系列将从基础语法讲起,把react全家桶都讲到,然后到具体的使用,最后完成后,会写一个完整的demo。 前置要求: 基本的CSS,JS要熟练。 部分ES6语法需要了解。可以参考下面提到的阮一峰老师的《ECMAScript 6 入门》和MDN文档。 目前已经完成的内容: "react系列(零)安装阅读全文
posted @ 2018-08-20 22:10 liuyongjia 阅读(254) 评论(0) 编辑
摘要: 1.JSX语法-JSX对应的JS方法,它只是语法糖 2.组件概念-如何创建一个组件,组件的props和state 3.生命周期-组件在不同阶段会触发什么方法,并且介绍常用场景阅读全文
posted @ 2018-08-19 20:37 liuyongjia 阅读(115) 评论(0) 编辑
摘要: react教程(零)—— 安装 react项目的基本配置,使用create-react-app和webpack构建react-app。主要介绍如何新建一个react-app,并对webpack如何创建react-app做了详细介绍。阅读全文
posted @ 2018-08-19 16:27 liuyongjia 阅读(278) 评论(0) 编辑
摘要: 函数节流和函数防抖阅读全文
posted @ 2018-08-10 20:33 liuyongjia 阅读(199) 评论(2) 编辑
摘要: 发布订阅模式 前一篇对观察者模式做了介绍,重点在于观察者和被观察者的对应关系,以及将被观察者的改变及时通知到相对应的观察者。 这样的模式基本上可以解决少量数据源的情景,在观察者和被观察者可能是多对多关系的情况下,强耦合的结构会让代码不够清晰,难以维护。 在《JavaScript设计模式》一书中,提到阅读全文
posted @ 2018-08-03 16:43 liuyongjia 阅读(66) 评论(0) 编辑
摘要: 观察者模式 定义:观察者模式(Observer Pattern):定义对象间的一种一对多依赖关系,使得每当一个对象状态发生改变时,其相关依赖对象皆得到通知并被自动更新。 其中有两个定义需要明确,被观察者和观察者。通常来说,这两者是一对多的,也有多对多的情景。 在网页开发中,被观察者通常是数据源,不论阅读全文
posted @ 2018-08-01 23:28 liuyongjia 阅读(307) 评论(0) 编辑
摘要: 我个人以为mvvm框架里面最重要的一点就是VM这部分,它要与Model层建立联系,将Model层转换成可以被View层识别的数据结构;其次也要同View建立联系,将数据及时更新到View层上,并且响应View对数据的更改,同步到Model层。 MVVM的具体例子,可以看一下阮一峰老师的 "这篇博客"阅读全文
posted @ 2018-06-27 00:14 liuyongjia 阅读(472) 评论(1) 编辑
摘要: 现在各种小777真钱老虎机风靡,这边H5的需求还没有搞定,产品又要求做小777真钱老虎机版本,做可以,关键是618前上线,我…… whatever,618要做推广,日期订了,剩下的就只能是排期,定方案,尽可能完成。 最后和产品商量之后的决定是:小777真钱老虎机中特有的营销推广的页面,用小777真钱老虎机编写,剩下的黄金流程,内嵌H5解决。 听起阅读全文
posted @ 2018-05-28 22:28 liuyongjia 阅读(6128) 评论(1) 编辑
摘要: 电商m站的首页,有一个需求是配一张大的banner图,然后指定某些区域是热区,点击之后跳转到不同的活动页。 听起来简单明了,实现也比较容易,立刻就想起来有个map标签,简直就是为这个需求量身定做。 简单说下做法: 我们首先会和后台约定一些规则,定义一个json对象。比如: 我们可以约定,type为1阅读全文
posted @ 2018-05-20 20:20 liuyongjia 阅读(103) 评论(1) 编辑
摘要: 背景 项目 :移动端H5电商项目 痛点 :慢!!! 初始方案 :最基本的图片懒加载,静态资源放到cdn,predns等等已经都做了。但是还是慢,慢在哪? 显而易见的原因 :由于前后端分离,所有的数据都由接口下发,之后根据模板渲染页面。也就是说,我们需要先加载js,等到js加载完毕之后,请求接口,接口阅读全文
posted @ 2018-04-06 21:06 liuyongjia 阅读(724) 评论(0) 编辑
摘要: 零、组织结构 根据引言,作者将全书划分为四个部分: 一、页面加载js的最佳方式(开发前准备) 二、改善js代码的编程技巧(开发中) 三、构建与部署(发布) 四、发布后性能检测与问题追踪(线上问题优化) 这样的组织结构也符合我们的开发习惯,首先进入第一部分。 一、JavaScript加载 起因:scr阅读全文
posted @ 2018-03-03 18:14 liuyongjia 阅读(177) 评论(0) 编辑
摘要: JavaScript的数据类型 基本区分方法 ECMAScript标准定义了7种数据类型 6 种 基本类型: Boolean,两种取值:true和false Null,一种取值:null Undefined,一种取值:undefined Number,JS的数值为基于 IEEE 754 标准的双精度阅读全文
posted @ 2018-02-17 22:04 liuyongjia 阅读(447) 评论(1) 编辑
摘要: 前言 underscore是最适合初级人士阅读的源码,在阅读源码时,有一些有趣的实现,记录如下。 基于underscore1.8.3。 留存root javascript // Establish the root object, ( ) in the browser, // on the serv阅读全文
posted @ 2017-12-17 21:46 liuyongjia 阅读(229) 评论(0) 编辑
摘要: 前言 我工作以来接触的第一个项目就是前后端分离的,前端静态文件有自己独立域名,通过接口来获取数据进行渲染等操作。 跨域的方法不需要多言,随便一搜,就有很多,但最常用不外乎jsonp和CORS。jsonp着重于前端,也算是前端Hack技巧,CORS重于后端,服务端需要配置的地方会较多。 这篇解析一下j阅读全文
posted @ 2017-12-03 20:21 liuyongjia 阅读(689) 评论(2) 编辑
博聚网