摘要：
引言 使用webpack有一段时间了，对其中的热更新的大概理解是： 对某个模块做了修改，页面只做局部更新而不需要刷新整个页面来进行更新 。这样就能节省因为整个页面刷新所产生开销的时间，模块热加载加快了开发的速度。 热加载的基础是模块热替换（HMR，Hot Module Replacement）。 具 阅读全文
摘要：
React是一个UI层面的库，它采用虚拟DOM技术减少Javascript与真正DOM的交互，提升了前端性能；采用单向数据流机制，父组件通过 将数据传递给子组件，这样让数据流向一目了然。一旦组件的 或则 发生改变，组件及其子组件都将重新re render和vdom diff，从而完成数据的流向交互。 阅读全文
摘要：
一个例子 有这样的一个场景如下图所示，有一组动态数量的input，可以增加和删除和重新排序，数组元素生成的组件用 作为key的值，例如下图生成的ui展示： 上面例子中的input组件渲染的代码如下所示，全部完整代码可以参考 == "完整code" 。 首先说明的是，若页面中数组内容是固定而不是动态的 阅读全文
摘要：
在react典型的数据流中， 传递是父子组件交互的唯一方式；通过传递一个新的 值来使子组件重新 ,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改子组件我们可能需要另一种方式，这 阅读全文
摘要：
首先声明一下，本文不是要讲解fetch的具体用法，不清楚的可以参考MDN fetch教程。 引言 说道fetch就不得不提XMLHttpRequest了，XHR在发送web请求时需要开发者配置相关请求信息和成功后的回调，尽管开发者只关心请求成功后的业务处理，但是也要配置其他繁琐内容，导致配置和调用比 阅读全文
摘要：
引言 在前端开发过程中，开发者通常都会遇到前端数据不能正常获取的问题，这就需要开发者之间’想办法‘搞到这些数据；开发过程中我们可能遇到的场景： 后端接口数据开发中暂时不可用，需要前端在自己本地mock接口数据进行开发 重构一个已有的前端功能，在测试环境开发功能，这时可能需要使用测试环境提供的数据来进 阅读全文
摘要：
引言 首先说明一下，本文分享对象是涉世未深的移动开发者，至于有经验的开发者可以自行绕道。 说来惭愧，做了几年pc端的前端开发，很少接触到webapp的移动端开发。如今有机会参与webapp的开发，发现与pc端开发还是有一些区别的。 例如，移动端的浏览器要么是Android的chrome，要么是ios 阅读全文
摘要：
引言 最近在react项目中初次用到了 " " 插件，用到该插件的两个主要作用： 为html文件中引入的外部资源如 、`link`动态添加每次compile后的hash，防止引用缓存的外部文件问题 可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置 N 个 可以生成 N 个页 阅读全文
摘要：
引言 最近，我们的一个后台系统要改版为基于 技术栈，切换到当下比较新的技术来实现后台系统；在项目实施过程中，选择了基于react的 组件库，为蚂蚁金服出品。使用该UI组件库，该团队推荐使用其为其配套的内部定制化的构建工具 " " 。 推荐使用 工具，因为该工具内部对 webpack 的一些基本配置内 阅读全文
摘要：
引言 最近在使用蚂蚁金服出品的一条基于react的 "ant design UI" 组件时遇到一个问题，编辑页面时 输入框会展示保存前的数据，但是是用 就是不起作用，输入框始终为空值而不是具体的传入的值。具体编辑页面中文本框相关的代码如下： 在给代码段所属的组件传递 props后，文本框中的默认值一 阅读全文