水滴前端

今天我们来尝试将二者结合，在 GraphQL工程中实现一个 Laravel 风格的高级验证器。 对某些数字类型的字段，限制上限和下限。例如：年龄，限制在 0 到 150 之间 ...... 因此，我们针对更加复杂一些的校验规则，需要一个更高级的验证器。 确定了需求，我们来看如何…

如果你正在使用 Vue 做同构的项目，那么 Nuxt 以及 Quasar Framework 都是一个不错的选择。但是今天我要介绍的是由水滴前端自主研发的一个基于 Vue 的 SSR 框架：Vapperjs。 我猜大部分同学在看到这篇文章之后的第一个疑问应该是：为什么不直接使用…

required 这代表 title 参数必传，如果没有传递 title 参数，或 title 参数的值为：null、空字符串、空数组、空对象，则验证不会通过。 以上验证规则，使用符号 | 分割，看起来很紧凑。 我们参照上面的这些内容，设计一个 JavaScript 版本的验证…

required 这代表 title 参数必传，如果没有传递 title 参数，或 title 参数的值为：null、空字符串、空数组、空对象，则验证不会通过。 以上验证规则，使用符号 | 分割，看起来很紧凑。 我们参照上面的这些内容，设计一个 JavaScript 版本的验证…

过去，服务端的研发人员设计一个数据接口，通常并不会要求使用接口的客户端研发人员知道接口内部的数据结构，而是只提供一份 api 文档（使用说明书），文档内容介绍如何调用 API，返回什么数据，文档和功能都实现后，就算完成服务端工作了。 这份数据描述就是功能的一部分（注意，它不是注…

Vue，React，D3等众多知名项目都使用rollup进行构建打包，为什么没有选择我们项目中经常使用的webpack呢？这篇文章主要分析下rollup同webpack相比打包的优势以及它的一些基本使用方式。 rollup从设计之初就是面向ES module的，它诞生时AMD、…

随着工程模块内的复杂度不断增加，靠人的精力来覆盖工程内的方方面面，已不切实际。 随着不同工程模块的规模不断壮大，靠人的精力来控制不同工程之间的关系和影响，已不切实际。 专业的工程师都明白一个道理：人是很容易犯错的，一个功能，靠人自觉或小心谨慎地来维持，无异于作茧自缚。 测试 是…

不知道大家对 React Suspense 是否有过关注，也许 Suspense 让人比较激动的是在服务端的流式渲染，然而从目前来看，React Suspense 的功能其实就是个 Loadable。当然啦这是我个人的看法，不过这不是今天的重点，今天的重点是介绍如何在 Vue …

最近在一些项目编译系统的工作中涉及到了很多关于babel插件的开发，关于babel大多数人的感受可能是既陌生又熟悉，可能大多数人对于babel的应用场景的认识就是在webpack中使用一个babel-loader，但当你真正了解他掌握它的时候，会发现他其实还有些更强的用法。。。…