在信息化时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷，Web安全威胁逐日凸显。如何才能更好地保护我们的信息不被窃取？本文主要侧重于介绍六种常见的攻击类型以及防御的方法。 XSS (Cross Site Script)，跨站脚本攻击。因为缩写和 CSS…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

平时的开发中可能不太需要用到设计模式，但是 JS 用上设计模式对于性能优化和项目工程化也是很有帮助的，下面就对常用的设计模式进行简单的介绍与总结。 1. 单例模式 定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。 2. 策略模式 定义：定义一系列的算法，把它们一个个…

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

本文来由，希望可以剖析中间件的组合原理，从而帮助大家更加理解洋葱模型。 话不多说，正文如下。 这一段代码来源于 redux 里导出的 compose 函数。我做了一些修改。主要是给匿名函数添加了名称，比如 reducer 和 nextWrapper，主要原因是匿名函数（anon…

左子树的右节点和右子树的左节点相同。 右子树的左节点和左子树的右节点相同。 类似于 React 16 的 Fiber Node 连接而成的 Fiber Tree ，就是个单链表结构。 给定一个排序链表，删除所有重复的元素，使得每个元素只出现一次。 反转从位置 m 到 n 的链表…

在前端的富交互编辑中，稳定的撤销 / 重做功能是用户安全感的一大保障。设计实现这样的特性时有哪些痛点，又该如何解决呢？StateShot 凝聚了我们在这个场景下的一些思考。 每次 push 的时候塞进去一个页面状态的全量深拷贝，然后在 undo / redo 的时候把相应的状态…

最近被 Jasmine 产品大大的需求耽搁了挺长时间，许久没落笔，心里有点惶恐，所以特此沉淀以缓解焦虑😂。今天主要分享的是关于表单验证的一些知识，大家应该都晓得，就是验证用户名、邮箱、手机号啥的，虽然食之无味，但弃之可惜😬。 通常来说表单验证可以分为两种：即时验证（本地校验…

自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普及，我们早已习惯了基于 …