头发保护协会会长-CSDN博客

原创 js中的隐式转化，你真的了解吗？

#js中的隐式转化隐式转换：运算符在运算的时候，如果两边的数据类型不一致，则会自动转成一致后运算。简单数据类型的隐式转换其它类型转string : + 连接符其它类型转number :自增自减(++ --)算术运算符( + - * / %)关系运算符 :>、>=、<、<=、==、!=、===、!==其它类型转boolean : ! 逻辑非特殊情况=== ：全等运算符。不存在类型转换，先比较类型，然后比较值== : 比较运算符。隐式转

2020-07-20 09:32:17 175

原创在jQuery中如何使用ajax

.jQuery中的ajax浏览器中提供的 XMLHttpRequest 用法比较复杂，所以 jQuery 对 XMLHttpRequest 进行了封装，提供了一系列Ajax相关的函数，极大地降低了Ajax的使用难度。jQuery中的ajax3种请求方式jQuery中发起 Ajax 请求最常用的三个方法如下：$.get() get方式请求，用于获取数据$.post() post方式请求，用于提交数据$.ajax() 比较综合，既可以获取数据，又可以提交数据$.get()方式jQuery中

2020-07-08 20:38:57 310

原创经常使用的数组方法(含es6)

经常使用的数组方法(包含ES6)我们学习js中的方法不外乎三个东西：功能：这个方法是做什么的？参数：这个方法可以传哪些参数？返回值：这个方法的返回值是什么？ES6之前的常用数组方法toString() 方法功能：把数组转换为数组值（逗号分隔）的字符串。参数：无返回值：逗号分隔的字符串 var arr = [1, 2, 3]; console.log(arr.toString());//1,2,3join() 方法功能：把数组中的所有元素转换为一个字符串参数：分隔符(可

2020-06-19 14:24:57 453

原创 javascript中的严格模式(重点)

js中的严格模式1.1什么是严格模式JavaScript 除了提供正常模式外，还提供了严格模式（strict mode）。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。严格模式对正常的 JavaScript 语义做了一些更改：消除了 Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。消除代码运行的一些不安全之处，保证代码运行的安全。提

2020-06-15 18:52:35 968

原创重点：闭包(js高级的重点和难点)

闭包（js高级中的难点与重点）1.1-闭包介绍闭包简介1.闭包(closurc)作用：在函数外部访问函数内部变量闭包是一个可以获取其他函数内部变量的函数2.语法a.外部函数内部声明一个闭包函数b.在闭包函数中返回想要访问的局部变量c.外部函数中返回这个闭包函数3.本质函数内部与函数外部连接起来的一座桥梁闭包的重要性1.需求引入：想要在函数外部访问函数内部的变量2.思考能不能直接获取：不能原因：函数执行完毕之后局部变量会被系统回收复习js作用

2020-05-30 09:10:42 223

原创递归(js高级的难点)

递归函数1.1-递归函数介绍1.递归函数：一个函数自己调用自己2.递归函数特点a.一定要有结束条件，否则会导致死循环b.能用递归函数实现的需求，就一定可以用循环调用函数来解决，只是代码简洁与性能不同而已 <script> /* 1.递归函数：在函数中，自己调用自己 2.递归的特点： a. 递归函数的功能和循环一样的，只是语法简洁性不同

2020-05-30 09:09:43 278

原创函数调用的上下文模式

函数上下文模式1、函数三种执行方式：全局函数： this指向window 对象方法： this指向对象构造函数： this指向new创建的对象2、它们都有一个共同的特点那就是this的指向无法动态修改3、函数上下文模式的作用就是：动态修改函数中的this 3.1有三种方法可以改this指向，但是它们的应用场景不同 a. 函数名.call(修改的this,arg1,arg2…………) * 适用于函数原

2020-05-26 09:27:46 329

原创重点：函数的三种调用方式(this三种指向)

重点：函数的三种调用方式(this关键字)1、函数三种调用方式：全局函数对象方法构造函数全局函数 : this指向window 对象方法 : this指向对象构造函数 : this指向new创建的空对象 <script> /* 1. 函数三种执行方式 a. 全局函数 : fn() b. 对象方法 : obj.sayHi() c

2020-05-26 09:25:37 1235

原创 instanceof 关键字（运算符）工作原理

instanceof 关键字（运算符）工作原理 <script> /* 1. instanceof 关键字（运算符）作用：检测一个构造函数的原型在不在一个对象的原型链中 2.语法：对象 instanceof 构造函数作用：检测右边构造函数的原型在不在左边对象的原型链中结果： true:在 false:不在 */

