耍酷的李世达-CSDN博客

原创【JavaScript高级5】ES6概念、let、const、解构、剩余参数、箭头函数、内置对象扩展(Array、String)、Set数据结构

day5ES6相关概念（★★）什么是ES6为什么使用 ES6 ?ES6新增语法let（★★★）let声明的变量只在所处于的块级有效不存在变量提升暂时性死区经典面试题小结const（★★★）具有块级作用域声明常量时必须赋值常量赋值后，值不能修改（常量值对应的内存地址不可更改）小结let、const、var 的区别解构赋值（★★★）数组解构对象解构小结箭头函数（★★★）小结面试题剩余参数（★★）剩余参数和解构配合使用ES6 的内置对象扩展Array 的扩展方法（★★）扩展运算符（展开语法）扩展运算符可以应用于合

2020-11-08 20:52:16 178

原创【JavaScript高级04】正则表达式

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正则替换replace1.正则表达式概述1.1什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也

2020-11-03 14:56:17 145

原创【JavaScript高级01】面向对象与面向过程、对象和类

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面向对象面向对象是把事务分

2020-11-01 22:45:15 121

原创【JavaScript高级02】构造函数和原型、继承、ES5新增方法

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

2020-11-01 22:44:04 117

原创【JavaScript高级03】改变函数内部this指向、闭包、递归、深浅拷贝

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利用递归求斐波那契

2020-11-01 22:41:49 137

原创【JavaScript】缓动动画、网页轮播图

缓动动画动画函数封装1.1 动画实现原理缓动动画1.1 缓动效果原理1.2 动画函数多个目标值之间移动1.3 动画函数添加回调函数1.4 动画函数封装到单独JS文件里面案例：京东侧边栏滑动案例：网页轮播图1.5 节流阀案例：筋斗云动画函数封装1.1 动画实现原理核心原理:通过定时器setInterval0 不断移动盒子位置。实现步骤:1.获得盒子当前位置2.让盒子在当前位置加上1个移动距离3.利用定时器不断重复这个操作4.加一个结束定时器的条件5.注意此元素需要添加定位,才能使用eleme

2020-10-04 11:29:00 906

原创【JavaScript】offset、client、scroll、mouseover和mouseenter区别

笔记1.元素偏移量offset系列1.1 offset概述案例：计算鼠标在盒子里的坐标案例：模态框拖拽案例：京东放大镜效果2.元素可视区client系列立即执行函数3.元素滚动scroll系列3.1页面被卷去头部兼容性解决方案案例：仿淘宝固定右侧侧边栏三大系列总结mouseover和mouseenter区别1.元素偏移量offset系列1.1 offset概述offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)大小等。获得元素距离带有定位父元素的位置

2020-10-02 21:49:56 1029

原创【JavaScript BOM】定时器、location对象、navigator对象、JS执行机制

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

2020-09-13 23:36:34 289

原创【JavaScript DOM】DOM事件流、事件对象、鼠标事件、键盘事件

事件高级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 键盘事件对

2020-09-12 22:52:18 411

原创【JavaScript DOM】节点操作

节点增删节点操作1.节点概述2.节点层级案例:新浪下拉菜单3.兄弟节点4.创建节点5.添加节点案例：简单留言板节点操作获取元素通常使用两种方式:1.利用DOM提供的方法获取元素document.getElementByld()document.getElementsByTagName()document.querySelector 等逻辑性不强、繁琐2.利用节点层级关系获取元素利用父子兄节点关系获取元素逻辑性强，但是兼容性稍差1.节点概述一般地 ,节点至少拥有nodeTyp

2020-09-10 22:20:10 268

原创 icomoon字体图标的使用

详细步骤1.字体图标的下载icomoon字库 http http://icomoon.io 国外服务器慢阿里iconfont字库 http://www.iconfont.cn/ 国内服务器快这里我用icomoon来举例：进入后如果还没找到心仪的，滑到最下面，点击从库里添加系列对于选择的图标可以修改自己想要的样式最后退出编辑，继续选择图标选择完后，点击生成字体然后下载下载完毕之后,注意原先的文件不要删,后面会用。2.字体图标导入解压后把下载包里面的f

2020-09-05 22:13:40 297 1

原创 css3动画轮播图

css动画轮播图核心：1.起始位置是负的一轮长度（即四个小li为一轮）。2.移动最终位置是0，即从负的一轮长度移到起点即可。3.鼠标触碰位置暂停动画，属性animation-play-state: paused;。代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wid

2020-09-05 10:42:12 110

原创 css3硬币翻转

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。代码如下：<!DOCTYPE html><html lang="en"> <he

2020-09-05 08:41:29 446

原创【JavaScript DOM】获取元素、事件基础、操作元素

DOM笔记一、JS组成二、Web APIs和JS基础关联性三、API和Web API四、DOM4.1 DOM树4.2 获取元素4.3 事件基础4.3 操作元素1.改变元素内容案例：分时显示不同图片，显示不同问候语:happy:2.表单元素操作案例：仿京东显示密码3.样式属性操作案例：淘宝点击关闭二维码案例：循环精灵图背景案例：显示隐藏文本框内容案例：密码框格式提示错误一、JS组成组成ECMAScript（JavaScript基础）JavaScriptDOM（页面文档对象

2020-08-26 23:20:34 394

原创【C语言】基础1

C语言基础笔记1C语言运行机制常见问题输出函数变量数据类型数据类型转换指针入门常量运算符算数运算符关系运算符逻辑运算符赋值运算符位运算符三元运算符运算符优先级标识符键盘输入语句进制第一组:(其它进制转十进制）二进制转十进制（8421）八进制转十进制十六进制转十进制第二组:(十进制转其它进制)十进制转二进制十进制转八进制十进制转十六进制第三组(二进制转其它进制)二进制转八进制二进制转十六进制第四组(其它进制转二进制)八进制转二进制十六进制转二进制C语言运行机制常见问题输出函数接收一个double

2020-08-25 23:22:24 146

原创【JavaScript】数组和函数

数组和函数笔记一、数组(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.函数的参

2020-08-16 19:25:48 192

原创【JavaScript】运算符和流程控制

运算符和流程控制笔记一、运算符表达式和返回值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 循环

2020-08-16 19:00:30 148

耍酷的李世达的博客