摘要：
浅拷贝 对象遍历只能用中括号。 只拷贝最外面一层。 es6新方法： ; 深拷贝 for in 既可以遍历对象也能遍历数组，key就是数组下标 使用递归 如果拷贝对象的过程中，发现这个属性又是一个复杂数据类型，就继续递归这个函数再遍历，知道遍历到基本数据类型就直接赋值。 正则表达式 用于匹配字符串的表 阅读全文
posted @ 2019-09-27 20:24
itxcr
阅读(554)
评论(0)
推荐(0)
摘要：
当调用函数时，除了传入在函数定义中显式声明的参数以外，同时还传入两个隐式参数：arguments 和 this。 arguments 参数是传入函数的所有参数的集合。具有length属性，便是传入的参数的个数，通过arguments参数还可以获取那些与函数形参不匹配的参数。在非严格模式下，argum 阅读全文
posted @ 2019-09-27 20:24
itxcr
阅读(101)
评论(0)
推荐(0)
摘要：
element.insertAdjacentHTML(position, text)； 可以读取字符串里面的标签 创建对象方式 字面量创建 构造函数 new Object() 自定义构造函数 1、构造函数和原型 声明式函数的使用方式不同决定其为构造函数还是普通函数 通过 new 来使用的声明式函数式 阅读全文
posted @ 2019-09-27 20:24
itxcr
阅读(375)
评论(0)
推荐(0)
摘要：
构造函数里this指向实例对象 方法里this指向调用者 不调用时候this指向原型对象 调用时候指向调用者 阅读全文
posted @ 2019-09-27 20:23
itxcr
阅读(954)
评论(0)
推荐(0)
摘要：
1、JavaScript面向对象 面向对象三大特性 封装性 把功能封装好 继承性 多态性 面型对象优缺点 易维护、可重用、可拓展、灵活性高 性能不如面向过程 2、ES6中的类和对象 类：抽象 类模拟抽象的，泛指的，对象是具体的 对象：具体 类中的具体的某个实例【属性和方法的集合体】 对象是由属性和方 阅读全文
posted @ 2019-09-27 20:23
itxcr
阅读(92)
评论(0)
推荐(0)
摘要：
1、淡入淡出效果 fadeIn() 淡入 fadeOut() 淡出 fadeToggle() 切换 fadeTo(speed, opcity) 淡出到哪个地步，速度和透明度参数必选 案例：高亮显示 2、自定义动画 .animate() 语法： .animate(params, [speed], [e 阅读全文
posted @ 2019-09-27 20:23
itxcr
阅读(125)
评论(0)
推荐(0)
摘要：
1、jQuery概念 js库（js文件） 优点 1. 轻量级 2. 链式编程、隐式迭代 3. 对跨浏览器兼容 4. 样式、动画支持 5. 支持插件扩展 6. 免费、开源 版本 1. 1x 2. 2x 3. 3x 2、jQuery入门 对象为空是 null jQuery入口函数 1. script标签 阅读全文
posted @ 2019-09-27 20:22
itxcr
阅读(127)
评论(0)
推荐(0)
摘要：
```javascript var monthNum = prompt('请输入月份'); var monthName; switch (monthNum) { case '1': monthName = '一月'; break; case '2': monthName = '2月'; break; 阅读全文
posted @ 2019-09-27 20:22
itxcr
阅读(69)
评论(0)
推荐(0)
摘要：
```javascript var mid = 25; var high = 50; var low =1; var current = 13; var found = 1; if (current mid) { mid = (current + high) / 2; } else { found 阅读全文
posted @ 2019-09-27 20:22
itxcr
阅读(153)
评论(0)
推荐(0)
摘要：
```javascript var x = 3; var y = 1.1; console.log(x + y); console.log((x y)); console.log(((x+y) (x y))); var z = 9; //开平方 console.log((Math.sqrt(z))) 阅读全文
posted @ 2019-09-27 20:21
itxcr
阅读(956)
评论(0)
推荐(0)
摘要：
Web浏览器常用事件 浏览器窗口事件 load 页面加载完成时触发 beforeunload 窗口关闭之前触发 unload 窗口关闭时触发 focus 窗口得到焦点时触发 blur 窗口失去焦点时触发 error 页面上有脚本报错时触发 resize 窗口大小改变时触发 contextmenu 弹 阅读全文
posted @ 2019-09-27 20:21
itxcr
阅读(1844)
评论(0)
推荐(0)
摘要：
基础 循环 for语句 重复执行某段代码 for ( var i = 0; i 阅读全文
posted @ 2019-09-27 20:21
itxcr
阅读(111)
评论(0)
推荐(0)
摘要：
面向对象 面向对象是程序设计语言中一种常见的思想。 就现实世界而言，整个世界是由各种各样具备规律和状态的对象所组成，这是一种认知自然世界的哲学。 JavaScript是一种基于对象，但书写上又不同于传统面向对象编程的一门语言 原型和原型链 JavaScript的函数没有签名，所以不支持接口继承。 在 阅读全文
posted @ 2019-09-27 20:20
itxcr
阅读(110)
评论(0)
推荐(0)
摘要：
事件 概述 事件（Event）是一种异步编程的实现方式，是程序各个组成部分之间的通信 事件不是JavaScript对象，只是一种信息传递机制，所以事件本身不能承载任何数据内容。 浏览器通过JavaScript的 Event 对象来承载事件数据信息。 当事件发生时，浏览器将被触发元素、发生位置等相关的 阅读全文
posted @ 2019-09-27 20:20
itxcr
阅读(177)
评论(0)
推荐(0)
摘要：
作用域、闭包和this 使用 let 实现块级作用域 作用域就是变量与函数的可访问范围， 即控制着变量与函数的可见性与生命周期 var scope = 'global'; function foo() { var scope = 'local'; console.log(scope); } foo( 阅读全文
posted @ 2019-09-27 20:20
itxcr
阅读(149)
评论(0)
推荐(0)
摘要：
1.流式布局容易遗忘点 设置内边距时给盒子加上 box sizing: border box; 2.flex布局 不给父盒子设置测量好的高度，在rem适配的时候，显示效果超出想象 阅读全文
posted @ 2019-09-27 20:19
itxcr
阅读(107)
评论(0)
推荐(0)
摘要：
函数和参数 函数声明 函数式 function add(m, n) { return m + n; } var sum = function add(m, n) { return m + n; }; var result = sum(1, 2); 变量式 函数也是一个对象，可以通过创建一个 Func 阅读全文
posted @ 2019-09-27 20:19
itxcr
阅读(115)
评论(0)
推荐(0)
摘要：
WebApI 通过ID获取元素 操作页面元素的步骤 ① 获取需要操作的元素 ② 操作元素的属性 获取元素的套路 ① 在某个元素对象中元素查找具体元素 ② 调用方法的方式 语法:document.getElementById('id') 通过标签名获取元素 语法：element.getElements 阅读全文
posted @ 2019-09-27 20:18
itxcr
阅读(123)
评论(0)
推荐(0)
摘要：
操作元素自定义属性 h5方法 设置语法 ：`` 属性名想叫什么就叫什么,可以用多个 连接 ` 获取语法 ： 如果属性名用多个 连接 ，获取时应将属性名以 为分割符，驼峰方式获取 无兼容性方法 设置语法 ：`` 属性名想叫什么就叫什么,可以用多个 连接 ` 操作元素所有（标准、自定义）属性 获取元素属 阅读全文
posted @ 2019-09-27 20:18
itxcr
阅读(1036)
评论(0)
推荐(0)
摘要：
DOM事件流 三个阶段 捕获阶段 目标阶段 冒泡事件 捕获阶段 从外到内找目标的阶段 利用addEventListener（'事件类型', '事件处理程序', 'true为捕获，不写或false为冒泡事件'） 特点：在这个阶段，触发某个子元素的事件，其所有父元素上绑定的相同类型的事件都会被触发，且先 阅读全文
posted @ 2019-09-27 20:18
itxcr
阅读(166)
评论(0)
推荐(0)
摘要：
JavaScript基础（五） 变量的多种声明方式对作用域访问的影响 不规范的声明方式（不推荐） 不加var声明，直接进行赋值： sum = 100; var 变量名1 = 变量名2 = 变量名3 = 数据; 只有变量名1是标准方式。 不规范的变量声明方式导致作用域的访问出现变量，可能会隐式的声明为 阅读全文
posted @ 2019-09-27 20:17
itxcr
阅读(87)
评论(0)
推荐(0)
摘要：
JavaScript基础（六） 对象的属性删除操作 格式： delete 对象.属性名; var obj = { name : 'jack', age : 18, gender : '男', sayHi : function () { console.log('这是sayHi方法'); } }; d 阅读全文
posted @ 2019-09-27 20:17
itxcr
阅读(85)
评论(0)
推荐(0)
摘要：
JavaScript基础（七） 将日期对象转化为毫秒的方式（了解） 知道日期对象可以转换为毫秒： 显示的是距离1970 1 1之间的时间转换为毫秒的形式 console.log(date.getTime()); // 推荐方式 console.log(+date); // 也可以记忆这个 conso 阅读全文
posted @ 2019-09-27 20:17
itxcr
阅读(122)
评论(0)
推荐(0)
摘要：
JavaScript基础（三） for循环嵌套 循环嵌套不是什么特殊语法，就是说js中的许多语法结构都可以嵌套使用，for也可以 循环嵌套时，代码执行次数变多，通常使用是在2层左右 while循环 规则： 先进行条件检测，如果为true，执行循环体代码 再检测条件，再为true再执行循环体，以此类推 阅读全文
posted @ 2019-09-27 20:16
itxcr
阅读(103)
评论(0)
推荐(0)
摘要：
JavaScript基础（四） 冒泡排序 // 准备一个需要进行排序的数组 var arr = [12, 88, 154, 23, 32, 15, 72, 2, 1, 66]; // 根据分析出的规律进行代码实现 // 外层循环控制轮数：length 1 for (var i = 0; i arr[ 阅读全文
posted @ 2019-09-27 20:16
itxcr
阅读(117)
评论(0)
推荐(0)
摘要：
JavaScript基础（一） 内核（渲染引擎） 用来执行html和css代码，渲染成我们看到的页面。 JavaScript解析器（js引擎） 用来执行js代码使用。 JavaScript语言的组成部分 ECMAScript简称为ES，指的是JavaScript的基础语法，语言规范 BOM 浏览器对 阅读全文
posted @ 2019-09-27 20:15
itxcr
阅读(111)
评论(0)
推荐(0)
摘要：
JavaScript基础（二） 运算符（操作符） 算数运算符 + \ / % js中的小数计算精度问题 避免方式：将小数通过计算变为整数，再进行加减等计算操作 一元运算符 一元指的是参与运算的操作数只有一个 正+负 号， typeof 自增自减运算 ++ 让变量的值自增1（自身的值+1） 让变量的值 阅读全文
posted @ 2019-09-27 20:15
itxcr
阅读(104)
评论(0)
推荐(0)
摘要：
flex 小知识点 1.固定定位, 默认100%会失效 2.手动加100% 基于浏览器的可视窗口大小 2.1为啥没有往左走? 使用定位类 不设置left top 按照原来的位置进行脱标 flex: 1; / 宽度、高度方向都有效果，但是不是通过width/height / 主轴方向上flex划分剩余 阅读全文
posted @ 2019-09-27 20:14
itxcr
阅读(123)
评论(0)
推荐(0)
摘要：
数组字符串 数组操作 基本操作方法(4个) push() 向数组末尾添加元素 参数：要向数组末尾添加的元素，个数不限 返回值：数组长度 pop() 从数组末尾删除一个元素 返回值：删除的元素值 shift() 从数组前面删除一个元素 返回值：删除的元素值 unshift() 向数组前面添加元素 参数 阅读全文
posted @ 2019-09-27 20:14
itxcr
阅读(208)
评论(0)
推荐(0)
摘要：
布局 移动端布局 高度（靠内部撑起来的） 流式布局：百分比%控制宽度。浮动、清除浮动； flex布局：快；移动端兼容性布局； rem： 原稿实现：flex布局； rem单位替换px：rem&flexible.js&less 使用 PC端：基础班写法没有问题，flex不考虑兼容性； 移动端： 首先，推 阅读全文
posted @ 2019-09-27 20:13
itxcr
阅读(192)
评论(0)
推荐(0)
摘要：
3d转化 3d视距 perspective: 1000px; 加在body：下面所有子元素，形成统一的透视感； 加在各自父亲上：管理下面的子元素形成各自的透视感； 值越小，变化越剧烈； 3d位移 transform: translateX(200px); transform: translateY( 阅读全文
posted @ 2019-09-27 20:12
itxcr
阅读(212)
评论(0)
推荐(0)
摘要：
位移 translate 定位 会影响其他盒子位置（脱离标准流）； 行内元素定位，直接变为块级元素； 移动 不影响其他元素的位置； 对行内元素无效；对块级元素生效； 子元素居中 .parent { width: 500px; height: 500px; border: 1px solid 000; 阅读全文
posted @ 2019-09-27 20:12
itxcr
阅读(94)
评论(0)
推荐(0)
摘要：
call方法 调用一个对象。调用函数的方式，但是可以改变函数this 的指向。 fun.call(thisArg, arg1, arg2); thisArg: 在fun函数运行时指定的this值 apply方法 应用 和数组建立联系 求数组中最大值 bind方法 bind()方法不会调用函数。但是能 阅读全文
posted @ 2019-09-27 20:11
itxcr
阅读(89)
评论(0)
推荐(0)
摘要：
浅拷贝 对象遍历只能用中括号。 只拷贝最外面一层。 es6新方法： ; 深拷贝 for in 既可以遍历对象也能遍历数组，key就是数组下标 使用递归 如果拷贝对象的过程中，发现这个属性又是一个复杂数据类型，就继续递归这个函数再遍历，知道遍历到基本数据类型就直接赋值。 正则表达式 用于匹配字符串的表 阅读全文
posted @ 2019-09-27 20:11
itxcr
阅读(128)
评论(0)
推荐(0)
摘要：
伪元素不能跟着hover，要这样用 .box:hover::before position: absolute 自动把元素转换为块元素。 例子： html .box { width: 500px; height: 30px; position: relative; border: 1px solid 阅读全文
posted @ 2019-09-27 20:11
itxcr
阅读(116)
评论(0)
推荐(0)
摘要：
属性的继承 call方法 : 把父类的this指向子类的this 方法的继承 实现方法：把父类的实例对象保存给子类的原型对象 父类的实例对象赋值给子类的原型对象，然后指回构造函数 属性继承，方法继承 属性：call：把父类的this指向子类的this 方法：父类的实例对象赋值给子类的原型对象， 子类 阅读全文
posted @ 2019-09-27 20:08
itxcr
阅读(103)
评论(0)
推荐(0)
摘要：
1、jQuery事件 事件注册 元素.事件（function(){}） 2、事件处理 on() 绑定事件 语法： element.on(events, [selector], fn) events:一个或多个用空格分隔的事件类型，如"click"，"keydown" selector：元素的子元素选 阅读全文
posted @ 2019-09-27 20:06
itxcr
阅读(84)
评论(0)
推荐(0)
摘要：
1、JavaScript面向对象 面向对象三大特性 封装性 把功能封装好 继承性 多态性 面型对象优缺点 易维护、可重用、可拓展、灵活性高 性能不如面向过程 2、ES6中的类和对象 类：抽象 类模拟抽象的，泛指的，对象是具体的 对象：具体 类中的具体的某个实例【属性和方法的集合体】 对象是由属性和方 阅读全文
posted @ 2019-09-27 20:06
itxcr
阅读(453)
评论(0)
推荐(0)
摘要：
element.insertAdjacentHTML(position, text)； 可以读取字符串里面的标签 创建对象方式 字面量创建 构造函数 new Object() 自定义构造函数 1、构造函数和原型 声明式函数的使用方式不同决定其为构造函数还是普通函数 通过 new 来使用的声明式函数式 阅读全文
posted @ 2019-09-27 20:06
itxcr
阅读(128)
评论(0)
推荐(0)
摘要：
1、jQuery元素操作 遍历、创建、添加、删除 遍历 遍历元素 ： 相同元素设置不同效果 语法1： index当前元素的索引 element:得到的是当前遍历到的元素，是一个DOM对象 使用时需要使用$(element) 遍历数据（数组、对象） 语法2： index当前元素的索引 element: 阅读全文
posted @ 2019-09-27 20:05
itxcr
阅读(98)
评论(0)
推荐(0)
摘要：
1、jQuery概念 js库（js文件） 优点 1. 轻量级 2. 链式编程、隐式迭代 3. 对跨浏览器兼容 4. 样式、动画支持 5. 支持插件扩展 6. 免费、开源 版本 1. 1x 2. 2x 3. 3x 2、jQuery入门 对象为空是 null jQuery入口函数 1. script标签 阅读全文
posted @ 2019-09-27 20:04
itxcr
阅读(171)
评论(0)
推荐(0)
摘要：
1、淡入淡出效果 fadeIn() 淡入 fadeOut() 淡出 fadeToggle() 切换 fadeTo(speed, opcity) 淡出到哪个地步，速度和透明度参数必选 speed slow normal fast opcity 取值 0 1 案例：高亮显示 2、自定义动画 .anima 阅读全文
posted @ 2019-09-27 20:04
itxcr
阅读(86)
评论(0)
推荐(0)
摘要：
轮播图改进 对循环效果进行改进 结构的改进：需要在ul内最后设置一个假的第一张图 克隆节点操作 格式： 节点.cloneNode() 参数：默认false 浅克隆 true，深克隆 因为ul在样式中设置了宽度，需要修改为700% 操作的改进：当假的第一张显示时，再次点击右按钮，立刻将ul抽回到第 阅读全文
posted @ 2019-09-27 20:03
itxcr
阅读(117)
评论(0)
推荐(0)
摘要：
1.鼠标移入事件 mouseover 2.鼠标移出事件 mouseout 3.排他思想解决Tab栏切换 先将所有的样式全部移除，然后再将需要的样式添加上 4.轮播图 5.手风琴 6.旋转木马 7.新知识点——动画和过渡结束后执行的事件 用addEventListener添加事件 animatione 阅读全文
posted @ 2019-09-27 20:02
itxcr
阅读(1363)
评论(0)
推荐(0)
摘要：
本地存储 数据都存储在用户的浏览器里 读取方便 sessionStorage 存 5M localStorage 存 20 M 只能存字符串格式数据 key ：value sessionStorage 生命周期 ： 关闭浏览器窗口数据就没了 数据共享 ： 只有在同一个窗口(页面)下数据可以共享 存储 阅读全文
posted @ 2019-09-27 20:01
itxcr
阅读(192)
评论(0)
推荐(0)
浙公网安备 33010602011771号