摘要: React是一个UI层面的库,它采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能;采用单向数据流机制,父组件通过 将数据传递给子组件,这样让数据流向一目了然。一旦组件的 或则 发生改变,组件及其子组件都将重新re render和vdom diff,从而完成数据的流向交互。阅读全文
posted @ 2017-05-04 21:24 wonyun 阅读(2220) 评论(4) 编辑
摘要: 一个例子 有这样的一个场景如下图所示,有一组动态数量的input,可以增加和删除和重新排序,数组元素生成的组件用 作为key的值,例如下图生成的ui展示: 上面例子中的input组件渲染的代码如下所示,全部完整代码可以参考 == "完整code" 。 首先说明的是,若页面中数组内容是固定而不是动态的阅读全文
posted @ 2017-04-21 16:02 wonyun 阅读(409) 评论(0) 编辑
摘要: 在react典型的数据流中, 传递是父子组件交互的唯一方式;通过传递一个新的 值来使子组件重新 ,从而达到父子组件通信。当然,就像react官网所描述的一样,在react典型的数据量之外,某些情况下(例如和第三方的dom库整合,或者某个dom元素focus等)为了修改子组件我们可能需要另一种方式,这阅读全文
posted @ 2017-03-12 21:48 wonyun 阅读(3824) 评论(0) 编辑
摘要: 首先声明一下,本文不是要讲解fetch的具体用法,不清楚的可以参考 "MDN fetch教程" 。 引言 说道fetch就不得不提XMLHttpRequest了,XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调,尽管开发者只关心请求成功后的业务处理,但是也要配置其他繁琐内容,导致配置阅读全文
posted @ 2017-02-24 23:44 wonyun 阅读(3142) 评论(1) 编辑
摘要: 引言 在前端开发过程中,开发者通常都会遇到前端数据不能正常获取的问题,这就需要开发者之间’想办法‘搞到这些数据;开发过程中我们可能遇到的场景: 后端接口数据开发中暂时不可用,需要前端在自己本地mock接口数据进行开发 重构一个已有的前端功能,在测试环境开发功能,这时可能需要使用测试环境提供的数据来进阅读全文
posted @ 2017-01-20 19:27 wonyun 阅读(728) 评论(1) 编辑
摘要: 引言 首先说明一下,本文分享对象是涉世未深的移动开发者,至于有经验的开发者可以自行绕道。 说来惭愧,做了几年pc端的前端开发,很少接触到webapp的移动端开发。如今有机会参与webapp的开发,发现与pc端开发还是有一些区别的。 例如,移动端的浏览器要么是Android的chrome,要么是ios阅读全文
posted @ 2016-12-20 19:55 wonyun 阅读(523) 评论(2) 编辑
摘要: 引言 最近在react项目中初次用到了 " " 插件,用到该插件的两个主要作用: 为html文件中引入的外部资源如 、`link`动态添加每次compile后的hash,防止引用缓存的外部文件问题 可以生成创建html入口文件,比如单页面可以生成一个html文件入口,配置 N 个 可以生成 N 个页阅读全文
posted @ 2016-11-06 22:10 wonyun 阅读(10505) 评论(1) 编辑
摘要: 引言 最近,我们的一个后台系统要改版为基于 技术栈,切换到当下比较新的技术来实现后台系统;在项目实施过程中,选择了基于react的 组件库,为蚂蚁金服出品。使用该UI组件库,该团队推荐使用其为其配套的内部定制化的构建工具 " " 。 推荐使用 工具,因为该工具内部对 webpack 的一些基本配置内阅读全文
posted @ 2016-11-03 23:49 wonyun 阅读(3752) 评论(0) 编辑
摘要: 引言 最近在使用蚂蚁金服出品的一条基于react的 "ant design UI" 组件时遇到一个问题,编辑页面时 输入框会展示保存前的数据,但是是用 就是不起作用,输入框始终为空值而不是具体的传入的值。具体编辑页面中文本框相关的代码如下: 在给代码段所属的组件传递 props后,文本框中的默认值一阅读全文
posted @ 2016-11-02 18:23 wonyun 阅读(932) 评论(3) 编辑
摘要: React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式: 1. 函数式定义的 2. es5原生方式 定义的组件 3. es6形式的 定义的组件 虽然有三种方式可以定义react的组件,那么这三种定义组件方式有什么不同呢?或者说为什么会出现对应的定义方式呢?下面阅读全文
posted @ 2016-10-04 19:39 wonyun 阅读(15596) 评论(5) 编辑