最近我在巩固复习前端知识，看了看对闭包的解释，网上的说法有很多种，这篇文章主要分享自己对闭包的理解，如果有什么说错的地方，欢迎指正留言评论。

什么是闭包？ ​

在谷歌和百度搜索了下什么是闭包，你能得到至少3种以上的说法，比如说：

• 闭包是一个函数，这个函数能访问外部函数的变量
• 闭包是由函数嵌套而成的作用域链
• 闭包是指可以访问其所在作用域的函数
• 闭包是指有权访问另一个函数作用域中的变量的函数
• 闭包就是能够读取其他函数内部变量的函数
• ......

而网上大部分能看到的解释是闭包是一个函数，其实我认为，闭包是一个函数这种说法并

最近我都在巩固复习基础知识，把自己对前端基础知识的理解记录下来，这些都是自己的看法，并不一定对，我只是觉得这样理解对自己来说合情合理，符合逻辑，所以要是觉得我有哪里说错的地方，可以评论留言指出，欢迎批判指正。

Promise是什么？ ​

首先学习Promise之前，我们要搞清楚Promise是什么的问题，引用MDN上面的一句话：

本质上 Promise 是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要在一开始把回调函数作为参数传入这个函数了。

https://developer.mozilla.org/zh-C

在学习TypeScript的时候，我觉得最迷惑的地方就是Type和Interface到底有什么区别？看着好像没什么区别？那为什么要有这两个不同的关键字呢，找到一篇文章说的还不错，翻译过来分享给各位。

声明合并 ​

通常我们使用type都是作为变量或者参数的限定类型，interface更倾向于OOP的编程思维，相当于定义一个接口，和他的名字差不多，通常他们可以混用，但是也有一些区别，首先是interface能够进行声明合并，也就是说定义了两个相同名称的接口，TS会讲interface进行合并，但是type会报错，如下：

inter

inter

不知道各位在学习设计模式的时候有没有遇到这个问题：观察者（observer）模式和发布订阅（publish-subscribe）模式有什么区别？

经常在网上看到有人把他们混为一谈，其实他们是不一样的，被误导可能是因为《Head Fisrt Design Patterns》这本书里面有提到：Publishers + subscribers = observer pattern。这段话的意思是观察者+订阅者=观察者模式，但是并不是说观察者模式=发布订阅模式，下面我来具体说说他们的区别。

观察者模式（Observer Pattern ​

今天在使用openssl生成公钥的时候遇到了一个坑，遇到了无法载入私钥的报错信息如下：

openssl rsa -inform pem -in rsa.key -pubout > public-key.pem
unable to load Private Key
4341825004:error:09FFF064:PEM routines:CRYPTO_internal:bad base64 decode:/System/Volumes/Data/SWE/macOS/BuildRoots/38cf1d983f/Library/Caches/c

openssl rsa -inform pem -in rsa.key -pubout > public-key.pem
unable to load Private Key
4341825004:error:09FFF064:PEM routines:CRYPTO_internal:bad base64 decode:/System/Volumes/Data/SWE/macOS/BuildRoots/38cf1d983f/Library/Caches/c

这篇文章是我在推进前端团队命名规范总结整理的，这里分享给各位，有需要的朋友可以看看，有什么问题可以留言评论。

命名方法论介绍 ​

现在市面上流行的几中命名方法有如下5种：

驼峰命名法(camelCase) ​

驼峰命名是最常用的一种命名方法，通常被用在，函数，变量，如：

getUser()
let userInfo = {}
let isLogin = false

getUser()
let userInfo = {}
let isLogin = false

帕斯卡命名法(PascalCase) ​

帕斯卡命名方法一般常见于Class类、接口、组件等，如：

class Person {}
inte

class Person {}
inte

各位同学又见面了，我是我，今天带来的JavaScript基础知识是深拷贝和浅拷贝，浅拷贝比较简单，但是我们学习嘛，就要由浅入深（听起来有点怪怪的），不能还没学会走路就想跑，在我做前端的时候，别人喜欢叫前端『切图仔』，现在大前端的概念深入人心，我们前端可以不再是『切图仔』，要是看后端不爽，他的工作我们也顺手做了，但是呢，能这样做，还需要建立在扎实的基础，和不断学习探索的精神上，我分享的JavaScript基础知识，都是曾经困扰我的一些点，现在对这些知识有了新的，全面的理解，分享出来给大家，也有可能理解有错，如果你觉得不对，就留言评

今天我要来聊聊CSP(Content Security Policy)内容安全策略，这是HTTP层的内容，主要目的就是设置安全白名单，前面我已经介绍过**XSS跨站脚本攻击**，CSP的作用主要就是防止加载不安全的内容，就算网站有可以注入JS脚本的地方，只要不加载和访问外部资源，也会相对安全些。

如何启用CSP ​

启用CSP的方法有两种：服务器配置Http头，在html页面设置Meta标签。

就拿Apac

有做过拖拽项目的前端小伙伴一定有遇到过这几个鼠标事件属性：clientX、clientY、pageX、pageY、screenX、screenY、offsetX、offsetY，WTF！一开始我看到这么多XY也是一头雾水头大的很，读了MDN的文档还是不是很清楚，后面看了几篇文章，又找到一些图片，终于再也不会把他们混在一起了，在这里记录分享给大家：

• clientX/Y：当前鼠标点击位置相对于浏览器窗口左上角的X/Y值，不会随着文档滚动而变化
• pageX/Y：当前鼠标点击位置相对于文档左上角的X/Y值，如果DOM文档，也就是页面滚动，这个值会变化

这是从零开始开发wordpress主题系列教程的第七篇，但是标题是五，因为我把最开始的两篇剔除出去作为基础知识，这样github源码库的分支名称就能和文章名称对应上，这样比较容易理解，也比较容易找到相关的文章记录，如果是一路看下来的朋友，应该知道，我们已经通过默认WordPress主循环获取到文章数据，和**WordPress自定义循环**获取分类的文章数据，并展示他们，如果还搞不清楚的，就返回到前面的几篇看