全部源代码已上传 github，点击我吧，光看文章能够掌握两成，动手敲代码、动脑思考、画图才可以掌握八成。 本文章适合 对数据结构想了解并且感兴趣的人群，文章风格一如既往如此，就觉得手机上看起来比较方便，这样显得比较有条理，整理这些笔记加源码，时间跨度也算将近半年时间了，希望对…

内容安全策略(Content Security Policy)简称CSP是由W3C小组定义的一项规范,其主要作用是提供一个额外的安全层,用于检测并削弱某些特定类型的攻击,包括跨站脚本 (XSS) 和数据注入攻击等. CSP被设计出来的目的就是为了效防范内容注入攻击,如XSS攻击…

写久了业务代码的我，已经要被社会抛弃了。今天回过头去巩固基础知识，发现有很多自己业务中不经常用，或者说是不知道那个方法，导致自己重写一个方法去实现。关于Array对象的方法你是否只用concat、join、pop、push、shift、unshift、reverse、sort、…

在日常写JS逻辑的时候，有小伙伴经常问及我一些遍历相关的逻辑，很多都是很基础性的知识点，只不过需要组合一下就可以实现效果。所以，我觉得还是有必要举几个例子来说明一下这几个js常用的方法，find()、findIndex()、forEach()、splice()、slice()这…

在看到评论后，突然意识到自己没有提前说明，本文可以说是一篇调研学习文，是我自己感觉可行的一套方案，后续会去读读已经开源的一些类似的代码库，补足自己遗漏的一些细节，所以大家可以当作学习文，生产环境慎用。 如果你的应用有接入到web apm系统中，那么你可能就知道apm系统能帮你捕…

Notification是HTML5新增的API，用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗，好奇之余也想知道如何实现的。实际去查一下发现并不复杂，且可以说比较简单，故写篇博客分享给大家,希望能帮你们了解这个API。 该通知是脱离浏览器的，即使用户没有停留…

在Observer源码部分主要有三个角色：Observer、Dep、Watcher。 （1）必须是一个对象，且不能是vnode的类型的。 这段代码就是判断传入的值是不是数组，如果是数组，走observeArray方法，如果不是数组，那么走walk方法。 walk这个方法就是遍历…

学过计算机的童鞋们都知道栈和堆，说实话大学的时候真没好好听讲，也就知道个大概，今天就简单的总结一下，浅谈栈和堆，去了解一下咱们平时定义变量的时候，在计算机中是怎么存储的。 堆和栈其实是两种数据结构。堆栈都是一种数据项按序排列的数据结构，只能在一端(称为栈顶(top))对数据项进…