<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ZJie0的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ZJie0</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ZJie0]]></copyright><item><title><![CDATA[同源跨域及防抖节流]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/115454539</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/115454539</guid><author>ZJie0</author><pubDate>Tue, 06 Apr 2021 09:52:21 +0800</pubDate><description><![CDATA[同源策略和跨域
同源策略
什么是同源
如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。
什么是同源策略
同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能。
MDN 官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。
通俗的理解：浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如：

无法读取非同源网页的 Cookie、Local]]></description><category></category></item><item><title><![CDATA[数据库基本概念]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/115391326</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/115391326</guid><author>ZJie0</author><pubDate>Fri, 02 Apr 2021 09:38:57 +0800</pubDate><description><![CDATA[数据库的基本概念
什么是数据库
数据库（database）是用来组织 、 存储 和 管理 数据的仓库。
当今世界是一个充满着数据的互联网世界 充斥着大量的数据 。 数据的来源 有很多，比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据，图像、音乐、声音都是数据。
为了方便管理互联网世界中的数据，就有了数据库管理系统的概念（简称：数据库）。用户可以对数据库中的数据进行 新增 、 查询 、 更新 、 删除 等操作。
常见的数据库及分类
市面上的数据库有很多种，最常见的数据库有如下几个：

M]]></description><category></category></item><item><title><![CDATA[XMLHttpRequest]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/115209820</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/115209820</guid><author>ZJie0</author><pubDate>Thu, 25 Mar 2021 15:25:11 +0800</pubDate><description><![CDATA[什么是XMLHttpRequest
XMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LMNbVfr8-1616657083936)(1.png)]
使用xhr发起GET请求
步骤：

创建 xhr 对象
调用 xhr.open() 函数
调用 xhr.send() 函数
监]]></description><category></category></item><item><title><![CDATA[Node(二)]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/115063428</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/115063428</guid><author>ZJie0</author><pubDate>Mon, 22 Mar 2021 09:39:08 +0800</pubDate><description><![CDATA[模块化
什么是模块化
模块化是指解决一个复杂问题时，自上向下逐层把系统划分成若干模块的过程 。对于整个系统来说， 模块是可组合、分解和更换的单元。
生活中的模块化
比如使用的计算机系统，硬件模块(主机(CPU、内存系统、主板)、IO设备(键盘、鼠标、显示器、音响、扫描))+软件模块(系统(windows、ios、android、winserver…)、应用(聊天、娱乐…))
编程中的模块化
编程领域中的模块化，就是遵守固定的规则 ，把一个大文件拆成独立并互相依赖 的多个小模块。
把代码进行模块化拆分的好处：]]></description><category></category></item><item><title><![CDATA[Node（一）]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/114963876</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/114963876</guid><author>ZJie0</author><pubDate>Thu, 18 Mar 2021 09:37:27 +0800</pubDate><description><![CDATA[客户端与服务器
上网的目的
刷微博、浏览新闻、在线听音乐、在线看电影…
上网的本质目的：通过互联网的形式来获取和消费资源
服务器
上网过程中，负责存放和对外提供资源的电脑，叫做服务器。

客户端
上网过程中，负责获取和消费资源的电脑，叫做客户端。

URL地址
URL地址的概念
URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。
常见的URL举例：
http]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】Bootstrap布局]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/114521200</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/114521200</guid><author>ZJie0</author><pubDate>Mon, 08 Mar 2021 10:08:07 +0800</pubDate><description><![CDATA[响应式开发
响应式开发原理
就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备
的目的。

超小屏幕(手机)&lt;768px
小屏设备(平板)&gt;=768px-&lt;992px
中等设备(桌面显示器)&gt;=992px-&lt;1200px
宽屏设备(大桌面显示器)&gt;=1200px

响应式布局容器
响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。
原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】移动端布局]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/114520672</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/114520672</guid><author>ZJie0</author><pubDate>Mon, 08 Mar 2021 09:34:43 +0800</pubDate><description><![CDATA[rem基础
rem单位
rem (root em)是一个相对单位，类似于em，em是父元素字体大小。
不同的是rem的基准是相对于html元素的字体大小。
比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。
/* 根html 为 12px */
html {
   font-size: 12px;
}
/* 此时 div 的字体大小就是 24px */       
div {
    font-size: 2rem;
}

rem的]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】排他思想]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/112264517</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/112264517</guid><author>ZJie0</author><pubDate>Sat, 06 Mar 2021 17:00:50 +0800</pubDate><description><![CDATA[排他思想
如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法

先找到所有的元素
消灭所有的元素样式，改成初始样式
然后留下自己，设置特定样式

注意：顺序不能颠倒，先消灭后自己
        window.onload=function(){
            // 【1】选择所有的相关元素
            // .getElementsByTagName("li")
            var lis=document.querySelectorAll(".]]></description><category></category></item><item><title><![CDATA[动画]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/113778658</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/113778658</guid><author>ZJie0</author><pubDate>Wed, 10 Feb 2021 08:51:03 +0800</pubDate><description><![CDATA[动画
动画核心
通过一定的时间段不断处理元素的一些属性的值，实现元素的动态效果
JS中提供的动画核心是通过定时器setInterval，不断的改变盒子的一些属性
实现动画

必须要有时间控制setInterval
随着时间进行改变元素的样式属性或者属性

进度条
核心原理：随着时间改变元素的宽度
小人跑
核心原理：

随着时间改变元素的位置
随着时间改变元素的src属性，（图片使用一组帧图）


...]]></description><category></category></item><item><title><![CDATA[JS执行机制&offset系列]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/113681001</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/113681001</guid><author>ZJie0</author><pubDate>Fri, 05 Feb 2021 10:16:24 +0800</pubDate><description><![CDATA[JS的执行机制
        console.log(1);
        setTimeout(function(){
            console.log(3);
        },1000);
        console.log(2);
		//结果为 1，2，3
        
        console.log(1);
        setTimeout(function(){
            console.log(3);
        },0);
    ]]></description><category></category></item><item><title><![CDATA[键盘事件&BOM]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/113624628</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/113624628</guid><author>ZJie0</author><pubDate>Thu, 04 Feb 2021 09:32:19 +0800</pubDate><description><![CDATA[键盘事件
常用的三个

onkeyup：当某个按键被松开的时候后触发
onkeydown：当某个按键被按下的时候触发
onkeypress：当某个按键被按下的时候触发，不识别功能按钮(方向键、shift)

注意：


如果使用addEventListener不需要加on


onkeypress和前面的两个事件区别在于它不识别功能键


三个时间的触发顺序是：keydown–keypress–keyup
    &lt;script&gt;
        // 常用的键盘事件
        //1. ]]></description><category></category></item><item><title><![CDATA[JavaScript-【元素的创建&事件】]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/113534904</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/113534904</guid><author>ZJie0</author><pubDate>Tue, 02 Feb 2021 09:00:37 +0800</pubDate><description><![CDATA[元素的创建总结
元素的创建

document.write();
element.innerHTML();
document.createElement();

区别

使用document.write是直接将内容写入到页面的内容流区域，当文档流执行完毕，会导致页面全部重绘
element.innerHTML：是将内容写入当前这个节点内部，并且不会导致页面重绘，还可以创建多个元素，工作效率更高，(不需要连接字符串操作)，但是写法结构比较复杂
document.createElement，创建元素但是只是创建]]></description><category></category></item><item><title><![CDATA[排他思想&节点]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/113517864</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/113517864</guid><author>ZJie0</author><pubDate>Mon, 01 Feb 2021 14:57:17 +0800</pubDate><description><![CDATA[案例
排他思想
如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法

先找到所有的元素
消灭所有的元素样式，改成初始样式
然后留下自己，设置特定样式

注意：顺序不能颠倒，先消灭后自己
        window.onload=function(){
            // 【1】选择所有的相关元素
            // .getElementsByTagName("li")
            var lis=document.querySelectorAll]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】DOM学习]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/111407904</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/111407904</guid><author>ZJie0</author><pubDate>Thu, 07 Jan 2021 19:13:17 +0800</pubDate><description><![CDATA[DOM学习
什么是DOM
DOM–文档对象模型
文档对象模型，是由w3c组织推荐的一种处理可扩展标记语言（xml）的标准编程接口。
xml和HTML：
xml：可扩展标记语言，主要是通过自定义标签进行对数据保存处理
HTML：超文本标记语言，是一些已经规定好的一套标签
W3C已经定义好了一系列的DOM接口，我们目前主要通过这些DOM接口进行改变网页内容，结构和样式
DOM的内容
DOM中最大最原始的对象是文档对象
DOM的结构其实就是一个HTML的标准文档结构
文档-HTML：根元素

head元素

ti]]></description><category></category></item><item><title><![CDATA[WebAPI介绍]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/111407534</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/111407534</guid><author>ZJie0</author><pubDate>Fri, 01 Jan 2021 09:05:55 +0800</pubDate><description><![CDATA[web API介绍
API概念：
API：应用程序接口，本质是一些函数接口，目的是提供应用程序与开发人员的某些软硬件操作的一些方便功能，类似于使用的成型产品。在使用的时候无需考虑其生产过程，直接使用即可
WebAPI概念
WebAPI是浏览器提供的一套有关于操作浏览器功能以及浏览器内页面元素的API(BOM和DOM)。现阶段主要针对于浏览器讲常用的API，主要针对浏览器做交互效果。
API是为程序员提供的一些接口，帮我们实现一些功能，方便开发
WebAPI是针对于浏览器提供的接口，主要针对浏览器做交互效果，]]></description><category></category></item><item><title><![CDATA[JavaScript-【JS】内置对象&&重载]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/111404964</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/111404964</guid><author>ZJie0</author><pubDate>Mon, 28 Dec 2020 18:25:52 +0800</pubDate><description><![CDATA[内置对象
JavaScript对象：
对象只是一种特殊的数据，对象拥有属性和方法。

布尔类型可以是一个对象
数字型可以是一个对象
字符串也可以是一个对象
日期是一个对象
数组是一个对象
甚至函数也是一个对象

JS中的对象总共分三种：自定义对象、内置对象、浏览器对象。前两种都是JS的基础内容属于ECMAScript。浏览器对象属于JS独有的，之后学习的Web API中专门讲解。
内置独享包含哪些
根据JS API(Application Program Interface)，开发文档说明，讲解的内置对象就]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】预解析&&创建对象]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/111078414</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/111078414</guid><author>ZJie0</author><pubDate>Fri, 18 Dec 2020 19:36:13 +0800</pubDate><description><![CDATA[预解析
概念
HTML、CSS、JS代码全部交由浏览器两个引擎，渲染引擎和JS引擎两个负责执行的。
JS引擎负责对JavaScript代码进行执行处理，通过两个步骤完成JS代码的执行任务，分别是预解析和代码执行
什么是预解析
在当前变量或者函数等作用域下，JS代码在执行之前，浏览器默认会将JS代码中有关var或者function声明的变量或者函数在内存中进行提前声明以及提前定义
代码执行：将预解析的结果进行从上往下逐步执行
            console.log(num);
            ]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】函数]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/110879506</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/110879506</guid><author>ZJie0</author><pubDate>Fri, 11 Dec 2020 20:04:30 +0800</pubDate><description><![CDATA[JavaScript函数
函数的概念
在JavaScript里面，在开发过程中经常会遇到一种情况，某种算法或某些代码要经常出现或使用多次，对于这种情况使用for循环不是一种比较好的办法，for循环只能解决一些简单的重复使用问题，而遇到复杂的情况则需要使用函数的概念
函数：将一段可能会被大量重复调用执行的代码段进行封装成一个整体，通过这个整体的名称(函数名)的调用就可以实现大量代码的重复调用
函数的使用
声明函数
            function getMax(){
                v]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】数组]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/110671027</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/110671027</guid><author>ZJie0</author><pubDate>Tue, 08 Dec 2020 18:48:01 +0800</pubDate><description><![CDATA[JavaScript数组
数组的概念

数组是可以将一组相关的数据一起存放，并且提供了一些方便访问以及获取的方式
数组的本质是一组数据的集合，里面的每个成员数据称为元素，一个数组里面可以存放任意多个以及任意类型的数据(一个JS数组中的元素类型可以不相同)

数组的创建


使用关键字new创建
var array = new Array();



直接使用[]进行创建


            var arr=["张三","男",23];
            console.log(arr);

数]]></description><category></category></item><item><title><![CDATA[JavaScript--【JS】流程控制]]></title><link>https://blog.youkuaiyun.com/ZJie0/article/details/110392873</link><guid>https://blog.youkuaiyun.com/ZJie0/article/details/110392873</guid><author>ZJie0</author><pubDate>Wed, 02 Dec 2020 19:00:48 +0800</pubDate><description><![CDATA[流程控制
流程控制的概念
在一个程序的执行过程中。每行代码的执行顺序如果不同，对于程序的执行结果是不一样的。一般情况下需要人为控制代码的执行过程以达到我们需要的效果
通过一定的手段控制代码的执行顺序
分类

顺序结构：标准的从上往下执行的顺序
分支结构：通过判断一定的条件选择所要执行的代码，而产生若干分支
循环结构：通过一定的条件约束部分代码重复执行若干次

顺序流程
最简单最基本的流程控制，默认的程序代码按照从上往下的顺序依次执行
分支流程
分支结构
代码由上往下执行的过程中，根据条件进行选择不同的代码执]]></description><category></category></item></channel></rss>