<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[D____ppx的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/D____ppx</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; D____ppx]]></copyright><item><title><![CDATA[今天来个简单的 就是jquery写的轮播图]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124355104</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124355104</guid><author>D____ppx</author><pubDate>Fri, 22 Apr 2022 21:18:49 +0800</pubDate><description><![CDATA[简单一个css（就是加在图片上面的小黑点的左浮动有点问题 没有报错 就是显示有点错误）


 &lt;style&gt;
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        .slider {
            width: 790px;
            height: 340px;
            ma..]]></description><category></category></item><item><title><![CDATA[Jquery（上部）]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124331204</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124331204</guid><author>D____ppx</author><pubDate>Thu, 21 Apr 2022 20:50:28 +0800</pubDate><description><![CDATA[jquery概述

jquery是一个前端的js库，他封装了一些原生操作的方法以及解决一些原生的兼容。jquery是一个轻量级的js库，他具备强大的方法封装（dom操作 动画）以及链式调用等等优势。

jquery库入门

jquery官网地址

jquery的中文网

1.导入（head）


&lt;!-- 导入jquery文件 --&gt;
&lt;script src="./js/jquer.min.js"&gt;&lt;/script&gt;

2.使用（直接使用）



// jQuery //]]></description><category></category></item><item><title><![CDATA[JSONP的内容]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124307600</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124307600</guid><author>D____ppx</author><pubDate>Wed, 20 Apr 2022 21:25:25 +0800</pubDate><description><![CDATA[同源策略（同源政策）

概述

浏览器为了安全性考虑 拒绝访问不同源的内容 这个称为同源策略

跨域（CORS）

跨域问题的产生 是由于同源策略的影响

1.请求协议不一致 （http 和 https）

2.ip地址不一致 （127.0.0.1 和 192.168.0.1）

3.端口不一致 （80 和 3306）

4.走的file协议 文件不一样也会跨域

跨域解决

1.后端解决 （设置请求头）


Access-Control-Allow-Origin: *

2.前端解决 （通过设置请求 js]]></description><category></category></item><item><title><![CDATA[设计模式及相关内容]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124259126</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124259126</guid><author>D____ppx</author><pubDate>Mon, 18 Apr 2022 20:56:44 +0800</pubDate><description><![CDATA[大厂实习必备

1.数据结构（算法）*

数据结构 就是存储数据的结构（容器）

1.1 数组

1.2 链表（单链表和双向链表）

1.3 队列 （先进先出）

1.4 栈 （先进后出）

1.5 图

1.6 树

....

算法

递归算法 查找算法（bfs 广度优先 dfs 深度优先）

贪心算法

马拉车算法

狄克斯特拉算法

排序算法

.....

2.操作系统（Linux）

3.计算机组成原理

4.网络通信原理

设计模式

概述：

设计模式 是一种用于快速构造模型以及对象的一种模]]></description><category></category></item><item><title><![CDATA[简单的ajax 接口 分页效果]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124203575</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124203575</guid><author>D____ppx</author><pubDate>Fri, 15 Apr 2022 20:49:32 +0800</pubDate><description><![CDATA[代码在下面


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;ti.]]></description><category></category></item><item><title><![CDATA[AJAX的所有内容 (有代码)]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124180968</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124180968</guid><author>D____ppx</author><pubDate>Thu, 14 Apr 2022 20:53:02 +0800</pubDate><description><![CDATA[ajax概述

ajax全称 异步的JavaScript和xml 他是用于发送http请求（支持异步请求）

ajax的特点

1.支持异步请求

2.实现局部刷新

3.在局部刷新的时候可以保持浏览器不刷新（不会产生历史记录）

ajax的运用



XMLHttpRequest（有兼容问题）

他是ajax的核心对象（负责请求的对象）

1.封装方法


//兼容各大浏览器
function createXhr(){
if(window.XMLHttpRequest){
return new XMLHt]]></description><category></category></item><item><title><![CDATA[继承和闭包]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124158267</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124158267</guid><author>D____ppx</author><pubDate>Wed, 13 Apr 2022 21:21:51 +0800</pubDate><description><![CDATA[继承

子类继承父类 可以拥有父类的方法及属性 这个称为继承

继承的使用

1.使用extends来实现继承（es6的class）


// 继承 class类 的继承 extends继承关键词
class Person{
  constructor(){ //构造函数
    this.name = '张三'
    this.eat = function(){
      console.log('干饭');
     }
   }
}
class Studen...]]></description><category></category></item><item><title><![CDATA[面向对象（重点中的重点）]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124134578</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124134578</guid><author>D____ppx</author><pubDate>Tue, 12 Apr 2022 21:21:35 +0800</pubDate><description><![CDATA[面向对象的概述

面向对象不是一个新的内容，而是一个编程思想（oop）

面向过程

1.去相亲网站

2.填写信息

3.确定目标

4.建立联系

5.约会

....

面向对象

1.找对象（找个媒婆）

2.调用对象的方法（说媒）

面向对象的主要思维是找能做这个事情的对象（万物皆对象 所有的东西都能被当成对象）

了解对象

对象类型属于引用数据类型 关于对象的创建

对象的创建

直接赋值


let obj = {} //对象类型

使用new关键词


let obj = new Obje]]></description><category></category></item><item><title><![CDATA[重点中的重点（事件总结）]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/124108092</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/124108092</guid><author>D____ppx</author><pubDate>Mon, 11 Apr 2022 20:13:15 +0800</pubDate><description><![CDATA[事件构成三要素

1.触发的元素

2.事件函数（on+事件类型）

3.事件处理函数（方法）

事件书写方式

元素内部直接写


&lt;a href='' onclick=”alert('hello')“&gt;&lt;/a&gt;

元素内部调用函数


&lt;a href='' onclick='fn()'&gt;&lt;/a&gt;

使用对应的事件属性添加事件


var box = document.getElementById('box')
box.onclick = function(]]></description><category></category></item><item><title><![CDATA[正则对象 主要前面的基本要记 后面的可以百度]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123886232</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123886232</guid><author>D____ppx</author><pubDate>Thu, 31 Mar 2022 23:08:27 +0800</pubDate><description><![CDATA[正则对象的定义方式

第一种定义 常用


 var regx = /^b$/ //声明的就是一个正则对象  ^表示开头 $表示结尾 只匹配一个b这个一个单词

第二种定义


var regx1 = new RegExp('^a$') //声明一个正则对象 只匹配a这个单词

[] 表示其中的一个元素


var regx2 = /^[abcdef]$/ //匹配a  或者 b  或者 c  或者d  或者 e  或者 f 其中一个单词

{} 表示个数


var regx3 = /^[abc]{2..]]></description><category></category></item><item><title><![CDATA[cookie介绍 内容比较少 了解为主]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123856615</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123856615</guid><author>D____ppx</author><pubDate>Wed, 30 Mar 2022 21:29:12 +0800</pubDate><description><![CDATA[1.http协议讲解

http和https是遵从tcp/ip之上的协议

http和https(安全) 他们都是负责网络通信 主要浏览器访问 浏览器访问服务器 服务器给我浏览器数据

关于http的特点

无状态 (同时2个客户端请求服务器端 他是没有办法分辨谁是谁)需要标识了(房卡)

无连接 (2者的数据发送完 就断开连接)

cookie 他就是用来解决http的无状态(认为是标识)

每次请求都是会带上cookie cookie存储在浏览器上

session叫会话 浏览器和服务器通信的过程会产.]]></description><category></category></item><item><title><![CDATA[简单了解事件冒泡和阻止事件冒泡]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123830242</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123830242</guid><author>D____ppx</author><pubDate>Tue, 29 Mar 2022 22:19:04 +0800</pubDate><description><![CDATA[1.什么叫事件冒泡？

就是在触发事件时候 会一层一层向上冒泡(他同时会触发父类的事件)

2.阻止事件冒泡 意思就是阻止事件向上传递

第一种ie浏览器的阻止事件冒泡 利用了一种属性cancelBubble 设置为true 他也兼容各大浏览器 （不遵守w3c规范 未来这个属性要淘汰） 代码e.cancelBubble = true (强调不建议使用)

第二种stopPropagation这个方法可以阻止事件冒泡 且他遵守w3c规则 （兼容各大浏览器 ie9之前不兼容）

建议写法



if(e.sto]]></description><category></category></item><item><title><![CDATA[事件讲解(记忆力不好的小伙伴们建议保存)]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123804425</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123804425</guid><author>D____ppx</author><pubDate>Mon, 28 Mar 2022 21:13:43 +0800</pubDate><description><![CDATA[1.什么是js事件？

js事件是指我们使用鼠标或者键盘做了某些事件来触发对应的处理函数

比如onclick是事件 表示点击事件 执行的操作

function是处理的函数 表示我们要做的事情


​
document.getElementsByTagName('button')[0].onclick = function(){
    console.log('hello');
}

​

2.分为2种模式 内联模式和脚本模式

内联模式直接在标签内容以指定属性的方式 用的比较少 有2种方法

脚本模.]]></description><category></category></item><item><title><![CDATA[DOM补充 节点]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123783749</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123783749</guid><author>D____ppx</author><pubDate>Sun, 27 Mar 2022 22:50:22 +0800</pubDate><description><![CDATA[节点共有属性（元素节点有，属性节点有，文本节点有）


var title = document.getElementsByTagName('title')[0]
console.log(title.nodeName);  //nodeName节点名称
console.log(title.nodeType);  //nodeType  
​
//节点类型： 元素节点； 属性节点；文本节点
console.log(title.nodeValue); 
​
//节点值 ： 元素节点为null  ；  ...]]></description><category></category></item><item><title><![CDATA[补发js第一次内容]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123760248</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123760248</guid><author>D____ppx</author><pubDate>Sat, 26 Mar 2022 17:49:27 +0800</pubDate><description><![CDATA[JavaScript的概述：

1.组成 三部分组成

ecmaScript 基础语法（es5）

dom document object model 文档对象模型 （操作html文档内容）

bom borswer object model 浏览器对象模型 （操作浏览器相关内容）

JavaScript书写位置：

1.书写在标签中


&lt;a href="javascript:alert('hello')"&gt;&lt;/a&gt;

2.书写在script标签中


&lt;script&gt;]]></description><category></category></item><item><title><![CDATA[DOM入门]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123723934</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123723934</guid><author>D____ppx</author><pubDate>Thu, 24 Mar 2022 22:57:35 +0800</pubDate><description><![CDATA[div就是元素节点（任意的标签都是元素节点）
id就是属性节点 （任意的属性都是属性节点）
你好就是文本节点 （任意的文本都是文本节点）

1.DOM 全称document object model 文档对象模型 操作html
    html文档由html+css组成 DOM利用js操作html+css的
    操作元素节点 element Element 元素节点对象
    查 获取元素节点的方式

一. 通过选择器获取
   1. id选...]]></description><category></category></item><item><title><![CDATA[location和histroy和navigator的讲解]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123723732</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123723732</guid><author>D____ppx</author><pubDate>Thu, 24 Mar 2022 22:42:32 +0800</pubDate><description><![CDATA[1.location

document(核心):文档对象，让我们可以在js脚本中直接访问页面元素（DOM）

hestory(重要):历史对象，包含窗口的浏览历史，可以实现后退

location(重要)：包含浏览器当前的地址信息，可以用来刷新本页面或跳转到新页面

frames:框架对象，可以获取页面框架内容

screen:包含有关客户端显示屏幕的信息

navigator:导航对象，包含所有有关访问者浏览器的信息（浏览器版本信息等 最新版本的浏览器是不支持的）、

console.log(windo]]></description><category></category></item><item><title><![CDATA[BOM讲解之window.html]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123723621</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123723621</guid><author>D____ppx</author><pubDate>Thu, 24 Mar 2022 22:33:51 +0800</pubDate><description><![CDATA[1.bom ===borwer object model 浏览器对象模型

bom是进行浏览器操作的

bom里面是存在多个对象的

bom实际进行操作浏览器是使用多个对象里面的属性以及相关方法

bom没有规范 我们所讲的共有对象

bom没有规范 我们所讲的是bom的共有对象

2.顶层对象window 所有的其他使用的对象都是通过window拓展出来的

window的方法及属性 可以省略window wi...]]></description><category></category></item><item><title><![CDATA[初学字符串的知识]]></title><link>https://blog.youkuaiyun.com/D____ppx/article/details/123669081</link><guid>https://blog.youkuaiyun.com/D____ppx/article/details/123669081</guid><author>D____ppx</author><pubDate>Tue, 22 Mar 2022 20:22:21 +0800</pubDate><description><![CDATA[1.字符串的介绍以及声明

字符串是javaScript的一种数据类型 用"" '' 括起来的就是字符串

字符串定义

第一种定义方式 常用一种

var 变量 = 字符串值

var str = 'str'

var str1 = "hello"

console.log(str)

console.log(str1)

2.使用new 关键词定义

var object = new string（true）返回的是一个字符串

通过直接赋值的形式是基本数据类型 通过new关键词是对象类型（引用数据类型]]></description><category></category></item></channel></rss>