猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。 已经推荐了 面试项目、css 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项目了。 以…

Map运算符用于对数组的所有元素执行特定操作，并返回包含已修改元素的数组。 它很容易实现。我们来看一个例子吧。 如您所见，map使用带三个参数的函数。 第一个参数是元素本身。 第二个参数是元素的索引。 第三个参数是整个数组。 并且还要注意我们最终必须返回一些值。这将是该元素的修…

如果说美食需要美器的衬托，优雅美观的代码编辑器会大大提升工程师的编码体验、工作幸福感。 与内置的缩进参考线不同，Guides 能够让你通过配置项来修改参考线的颜色、样式、缩进空白的背景色等，如果你愿意折腾，甚至能够配置出类似 Indent Rainbow 那样风格的参考线。下图…

需要国际化的react项目已经迭代了1年多，文件众多，包含了jsx和普通的js对象文件。粗略估计有几千个中文词条。本文先介绍了采用的国际化方案，然后给出了国际化的过程和一个自己开发的脚本i18n-pick，按照教程，可以帮助前端jsx项目5分钟快速国际化。 先大体上介绍下我选择…

Notification API 是 HTML5 新增的桌面通知 API，用于向用户显示通知信息。该通知是脱离浏览器的，即使用户没有停留在当前标签页，甚至最小化了浏览器，该通知信息也一样会置顶显示出来。 想要向用户显示通知消息，需要获取用户权限，而相同的域名只需要获取一次权限。…

这个冬天特别的寒冷且慢长，终于可以静下心来，做一些开源工作。读了zhoushaw老师的 打造属于你自己的instagram! 全栈项目(react + egg.js)项目， 非常喜欢， 于是决定为此开源项目录制开源视频，以帮助一起学习的同学们，每小节亦列出了react+egg.…

这篇文章的第一部分出现在这里。 我在那里介绍了一些有趣的功能:) Promise是ES6中的一个有用功能。它们用于进行异步操作，例如API请求，文件处理，下载图像等。 异步操作是需要一些时间才能完成的操作。 例如，假设您正在定义向服务器发出API请求的函数。该函数不会立即返回结…

HTTP/1.X出色地满足互联网的普遍访问需求，但随着互联网的不断发展，其性能越来越成为瓶颈。IETF在2015年发布了HTTP/2标准, 着重于提高HTTP的访问体验, HTTP2优势主要包括: 二进制传输、头部压缩、多路复用和服务器推送(Server Push)。 截止目前…