在一些性能敏感的场合下（例如服务端处理大量并发），或面对大量 stringify 的操作时，我们会希望它的性能更好，速度更快。这也催生了一些优化的 stringify 方案/库，那么，在他们大幅的性能提升背后的技术原理是什么呢？

阅读更多>>

在我们的印象里，实现一个简单的聊天应用（消息发送与多页面同步）并不困难 —— 这是在我们有 JavaScript 的帮助下。而如果让你只能使用 CSS，不能有前端的 JavaScript 代码，那你能够实现么？

阅读更多>>

用过那么多脚手架，现在自己来开发一个可好？

阅读更多>>

今天带大家一起来看看下，如何实现“划词高亮”功能。

笔者前段时间为线上业务实现了一个与内容结构非耦合的文本高亮在线笔记功能。非耦合是指不需要为高亮功能建立特殊的页面 DOM 结构，而高亮功能对业务近乎透明。该功能核心部分具有较强的通用性与移植性，故拿出来和大家分享交流一下。

阅读更多>>

在浏览器中，我们可以同时打开多个 Tab 页，每个 Tab 页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个 Tab 间共享。然而有些时候，我们希望能在这些“独立”的 Tab 页面之间同步页面的数据、信息或状态。这就是我们所说的前端跨页面通信。

阅读更多>>

前端如何实现广播式通信呢？Broadcast Channel 就是一个好方法。它会创建一个所有同源页面都可以共享的（广播）频道，因此其中某一个页面发送的消息可以被其他页面监听到。

阅读更多>>

近来，GoogleChromeLabs 推出了 quicklink，用以实现链接资源的预加载（prefetch）。本文在介绍其实现思路的基础上，会进一步探讨在预加载方面前端工程师还可以做什么。

阅读更多>>

本文为翻译文章，原文链接见文末

PM 说要为网站实现一键设置主题的功能，作为技术人员，你能想到的实现方式有哪些呢？

阅读更多>>

记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。

在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此，我结合工作体会抽象出了一些前端基础技术能力，并将这段时间学习或产出的一些不错的内容根据这些能力进行整理，形成了一份前端技术清单。

不论你是正在自学前端遇到了瓶颈，还是对某些技术熟练掌握但某些还未涉足，都希望这份清单能对你有所帮助。

阅读更多>>

「 你能回答这十问么？」

1. webpack默认配置是在哪处理的，loader有什么默认配置么？
2. webpack中有一个resolver的概念，用于解析模块文件的真实绝对路径，那么loader和普通模块的resolver使用的是同一个么？
3. 我们知道，除了config中的loader，还可以写inline的loader，那么inline loader和normal config loader执行的先后顺序是什么？
4. 配置中的module.rules在webpack中是如何生效与实现的？
5. webpack编译流程中loader是如何以及在何时发挥作用的？
6. loader为什么是自右向左执行的？
7. 如果在某个pitch中返回值，具体会发生什么？
8. 如果你写过loader，那么可能在loader function中用到了this，这里的this究竟是什么，是webpack实例么？
9. loader function中的this.data是如何实现的？
10. 如何写一个异步loader，webpack又是如何实现loader的异步化的？

阅读更多>>