<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[耍酷的李世达的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_44864697</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_44864697]]></copyright><item><title><![CDATA[【JavaScript高级5】ES6概念、let、const、解构、剩余参数、箭头函数、内置对象扩展(Array、String)、Set数据结构]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/109564511</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/109564511</guid><author>qq_44864697</author><pubDate>Sun, 08 Nov 2020 20:52:16 +0800</pubDate><description><![CDATA[day5ES6相关概念（★★）什么是ES6为什么使用 ES6 ?ES6新增语法let（★★★）let声明的变量只在所处于的块级有效不存在变量提升暂时性死区经典面试题小结const（★★★）具有块级作用域声明常量时必须赋值常量赋值后，值不能修改（常量值对应的内存地址不可更改）小结let、const、var 的区别解构赋值（★★★）数组解构对象解构小结箭头函数（★★★）小结面试题剩余参数（★★）剩余参数和解构配合使用ES6 的内置对象扩展Array 的扩展方法（★★）扩展运算符（展开语法）扩展运算符可以应用于合]]></description><category></category></item><item><title><![CDATA[【JavaScript高级04】正则表达式]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/109439798</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/109439798</guid><author>qq_44864697</author><pubDate>Tue, 03 Nov 2020 14:56:17 +0800</pubDate><description><![CDATA[day41.正则表达式概述1.1什么是正则表达式1.2 正则表达式的特点2.正则表达式在js中的使用2.1正则表达式的创建2.2测试正则表达式3.正则表达式中的特殊字符3.1正则表达式的组成3.2边界符3.3字符类3.3.1 [] 方括号3.3.2量词符3.3.3用户名表单验证3.3.4 括号总结3.4预定义类3.5正则替换replace
1.正则表达式概述
1.1什么是正则表达式
正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也]]></description><category></category></item><item><title><![CDATA[【JavaScript高级01】面向对象与面向过程、对象和类]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/109395309</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/109395309</guid><author>qq_44864697</author><pubDate>Sun, 01 Nov 2020 22:45:15 +0800</pubDate><description><![CDATA[day011.面向过程与面向对象1.1面向过程1.2面向对象1.3面向过程与面向对象对比2.对象与类2.1对象2.1.1创建对象2.2类2.2.1创建类2.2.2类创建添加属性和方法2.2.3类的继承在这里插入图片描述3.面向对象版tab 栏切换3.1功能需求3.2案例准备3.3切换3.4添加3.5删除3.6编辑
1.面向过程与面向对象
1.1面向过程

面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。

1.2面向对象

面向对象是把事务分]]></description><category></category></item><item><title><![CDATA[【JavaScript高级02】构造函数和原型、继承、ES5新增方法]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/109395525</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/109395525</guid><author>qq_44864697</author><pubDate>Sun, 01 Nov 2020 22:44:04 +0800</pubDate><description><![CDATA[day021.构造函数和原型1.1对象的三种创建方式--复习1.2静态成员和实例成员1.2.1实例成员1.2.2静态成员1.3构造函数的问题1.4构造函数原型prototype1.5对象原型1.6constructor构造函数1.7原型链1.8构造函数实例和原型对象三角关系1.9原型链和成员的查找机制1.10原型对象中this指向1.11通过原型为数组扩展内置方法2.继承2.1call()2.2子构造函数继承父构造函数中的属性2.3借用原型对象继承方法3.ES5新增方法3.1数组方法forEach遍历数组3]]></description><category></category></item><item><title><![CDATA[【JavaScript高级03】改变函数内部this指向、闭包、递归、深浅拷贝]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/109434880</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/109434880</guid><author>qq_44864697</author><pubDate>Sun, 01 Nov 2020 22:41:49 +0800</pubDate><description><![CDATA[day31.函数的定义和调用1.1函数的定义方式1.2函数的调用2.this2.1函数内部的this指向2.2改变函数内部 this 指向2.2.1 call方法2.2.2 apply方法2.2.3 bind方法2.2.4 call、apply、bind三者的异同3.严格模式3.1什么是严格模式3.2开启严格模式3.3严格模式中的变化4.高阶函数5.闭包5.1变量的作用域复习5.2什么是闭包5.3闭包的作用5.4闭包的案例5.5案例6.递归6.1什么是递归6.2利用递归求1~n的阶乘6.3利用递归求斐波那契]]></description><category></category></item><item><title><![CDATA[【JavaScript】缓动动画、网页轮播图]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108917432</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108917432</guid><author>qq_44864697</author><pubDate>Sun, 04 Oct 2020 11:29:00 +0800</pubDate><description><![CDATA[缓动动画动画函数封装1.1 动画实现原理缓动动画1.1 缓动效果原理1.2 动画函数多个目标值之间移动1.3 动画函数添加回调函数1.4 动画函数封装到单独JS文件里面案例：京东侧边栏滑动案例：网页轮播图1.5 节流阀案例：筋斗云
动画函数封装
1.1 动画实现原理
核心原理:通过定时器setInterval0 不断移动盒子位置。
实现步骤:
1.获得盒子当前位置
2.让盒子在当前位置加上1个移动距离
3.利用定时器不断重复这个操作
4.加一个结束定时器的条件
5.注意此元素需要添加定位,才能使用eleme]]></description><category></category></item><item><title><![CDATA[【JavaScript】offset、client、scroll、mouseover和mouseenter区别]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108905288</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108905288</guid><author>qq_44864697</author><pubDate>Fri, 02 Oct 2020 21:49:56 +0800</pubDate><description><![CDATA[笔记1.元素偏移量offset系列1.1 offset概述案例：计算鼠标在盒子里的坐标案例：模态框拖拽案例：京东放大镜效果2.元素可视区client系列立即执行函数3.元素滚动scroll系列3.1页面被卷去头部兼容性解决方案案例：仿淘宝固定右侧侧边栏三大系列总结mouseover和mouseenter区别
1.元素偏移量offset系列
1.1 offset概述
offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)大小等。


获得元素距离带有定位父元素的位置]]></description><category></category></item><item><title><![CDATA[【JavaScript BOM】定时器、location对象、navigator对象、JS执行机制]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108570254</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108570254</guid><author>qq_44864697</author><pubDate>Sun, 13 Sep 2020 23:36:34 +0800</pubDate><description><![CDATA[BOM1.BOM概述2.window对象常见事件窗口加载事件1窗口加载事件2两者区别调整窗口大小事件3.定时器setTimeout()案例：五秒后自动关闭广告停止setTimeout()定时器setInterval()案例：倒计时停止setInterval()定时器案例：发送短信this指向4.JS执行机制JS单线程同步和异步5.location对象5.1 URL5.2 location对象的属性案例：5秒后跳转页面案例：获取URL参数5.3 location对象的方法6.navigator对象
1.BOM]]></description><category></category></item><item><title><![CDATA[【JavaScript DOM】DOM事件流、事件对象、鼠标事件、键盘事件]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108556410</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108556410</guid><author>qq_44864697</author><pubDate>Sat, 12 Sep 2020 22:52:18 +0800</pubDate><description><![CDATA[事件高级1.注册事件1.1 传统注册方式1.2 方法监听注册方式addEventListener事件监听方式attachEvent事件监听方式(了解)2.删除事件(解绑事件)2.1 传统注册方式2.2 方法监听注册方式3.DOM事件流4.事件对象4.1 常见事件对象属性和方法5.阻止事件冒泡6.事件委托(代理、委派)事件委托的原理事件委托的作用7.常用鼠标事件7.1 鼠标事件对象7.2 禁止鼠标右键7.3 禁止鼠标选中( selectstart开始选中)案例：跟随鼠标小天使8.常用键盘事件8.1 键盘事件对]]></description><category></category></item><item><title><![CDATA[【JavaScript  DOM】节点操作]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108523972</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108523972</guid><author>qq_44864697</author><pubDate>Thu, 10 Sep 2020 22:20:10 +0800</pubDate><description><![CDATA[节点增删节点操作1.节点概述2.节点层级案例:新浪下拉菜单3.兄弟节点4.创建节点5.添加节点案例：简单留言板
节点操作
获取元素通常使用两种方式:
1.利用DOM提供的方法获取元素

document.getElementByld()
document.getElementsByTagName()
document.querySelector 等
逻辑性不强、繁琐

2.利用节点层级关系获取元素

利用父子兄节点关系获取元素
逻辑性强，但是兼容性稍差

1.节点概述

一般地 ,节点至少拥有nodeTyp]]></description><category></category></item><item><title><![CDATA[icomoon字体图标的使用]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108425274</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108425274</guid><author>qq_44864697</author><pubDate>Sat, 05 Sep 2020 22:13:40 +0800</pubDate><description><![CDATA[详细步骤
1.字体图标的下载

icomoon字库 http   http://icomoon.io 国外服务器慢
阿里iconfont字库     http://www.iconfont.cn/ 国内服务器快

这里我用icomoon来举例：

进入后

如果还没找到心仪的，滑到最下面，点击从库里添加系列


对于选择的图标可以修改自己想要的样式


最后退出编辑，继续选择图标

选择完后，点击生成字体

然后下载

下载完毕之后,注意原先的文件不要删,后面会用。
2.字体图标导入
解压后把下载包里面的f]]></description><category></category></item><item><title><![CDATA[css3动画轮播图]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108416570</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108416570</guid><author>qq_44864697</author><pubDate>Sat, 05 Sep 2020 10:42:12 +0800</pubDate><description><![CDATA[css动画轮播图

核心：
1.起始位置是负的一轮长度（即四个小li为一轮）。
2.移动最终位置是0，即从负的一轮长度移到起点即可。
3.鼠标触碰位置暂停动画，属性animation-play-state: paused;。

代码如下：
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;meta name="viewport" content="wid]]></description><category></category></item><item><title><![CDATA[css3硬币翻转]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108414900</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108414900</guid><author>qq_44864697</author><pubDate>Sat, 05 Sep 2020 08:41:29 +0800</pubDate><description><![CDATA[css硬币翻转

硬币翻转问题
思路：
1.准备一个父盒子、子盒子1、子盒子2，盒子2通过定位和盒子1重合（此时盒子2在上面）。
2.盒子2设置3d翻转(绕y轴)，从0deg到180deg。
3.将盒子2翻转180度后隐藏，此时要用到backface-visibility: hidden;。
4.处理盒子1：盒子1一开始就设置旋转到180deg的状态，鼠标经过后从180deg到0deg。

代码如下：
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;he]]></description><category></category></item><item><title><![CDATA[【JavaScript  DOM】获取元素、事件基础、操作元素]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108249620</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108249620</guid><author>qq_44864697</author><pubDate>Wed, 26 Aug 2020 23:20:34 +0800</pubDate><description><![CDATA[DOM笔记一、JS组成二、Web APIs和JS基础关联性三、API和Web API四、DOM4.1 DOM树4.2 获取元素4.3 事件基础4.3 操作元素1.改变元素内容案例：分时显示不同图片，显示不同问候语:happy:2.表单元素操作案例：仿京东显示密码3.样式属性操作案例：淘宝点击关闭二维码案例：循环精灵图背景案例：显示隐藏文本框内容案例：密码框格式提示错误
一、JS组成





组成






ECMAScript（JavaScript基础）



JavaScript
DOM（页面文档对象]]></description><category></category></item><item><title><![CDATA[【C语言】基础1]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108230464</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108230464</guid><author>qq_44864697</author><pubDate>Tue, 25 Aug 2020 23:22:24 +0800</pubDate><description><![CDATA[C语言基础笔记1C语言运行机制常见问题输出函数变量数据类型数据类型转换指针入门常量运算符算数运算符关系运算符逻辑运算符赋值运算符位运算符三元运算符运算符优先级标识符键盘输入语句进制第一组:(其它进制转十进制）二进制转十进制（8421）八进制转十进制十六进制转十进制第二组:(十进制转其它进制)十进制转二进制十进制转八进制十进制转十六进制第三组(二进制转其它进制)二进制转八进制二进制转十六进制第四组(其它进制转二进制)八进制转二进制十六进制转二进制
C语言运行机制

常见问题

输出函数

接收一个double]]></description><category></category></item><item><title><![CDATA[【JavaScript】数组和函数]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108041361</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108041361</guid><author>qq_44864697</author><pubDate>Sun, 16 Aug 2020 19:25:48 +0800</pubDate><description><![CDATA[数组和函数笔记一、数组(Array)1.创建数组1.利用new创建数组2.利用数组字面量创建数组2.数组使用 获取(访问)数组元素1.数组的索引2.遍历数组 （把数组中的每个元素从头到尾访问一遍）3.数组长度4.计算数组元素的平均值5.求数组中最大/小值6.数组转化为分割字符串3.数组中新增元素1.通过修改length长度来实现2.通过修改索引号  (追加数组元素)案例1：数组存放1~100个值案例2：筛选数组案例3：翻转数组4.冒泡排序二、函数1.函数使用1.声明函数2.调用函数3.函数的封装2.函数的参]]></description><category></category></item><item><title><![CDATA[【JavaScript】运算符和流程控制]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108040407</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108040407</guid><author>qq_44864697</author><pubDate>Sun, 16 Aug 2020 19:00:30 +0800</pubDate><description><![CDATA[运算符和流程控制笔记一、运算符表达式和返回值1.算数运算符（+、-、*、/、%）2.递增和递减运算符3.比较运算符（返回一个布尔值）4.逻辑运算符5.赋值运算符6.运算符的优先级二、流程控制1.分支结构1.if分支语句2.if else双分支语句3.if else if 多分支语句三元运算符（ ？：）4.switch语句多分支语句（针对设置一系列==特定值==的选项时）5.switch和if else if区别2.循环结构1.for循环断点调试：2.for循环嵌套2.while循环3.do while 循环]]></description><category></category></item><item><title><![CDATA[【JavaScript】变量和数据类型]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108039447</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108039447</guid><author>qq_44864697</author><pubDate>Sun, 16 Aug 2020 17:50:34 +0800</pubDate><description><![CDATA[变量和数据类型笔记一、变量1.变量使用2.变量命名规范3.标识符、关键字、保留字4.解释型语言和编译型语言（javascript典型的解释型语言）二、数据类型1.简单数据类型1.数字型2.字符型3.布尔型4.Undefined 和 Null2.获取变量的数据类型（typeof)3.数据类型转换（把一种数据类型转化为另一种数据类型）
一、变量
1.变量使用
1.步骤:①声明变量 ②赋值
2.声明变量的特殊情况


只声明不赋值（undefined 程序也不知道里面存的是啥所以是未定义的）


不声明不赋值直接]]></description><category></category></item><item><title><![CDATA[【JavaScript】内置对象]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/108034221</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/108034221</guid><author>qq_44864697</author><pubDate>Sun, 16 Aug 2020 11:54:30 +0800</pubDate><description><![CDATA[一、内置对象概念


JavaScript中对象分为三种：自定义对象、内置对象、浏览器对象。


前面两种对象是JS基础内容,属于ECMASScript;第三个浏览器对象属于我们JS独有的。


内置对象：就是指js语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或者是最基本而必要的功能（属性和方法）。


JavaScript提供了很多个内置对象：Math,Date,Array,String等。


查文档 MDN （http：//developer.mozilla.org/zh-CN/）

]]></description><category></category></item><item><title><![CDATA[【JavaScript】作用域、预解析、对象]]></title><link>https://blog.youkuaiyun.com/qq_44864697/article/details/107868568</link><guid>https://blog.youkuaiyun.com/qq_44864697/article/details/107868568</guid><author>qq_44864697</author><pubDate>Fri, 07 Aug 2020 19:51:02 +0800</pubDate><description><![CDATA[一、作用域

二、变量作用域
1.全局变量 ：全局作用域下声明的变量叫做全局变量(代码的任何位置都可以使用)
①在全局作用域下，var声明的变量
②在函数内部不使用var声明的变量
2.局部变量:在局部作用域下声明的变量叫做局部变量 (在函数内部使用)
①函数内部var声明的变量
②函数的形参,实际上也是局部变量
3.区别
全局变量：在任何一个地方都可以使用，只有在浏览器关闭时才会被销毁，因此比较占内存。
局部变量：只在函数内部使用，当其所在的代码块被执行时，会被初始化；当代码块运行结束后，函数内部使用会被]]></description><category></category></item></channel></rss>