吃货Ying

webpack-react 之 webpack 篇（上）

对于后台开发来说，记录日志是一种非常常见的开发习惯，通常我们会使用try...catch代码块来主动捕获错误、对于每次接口调用，也会记录下每次接口调用的时间消耗，以便我们监控服务器接口性能，进行问题排查。 刚进公司时，在进行Node.js的接口开发时，我不太习惯每次排查问题都要…

进入某页面自动弹出带小数点的数字键盘，并且自带输入验证，比如金额——只能输入数字和小数点，并且只能输入一位小数点、小数位不超过2位，且输入前验证不合法就不让输入、(UE特加功能——定制光标颜色>.<简直是反人类的需求)。细分如下： 1. 基于input + 手机自带键盘实现方案…

目前支持的格式化类型有: 信用卡号，电话号码，日期，数字 以及自定义格式化选项。不需要写任何正则表达式。并且提供 ReactJS 组件。

最近在用 Polymer 封装纯数字的输入框，开发过程中发现不少坑，也有很多值得研究的地方。本系列打算分 4 篇来叙述这段可歌可泣的踩坑经历： 《动手写个数字输入框 1：input[type=number] 的遗憾》 《动手写个数字输入框 2：起手式——拦截非法字符》 《动手写个数字输入框 3：痛点——输入法是个魔鬼》 《动手写个数字输入框 4：魔鬼在细节——打磨光标位置》

从交互层面上来讲，完成一个功能（获得想要的信息）的过程称之为用户路径。用户路径越长，完成功能的复杂度就越高，用户体验也就越差。因此当打开一个需要用户填写信息的表单界面时，为了提高可用性，PC 端一般会将光标聚焦到对应输入框（input），移动端也是同理，让对应的 input 获…

最近做手机端的提现功能，用于 app 的 html5 页面！再输入金额时需要调用手机端数字键盘，作为一个前端程序媛应该具备的素质，自然考虑该输入框只能输入数字和小数点，并且最多只能输入 1 个小数点，整数部分最多 12 位，小数部分最多 2 位，最好的用户体验就是输入过程中就看到相应的变化和文字提示！

在移动端H5页面开发中，有时候会有一些数值输入方面的需求。如果需要让用户比较方便地输入小数、负数，最简单的方式是使用number类型的input框，输入时软键盘会切换为数字键盘方便输入（ios是带数字的全键盘，并允许1e5这类的表示方法）。但是在实际使用的时候会面临一个问题，当…

如何用 input 实现位数限制的数字输入