扎克悟空

表单是后台项目业务中的常用组件，这次重构了登录功能以满足登录方式可配置的需求，在此记录和分享一下。 在之前，项目只支持手机号+密码登录，前端是直接把表单写死的，后来有客户希望能支持验证码登录，有的客户还希望能有手机号+验证码+密码的登录方式...所以登录方式的灵活性需要可配置的…

灵感源于今年很火的手游——王者荣耀，偶尔用手机上网查找游戏数据并不是很方便，于是有了开发“王者图鉴”小程序的想法。从官网爬取数据，将英雄、装备、铭文等信息整合在微信小程序中，随时随地查询游戏信息。

本文首发于掘金专栏，发布于廖柯宇的独立博客，转载请保留原文链接。 MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Pattern），只是为了解决一类问题而总结出…

模块大家应该都不陌生，任何一个完整的界面，都会有多个功能模块，而每个模块内有相应的组件，每个组件中又有相应的元素，其中任何一点的变化，都会使用户对产品的认知发生改变。

在我刚接触前端开发的时候，已经开始流行各种构建工具了；而当我上手 gulp 以后，webpack 又大行其道了。所以，对前端工程化了解不多的我，有了 “Gulp 和 Webpack 是一回事吗？” 的迷思(˶‾᷄ ⁻̫ ‾᷅˵)...

我们常在诸如 Bootstrap 的前端框架中见到 css 栅格系统，如果仅仅为了使用栅格布局而引入一个前端框架是很不明智的行为。所以，这篇文章就是帮助你从零打造一个 CSS Grids～

页脚置底（Sticky footer）就是让网页的 footer 部分始终在浏览器窗口的底部。这样的布局随处可见，偶然看到 CSS-TRICKS 上介绍页脚置底的文章觉得不错，对开阔布局的思路挺有帮助，遂译之。

js 存在变量提升，它允许变量不声明就可以访问，或者声明在后使用在前。新手对于此则很迷惑，甚至许多老手也比较迷惑，但 es6 加入 let/const 后，这个问题就不存在了。本文通过代码实践对 js 变量提升做一个基础的讲解。