2020-05-25 21:23:38 110

原创高级缓动动画封装(移动属性、属性数量不限、添加回调函数)

高级缓动动画封装(移动属性、属性数量不限、回调函数、透明度与层级)1、getComputedStyle()获取元素一切样式属性 <style> .one { width: 100px; background-color: pink; border: 10px solid green; padding: 10px; margin: 0 auto;

2020-05-24 21:24:10 101

原创缓动动画封装(移动距离、元素、方向不限)

缓动动画封装(移动距离、元素、方向不限)1、缓动动画核心计算公式： `本次需要移动距离 = (目标距离 - 当前距离)/102、缓动动画封装思路介绍 <style> #box { width: 100px; height: 100px; background-color: red; position: absolute; left: 0px;

2020-05-24 21:23:40 308

原创 localStorage与sessionStorage的区别

localStorage与sessionStorage的区别localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。不同的浏览器无法共享localStorage或sessionStorage中的信息。相同的浏览器不同的页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。 localStorage的作用是：本地存储<body> <button id="

2020-05-24 20:17:02 143

原创 JavaScript-数组去重的4种方式

JavaScript-数组去重的4种方式方式一：排序法去重（最好理解，性能最低） <script> var arr = [20,50,60,80,20,50,88]; //1.对arr排序 arr.sort(function(a,b){ return a-b; }); console.log(arr); //2.声明空数组存储去重后的数组 va

2020-05-22 23:13:42 98

原创 JavaScript-数组冒泡排序方法

JavaScript-数组冒泡排序1、数组冒泡排序（原理版） <script> /* 冒泡法排序： sort()原理核心原理：数组中相邻的元素比较大小，然后交换位置 */ var arr = [88,20,100,60,50];//[20,50,60,80,100] //遍历数组，相邻元素比较，交换位置 for(var j = 0;j < ar

2020-05-22 23:12:39 1412 1

原创 JS数据类型转换(显式和隐式)

JS数据类型转换(显式和隐式)数据类型转换(显式和隐式)1、JavaScript有七种数据类型包括：简单数据类型（5种）和复杂数据类型（2种）简单数据类型包括：string、number、boolean、null、undefined复杂数据类型包括：object、array2、JavaScript的数据类型分为两种情况分别是：显式类型转换和隐式类型转换显式类型转换：主动的使用语法来转换类型（最常用，阅读性）隐式类型转换：当运算符两边数据类型不一致，编译器会先转成一致然后

2020-05-22 21:24:01 479 1

原创 WebApi之排他思想(3种方法)

WebApi——排他思想(3种方法)排他思想的3种方式(由易到难，js效率逐渐提高，拖拽自己的思路) 第一种思路：好理解，代码效率不高 (存在重复设置)<body> <button>哼哼</button> <button>哼哼</button> <button>哼哼</button> <button>哼哼</button> <button&gt

2020-05-22 20:43:54 292 1

原创 WebApi之全选反选(3种方法)

WebApi——全选反选(3种方法)全选反选的3种方式(由易到难，拓展自己的思路) 第一种方式(使用css3选择器 :checked) <style> * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; }

2020-05-22 20:42:42 266 1

weixin_45786584的博客