鱼头曾在 『极限版』不掺水，用纯 CSS 来实现超飒的表单验证功能 一文中分享过一个花里胡哨的 纯 CSS 的表单验证功能 。虽然仅仅依赖 CSS 是无法满足我们的日常开发需求的，但是配合着各种原生的 form 验证 **API ** ，情况又不一样了。 下面就让我们来了解一下…

最近发现团队有些新人有个坏毛病，就是 git 提交信息全是 ok，用 sourcetree 一看，整整齐齐全是 ok，压根都不知道每次提交解决了什么问题。 在一个团队当中，既然大家维护同一个仓库，就要遵循相应工作流程和提交规范，其中 commit message 是比较重要的一…

性能，是一个问题。 取决于我们对性能的理解深浅，以及是否有一套好的工具和方法。 介绍三步法之前，先来简单了解下Chrome开发者工具的Performance性能面板，以及性能分析报告的基本组成。 然后按F12打开Chrome的开发者工具，选择Performance性能面板。 指…

相信用过 Koa、Redux 或 Express 的小伙伴对中间件都不会陌生，特别是在学习 Koa 的过程中，还会接触到 “洋葱模型”。本文阿宝哥将跟大家一起来学习 Koa 的中间件，不过这里阿宝哥不打算一开始就亮出广为人知的 “洋葱模型图”，而是先来介绍一下 Koa 中的中间…

在王者的世界里，不仅仅只有快乐，还能搞学习，让你成为快乐而又富有知识的人。这其中的功臣，这不得不说的就是它的新手指引。 为什么这么说呢？我们先来看几张图。 没错，上面的就是王者荣耀的新手引导，手把手教学，还有妲己美妙的声音。 整个过程大约 2分钟。它使用了多种引导方式，蒙层引导…

在我们的最佳实践中，远程版本库永远只存在三条长期且相互独立的分支，他们分别为develop、release与master，三条分支对应三个环境，分别为开发环境（集成开发环境）、测试环境（预发环境）与生产环境，三个分支分别都上权限，不可直接对其进行push与commit操作，即所…

组件化是客户端开发最重要的内容，设计一套复用度高、扩展性好的组件系统，可以显著提高开发效率，并且可以减少后期的维护成本。 就以我正在使用的笔记app为例，上图展示的笔记的阅读与书写区域，如何将这个区域抽象为一个组件呢？让我们一步一步来分析。 1. 最简api 我们为该组件取个名…

随着 Nodejs 在前端涉及领域越来越广，也越来越成熟，相信很多朋友已经尝试或使用过 Nodejs 开发服务端项目了。 本文我将和大家一起回顾 Express，然后介绍一个超级外挂——OvernightJS，它强大的地方在于，它将为 Express 路由提供 TypeScri…

React v16.7.0-alpha 中第一次引入了 Hooks 的概念，在 v16.8.0 版本被正式发布。React Hooks 在 React 中只是对 React Hook 的概念性的描述，在开发中我们用到的实际功能都应该叫做 React hook。 React Ho…