Hello Yu各位同学又见面了，我是我，今天带来的JavaScript基础知识是深拷贝和浅拷贝，浅拷贝比较简单，但是我们学习嘛，就要由浅入深（听起来有点怪怪的），不能还没学会走路就想跑，在我做前端的时候，别人喜欢叫前端『切图仔』，现在大前端的概念深入人心，我们前端可以不再是『切图仔』，要是看后端不爽，他的工作我们也顺手做了，但是呢，能这样做，还需要建立在扎实的基础，和不断学习探索的精神上，我分享的JavaScript基础知识，都是曾经困扰我的一些点，现在对这些知识有了新的，全面的理解，分享出来给大家，也有可能理解有错，如果你觉得不对，就留言评
Skip to content
有做过拖拽项目的前端小伙伴一定有遇到过这几个鼠标事件属性：clientX、clientY、pageX、pageY、screenX、screenY、offsetX、offsetY，WTF！一开始我看到这么多XY也是一头雾水头大的很，读了MDN的文档还是不是很清楚，后面看了几篇文章，又找到一些图片，终于再也不会把他们混在一起了，在这里记录分享给大家：
- clientX/Y：当前鼠标点击位置相对于浏览器窗口左上角的X/Y值，不会随着文档滚动而变化
- pageX/Y：当前鼠标点击位置相对于文档左上角的X/Y值，如果DOM文档，也就是页面滚动，这个值会变化
这是从零开始开发wordpress主题系列教程的第七篇，但是标题是五，因为我把最开始的两篇剔除出去作为基础知识，这样github源码库的分支名称就能和文章名称对应上，这样比较容易理解，也比较容易找到相关的文章记录，如果是一路看下来的朋友，应该知道，我们已经通过默认WordPress主循环获取到文章数据，和**WordPress自定义循环**获取分类的文章数据，并展示他们，如果还搞不清楚的，就返回到前面的几篇看
做过前端开发的小伙伴肯定会遇到下面这样报红的
error经历：
CORS资源请求错误
如果没有遇到，那你就还需要多努力努力了，这个错误就是今天我要说的CORS（Cross-origin resource sharing）跨域资源共享，这是在前端开发中再常见不过的问题，比如我们本地开发，使用的域名地址是
localhost，或者IP如192.x.x.x之类的，如果请求后端API服务器和前端服务器不是上一篇我已经讲了在WordPress中使用Loop主循环显示Post文章，这篇文章要介绍下WordPress开发中的重点内容，那就是WP_Query类，如果搞明白这个类，就可以算入门WordPress开发了，无论是开发主题还是插件，今天我们通过使用WP_Query类自定义查询特定的文章内容。
接着上一篇的源码，我们改造下布局，如果没有源码的可以拉到文章最底部Github源码仓库下载，因为这是入门教程，所以都是使
这是《从零开始开发WordPress教程系列》的第三篇，离上一篇WordPress加载CSS/JS文件已经过去有一点时间，但是放心，我一定不会放鸽子，如果没有看过前面教程的朋友，可以回去看看前面的文章，如果是顺着前面文章看下来的朋友，应该能照着前面介绍的步骤，有下面的界面样子了：
![wordpress主题开发-第二节](images/wordpress主题开发-第二节-1024x577.
我好久没更新文章了，主要是忙（偷懒），最近在做Webview H5的项目，在线上调试有时候很麻烦，有时候还需要用到抓包，因为最近换了新的Macbook Pro M1的机子，无法同时共享热点又连接WIFI，所以想要抓包手机比较麻烦，需要接一个Type-C转接口，连上网线，这种蛋疼的多捣腾几次就觉得烦人，后面看到测试的同事使用Fiddler代理的方式，我装的是Wireshark，其实加个代理应该就可以了，后面去网上找了下，果真有个好用的代理Charles，只要启动，在手机上配个服务器代理就可以正常抓包了，不需要通过共享热点，这种方式要方便很多，现在记录下，
相信学习过前端的同学，一定有一段时间会对原型，原型对象，原型链这些名词熟悉又陌生，其中最难理解的应该就是__proto__和prototype，它们的区别经常会被搞混，我也一样，有段时间也是傻傻分不清，经过社会的毒打之后，才慢慢开窍，网上有很多文章都在谈，但是并没有看到说的比较明白的，这里我把自己的理解分享给各位。
什么是对象？
首先我们要先搞清楚什么是对象？在JavaScritp中有7种基础数据string, number, [bigint](https://developer.mozilla.org/en-
在上一篇文章中，我们已经使用get_header，get_footer等函数把一个页面分割成多个文件，这篇文章要来说说如何载入CSS/JS前端文件，我们可以打开Chrome Developer Tool查看项目源码，可以看到如下的代码：
![SEOZEN-wordpress-theme-development-html-source-code](images/SEOZEN-wordpress-theme-development-