![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
TurkeyCock
这个作者很懒,什么都没留下…
展开
-
ReactNative开发环境搭建
最近需要开发dApp前端,开始学习ReactNative。首先捋清爽3个概念:React,React.js,ReactNative。React是一套基础框架设计,而React.js和ReactNative则是该框架的两个实现版本(不过,由于历史原因,React框架的基本概念和设计思想大多包含在React.js的相关文档中)。其中React.js面向Web应用开发,而ReactNative则面向...原创 2019-01-13 22:44:03 · 537 阅读 · 0 评论 -
ReactNative快速上手必知必会
如果之前接触过一些web开发,上手ReactNative基本没什么难度,搞清楚一些用法上的区别就可以了。正常的web开发,我们一般是在HTML里嵌入javascript代码,ReactNative则恰恰相反,它使用的是JSX,也就是在javascript里嵌入XML。这么做的好处是:你可以自己实现一些组件,然后把这些组件作为一个新的XML标签用到布局中去,这样你就不必受到那些预定义的标签类型的限...原创 2019-01-14 10:22:02 · 730 阅读 · 2 评论 -
ReactNative小技巧集锦
写代码过程中遇到的一些小问题,随手记录一下~1.更新state中的对象数组直接修改this.state.array[i].xxx是不生效的,需要把state中的对象深拷贝一份,然后通过this.setState()来更新。我们可以用lodash来优雅地完成这一步骤:import _ from 'lodash';change(index, value) { let temp = _.cl...原创 2019-01-15 09:57:59 · 465 阅读 · 0 评论 -
前端技术栈(一):从MV*到Flux
最近要开始搞网页端钱包,本着干一行爱一行的原则,撸起了前端框架。项目基于蚂蚁金服的dva框架,实际上是对几个流行的开源框架的整合,技术栈包括:reactreact-routerreduxredux-sagadvaantd在开始介绍之前,先说一说MV*。大家一定都听说过MVC,在这之后又衍生出了MVP和MVVM,这些都可以统称为MV*。但是,随着前端代码复杂度的增加,人们发现越来...原创 2019-03-10 00:00:56 · 805 阅读 · 0 评论 -
前端技术栈(二):从Flux到Redux
上一篇分析了Flux出现的背景和原理,最核心的思想就是“组件化+单向数据流”。但是,Flux在设计上并非完美,具体来说主要存在以下2个不足:1. 多Store数据依赖由于Flux采用多Store设计,各个Store之间可能存在数据依赖。以flux-chat为例:在这个聊天软件里,可能会有多个人给你发消息,比如Dave给你发了3条,Brian给你发了2条,当你点开某个人给你发的消息后,界面需要...原创 2019-03-10 00:05:38 · 773 阅读 · 0 评论 -
前端技术栈(三):redux-saga,化异步为同步
1.什么是Saga?第一次看到这个单词的时候一脸懵逼,因为字典上查到的意思完全驴头不对马嘴。。。实际上,这个术语出自康奈尔大学的一篇论文:http://www.cs.cornell.edu/andru/cs711/2002fa/reading/sagas.pdf最初这篇论文是为了解决分布式系统中的LLT(Long Lived Transaction),也就是长时运行事务的数据一致性问题的。这...原创 2019-03-11 11:10:05 · 5503 阅读 · 1 评论 -
前端技术栈(四):react-router,去中心化式路由
1.静态路由 vs. 动态路由在Web前端开发中,我们经常会需要处理页面路由问题。习惯上,路由信息会在一个地方集中配置好,我们可以称之为“静态路由”,或者叫“中心化式路由”。以react-router v3版本为例,代码类似下面这样:import { Router, Route, IndexRoute, browserHistory } from 'react-router'const A...原创 2019-03-12 08:40:34 · 1086 阅读 · 0 评论 -
前端技术栈(五):dva,美貌与智慧并存
经过前面四篇的铺垫,终于轮到我们的主角dva了,就是下面这个美女:先擦一擦哈喇子,我们来介绍一下,dva出自于暴雪出品的一款游戏《守望先锋》,援引官方的角色介绍:D.Va拥有一部强大的机甲,它具有两台全自动的近距离聚变机炮、可以使机甲飞跃敌人或障碍物的推进器、 还有可以抵御来自正面的远程攻击的防御矩阵。然后呢,蚂蚁金服的一位架构师sorrycc很迷这位美女,正巧刚开发了一款前端框架没有...原创 2019-03-12 19:20:54 · 12755 阅读 · 0 评论 -
如何发布Azure web app
最近一个项目要集成到Azure的web app service里,花了点时间玩了一下,记录下来做个备忘。首先是需要去Azure官网注册免费账户,点击“免费开始”然后填写个人信息,注意需要绑定信用卡,否则没法部署web app。比较坑爹的一点是,虽然名为“Free Trial”,绑完卡后立马扣了我1美金。。。注册完成后会获得一个“订阅号”,后面部署web app需要使用这个订阅号。进入下面这个页...原创 2019-08-20 09:11:56 · 1879 阅读 · 0 评论