NARUTO

前端开发中，对要提交的表单数据进行校验是很常见的需求，有开源的基于框架的数据校验库，也有组件库内置的校验功能，这里介绍的是一种脱离框架、组件的独立数据校验思路。 我们团队的 Vue 项目比较多，先看下这一块的数据校验方案： vuelidate：https://github.co…

对前端开发涉及的相关知识进行了整理，按项目研发阶段分为三类：开发、测试、运行。

Babel 让你能够使用更新的 JavaScript 语言特性，输出兼容老的 JavaScript 引擎的等价代码。 Uglify 让你能够编写可读的 JavaScript 代码，输出完成相同功能但是字节数更少的混淆代码。 Prepack 是另一个致力于将 JavaScript…

想必作为前端大佬的你，工作中应该用过 webpack，并且对热更新的特性也有了解。如果没有，当然也没关系。 下面我要讲的，是我对 Webpack 热更新机制的一些认识和理解，不足之处，欢迎指正。 热更新，是指 Hot Module Replacement，缩写为 HMR。 从名…

最近看了一些和图形、算法可视化相关的文章和代码，挺有意思，于是自己也学着做了些东西。 迷宫小时候玩过，但从来没琢磨过迷宫是怎么设计的，以为就是有人慢慢画出来的。看过网上这篇文章后，才知道，原来还可以随机生成： 自己找了些资料参考，试着实现了几种之后，才慢慢领会到其中的一些原理。…

微博上的 @大城小胖（indienova 个人资料）向我们推荐了这篇文章，在此表示感谢。 本文的作者是：Bob Nystroms，本文的转载和翻译已经获得了他的授权。 原文地址在：Rooms and Mazes: A Procedural Dungeon Generator，有…

作为前端大佬的你，想必对于 JavaScript 的正则表达式非常熟悉了，甚至随手就能利用正则表达式写出一些惊世骇俗的代码。只是不知道你是否有和我一样的疑惑：正则表达式是怎么执行的呢？ 接下来，我试着用我自己的方式来介绍，希望也能帮助对此感兴趣的你。 NFA 是指 Nondet…

Vue.js 的核心包括一套“响应式系统”。 “响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。 代码执行后，页面上对应位置会显示：luobo。 这样页面上就会显示修改后的名字了，并不需要去手动修改 DOM…

mock-middleware 是支持动态“场景切换”的 mock 中间件。 作为基于 Express 的 mock 中间件，mock-middleware 可以和 webpack-dev-middleware、webpack-hot-middleware 等一起组建本地开发服…