XaYvier

Web 应用中的撤销与重做，很容易想到富文本编辑器，但本文不特指富文本编辑器，而是更具有普遍意义的 Web 交互应用。只要有用户操作发生的地方，就有可能出错，需要提供挽救的方法。在富文本编辑器里，用户的操作就是编辑文本内容，document.execCommand 能实现最基本的

我们都知道JavaScript是一门单线程、非阻塞的脚本语言，目的是为了实现与浏览器交互。 这里我们提到了两点：一是单线程，二是非阻塞。 单线程是指JavaScript在执行的时候，有且只有一个主线程来处理所有的任务。 但是他为什么一定是单线程，而不是多线程的呢？ 我们设想一下…

程序员英语这本书虽然事实证明确实写的不怎么样，但是开头的一些内容还是值得参考的，比如其中的一道思考题：自签名证书会带来哪些危害。 既然说起这个，当然要从最简单的 HTTPS 说起。 理论上而言，HTTPS 即通信加密，可以预防窃听和中间人攻击，当然，对于大多数用户和网站而言，最…

这篇文章主要讲如何利用 PerformanceAPI 辅助书写 CSP 指令 里的域名名单的思路，并不是写 CSP 的最佳实践，也未提供成熟工具。如果你还不了解 CSP 或者 PerformanceAPI，可以看下第 0 步（由于我并未特别深入 CSP 规则，如果有写的不对的地…

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…

写业务，对于一个前端而言，应该是再正常不过的事了，业务对标着需求，前端 er 们根据产品的需求以及设计师的设计稿开发出相应的 web 应用，无论是一个简单的页面或是一套复杂的系统，或多或少掺杂着业务逻辑。然而，我们有时候写的业务逻辑到底是为了去写业务逻辑而写的吗，作为一个常年与…

这篇文章通过 FCC 上海线下和成都微信的分享，整理成文字稿顺便凑一下更新，考虑到吃瓜读者们不知道都了解到啥程度，以及我科普作者的身份（自己定的），我决定从入门到放弃的介绍一下，大致涉及： 什么是 CDN 为什么我们要用 CDN 访问原理 架构 应用与踩坑 现实世界的 CDN …

1.REST vs GraphQL