今天要来说的是有关于有数值格式化的场景中，React input 光标的一些异常的表现和对应的处理办法。故事要从一个 issue 说起，有用户反映在使用 NumberField 组件输入时安卓下会出现光标位置异常，导致连续输入会达不到期望的结果。具体表现是什么样的呢？

在 Web 页面中，一个有高度或者宽度的容器是最常见的构成元素，而在其中的子元素有很大的概率超过父容器的尺寸限制，我们称之为“溢出”。而应对“溢出”，隐藏或者滚动是最常见的处理方式。滚动，作为 FEers 最经常处理的一种行为，却因为不同浏览器的各种表现形式让大家头痛不已，今天笔者从自身维护的组件出发，和大家分...

本系列文章，不断更新中... Nowa 上手篇（1）- 介绍 Nowa 上手篇（2）- 创建 React Web 项目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（4）巧用命令集 ... 这篇文章着重介绍 Nowa 的命令集功能。命令集的功能是可视化版本才有的特色功能，毕竟在命令行里，只需要 npm run xxx 就行了。 命令集里面的所有命令来源于导...

前言 笔者最近一直在使用 electron 开发一个可视化工具 Nowa，里面的技术栈是 webpack2 babili react electron electron-builder 使用过 electron 的人都知道，打出来的包是很大的，因为electron 内置了 Node & Chromium, 所以啥都还没干，打出来的应用安装包就有几十兆了。 无法在 electron 上做文章，那么只好在 w...

本系列文章，不断更新中... Nowa 上手篇（1）- 介绍 Nowa 上手篇（2）- 创建 React Web 项目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（4）巧用命令集 ... 这一篇文章主要是 Nowa 工具的使用指南。 这么美丽的脸蛋就这样被我划花了。 创建项目 请参考 Nowa 上手篇（2）- 创建 React Web 项目 导入项目 请直接把项目...

本系列文章，不断更新中... Nowa 上手篇（1）- 介绍 Nowa 上手篇（2）- 创建 React Web 项目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（4）巧用命令集 ... 在看完废话超多的介绍篇后，欢迎各位看官来到实战篇，当然没看介绍也完全 OK 啦。 这篇文章主要介绍如何使用 Nowa 可视化工具快速创建 web 项目。好了，废话不...

这个专题主要是详细介绍 Nowa 工具，为此码字无数。 Nowa 上手篇（1）- 介绍 Nowa 上手篇（2）- 创建 React Web 项目 Nowa 上手篇（3）- 工具使用指南 Nowa 上手篇（4）巧用命令集 ... Nowa 的意思是 'Not Only for Web App, but also for anything'，其实笔者第一次接触到它的时候，还以为是“诺娃”的意思，可能是纪念开...

UXCore 是 XUX 团队开源的 PC 端 React UI 套件，作为一个支持企业级应用的 React UI 开源套件，为了保持项目的持续集成，良好的单元测试必不可少。本文来分享一下在编写单元测试的过程中遇到的一些问题和总结。

“南方古猿”之 png sprite 看到上面这张图，相信好多资深前端会感到很亲切。 早期为了减少资源的请求，人们想到了将小的 png 图片合并到一张图上，然后根据 background-position 来显示不同的图片。 早期还有靠人肉来测量坐标，随着构建工具的发展，我们可以用一些插件，如 grunt-spritesmith、gulp.spritesmith 等。它可...

某天，某测试说：“这个页面在 IE8 下白屏，9也白。。”某前端开发: 吭哧吭哧。。。一上午的时间就过去了，搞定了。第二天，某测试说：“IE 又白了。。”某前端开发: 嘿咻嘿咻。。。谁用的 Object.assign，出来我保证削不屎你。

起因 某天，某测试说：“这个页面在 IE8 下白屏，9也白。。” 某前端开发: 吭哧吭哧。。。一上午的时间就过去了，搞定了。 第二天，某测试说：“IE 又白了。。” 某前端开发: 吭哧吭哧。。。谁用的 Object.assign，出来我保证削不屎你。 原谅我不禁又黑了一把 IE。 有人可能会想，都要淘汰了，还有什么好讲的？ 也许几年后，...

前些天在订阅的公众号中看到了以前阮一峰老师写过的一篇文章，「如何做到 jQuery-free？」。这篇文章讨论的问题，在今天来看仍不过时，其中的一些点的讨论主要是面向新内核现代浏览器的标准 DOM API，很可惜的是在目前的开发环境下，我们仍然无法完全抛弃 IE，大部分情况下我们至少还要兼容到 IE 8，这一点使我们无法充...

欢迎大家阅读「从零开始的 React 组件开发之路」系列第一篇，表格篇。本系列的特色是从 需求分析、API 设计和代码设计 三个递进的过程中，由简到繁地开发一个 React 组件，并在讲解过程中穿插一些 React 组件开发的技巧和心得。

写前端代码一段时间之后，你可能会萌生做一个开源项目的想法，一方面将自己的好点子分享出去让更多的人受益，另一方面也可以在社区贡献的环境下学到更多的东西从而快速成长。但是开源项目也有开源项目的玩法，一些可能没有注意的点，也许会让你的好点子和许多人失之交臂，在这里笔者以自身经验出发，聊一聊笔者心目中的...

UXCore 是一个基于 React 的 PC UI 套件库，兼容 IE8+。[链接] 阿里巴巴信息平台是负责整个阿里巴巴集团智能办公系统的团队，涉及非常多的企业业务系统，包括薪酬、人力、财务、行政、IT 等等，在这些系统中产生了大量的表格、表单和图表的交互场景，这里面有很多重复配置的地方，也有很多定制变化的地方，目前业界的这...

webpack 是个好东西，和 NPM 搭配起来使用管理模块实在非常方便。而 Babel 更是神一般的存在，让我们在这个浏览器尚未全面普及 ES6 语法的时代可以先一步体验到新的语法带来的便利和效率上的提升。在 React 项目架构中这两个东西基本成为了标配，但 commonjs 的模块必须在使用前经过 webpack 的构建(后文称为 build)才能...