在移动端H5开发中，我们常会调用一些(Android/iOS)端上的功能，这些功能有的是用H5无法实现的，有的纯粹是懒得再用H5开发一遍。JSBridge的目标即是在H5中以某种方式唤起这些端上的方法。 在解释这段代码之前，我们先来了解一些背景知识。 在Android中，有个名…

本篇文章主要目的是把前端的请求方式做一个极度精简和自动化，给我们繁重的搬砖生活，带来一点幸福感^_^。 相信跟我一样的前端狗早就写烦了各种请求，写烦了各种请求路径，大家在项目中请求的方式都各不相同，但是大致的方式都是差不多的。来看看以下大家常用的请求方式弊端分析，看看是不是也有…

这是一段标准的for循环代码，通过变量i去追踪数组arr的索引，达到访问数组中每一位元素的目的。 需要花费精力去处理越界问题，一些编译型语言在遇到数组索引越界时会报错，而JavaScript引擎将不会告诉你任何错误信息，错误定位成本会比较高。 一切看起来都是那样的完美，即不需要…

做过校验需求的小伙伴们都知道，校验其实是个麻烦事。 规则多，需要校验的字段多，都给我们前端带来巨大的工作量。 一个不小心，代码里就出现了不少if else等不可维护的代码。 因此，我觉得一个团队或者是一个项目，需要一个校验工具，简化我们的工作。 首先，参考一下 Joi。只看这一…

在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事…

【2019-08-16】Hello 小伙伴们，由于 jsliang 对文档库进行了重构，这篇文章的一些链接可能失效，而 jsliang 没有精力维护掘金这边的旧文章，对此深感抱歉。请需要获取最新文章的小伙伴，点击上面的 GitHub 地址，去文档库查看调整后的文章。 正则表达式…

你需要在前端展示 5000 条甚至更多的数据，每一条数据的数据结构是一个对象，里面有格式各样的属性。每个属性的值又可以是基本类型，对象，甚至数组。这里的对象或者数组内部的元素又可以继续包含对象或者数组并且允许无限嵌套下去。比如 页面上提供一个搜索框，用户通过输入搜索的内容可以找…

本周精读的文章是 speedy-introduction-to-web-workers，是一篇 Web Workers 快速入门的文章，借精读这篇文章的机会，谈谈对 Web Workers 的理解与运用。 高效。 并行。 因为浏览器是单线程的，任何大量耗时的 JS 任务都会卡住…

在刚刚加入这家公司的时候，技术 Leader就和我说过一件事情，希望能够落地前端的自动化，希望我能够出一个可行方案。而此时，在公司前端团队还非常年轻，但是业务的发展导致团队规模扩大了一倍多。加上 toC业务千变万化，导致各种 bug满天飞。前端自动化测试的成本是非常高昂的，在长…