八一八本次项目中使用的优化手段，以及自己从中获得的知识。 由于本次项目较为复杂，模块较多，（当然不比大型电商网站），首页的请求就有8个，并且是精简之后的，稍有不慎，白屏现象就会很严重。体验极差。 1. 分类 2. 轮播图 3. 推荐 4. 收藏数 5. 购买数 6. 案例展示 …

继上次的优化手段，测试都是基于本地的，主要涉及到数据请求方面，而这次优化是基于打包后的项目展开，本以为这次项目优化的已经非常不错了，可是打包后vendor.js体积过大，还有首屏的图片过大，导致初次进入页面竟然要等到20秒甚至更多，这期间，页面始终处于白屏状态，在此之前，我并未…

该方案主要是为了解决，前端 spa (单页面应用)，首屏渲染慢，白屏时间过长问题。 通过 webpack 的 prerender-spa-plugin 编译应用中的静态页面，并将其输出到对应的索引目录。 prerender-spa-plugin 利用了 Puppeteer 的爬…

前段时间，项目遇到一个需求，将金额的阿拉伯数字转成大写，而且是西班牙语，网上搜索未果，于是自己撸了一个 cardinal-number。目前已支持三种语言，汉语、西班牙语、英语。 每种语言特性不太一样，我们汉语是万分制12345678 => 1234,5678, 英语和西班牙语…

当中的布局形式，大家可根据自己的具体需求来调整就好了，我这里写的demo是这样的布局，这个调整起来很简单（本来想弄成gif的，然而不会。。。）。 这个类实际上只是拿到了按钮最终代表的实际内容，然后调用者可以根据这个key的值来判断当前点击的是 数字按钮 还是说是 删除按钮 或者…

autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 autocomplete 属性是 HTML5 中的新属性。

在移动端上的前端开发中，经常会遇到这种场景：某个元素或容器需要固定在页面中的一个位置，可能是将输入框固定在底部，也可能是固定在中心的模态框中包含一个输入框。 在 IOS 中，输入框聚焦，会使键盘唤起，键盘被唤起时，经常会出现一些莫名其妙的 BUG... ...

前几天公司让写一个客户数据入录页面（就是个带了logo的表单页面），就直接选择用原生的直接上，原以为也就个把小时的事情（确实个把小时就写完了），但是测试发现ios（没有测试多个，至少qq浏览器会）会输入的时候导致页面上推严重影响用户体验。

最近在做一个仿微信的聊天界面，有一个固定在页面底部的input框，本来使用fixed定位在底部，在android手机上没有任何问题，但在iOS上当点击输入内容的时候会出现不同情况的原生键盘遮挡输入框的情况。度娘出了很多解决方法，但没有一个方法可以完美解决，而且发现很多人都有这个…