- 博客(19)
- 收藏
- 关注
RSS订阅原创 JS箭头函数
箭头函数：箭头函数与普通函数的不同点：1.语法更简洁、直观。2.从作用域上层继承this。3.bind、call和apply对箭头函数没效果。4.不绑定arguments对象。5.不能使用new关键字。6.没有原型(prototype)。1.语法更简洁：(param1, param2, …, paramN) => { return statements } (param1, param2, …, paramN) => statements /
2022-03-23 14:55:27
335
原创 JS深浅拷贝
1. Js 深浅拷贝的区别要明白的这个问题还要从js 的数据类型说起1.1 javascript 的的数据类型和它们在程序中存储的位置javascript 有两种数据类型基本数据类型：它是简单的数据段，包含新增的一共7种 String、Number、Boolean、Null、Undefined、Symbol BigInt 引用类型: 对象,数组,函数 ,日期对象,正则对象1.2 javascript 的变量存储方式栈内存(stack) ： 自动分配内存空间，系统自动释放。堆内存(
2022-03-19 20:16:16
840
原创 JS递归函数
1.递归1.1什么是递归递归：如果一个函数在内部可以调用其本身，那么这个函数就是递归函数。简单理解:函数内部自己调用自己, 这个函数就是递归函数注意：递归函数的作用和循环效果一样，由于递归很容易发生“栈溢出”错误（stack overflow），所以必须要加退出条件return。1.2利用递归求1~n的阶乘//利用递归函数求1~n的阶乘 1 * 2 * 3 * 4 * ..nfunction fn(n) {if (n == 1) { //结束条件return 1;}r
2022-03-19 19:54:46
2021
原创 JS防抖和节流
防抖：函数防抖 ：在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。防抖debounce代码：function debounce(
2022-03-16 20:54:32
103
原创 JS闭包的概念
1.闭包1.1变量的作用域复习变量根据作用域的不同分为两种：全局变量和局部变量。函数内部可以使用全局变量。 函数外部不可以使用局部变量。当函数执行完毕，本作用域内的局部变量会销毁。1.2什么是闭包闭包（closure）指有权访问另一个函数作用域中变量的函数。简单理解就是 ，一个作用域可以访问另外一个函数内部的局部变量。1.3闭包的作用作用：延伸变量的作用范围。function fn() {var num = 10;function fun() {consol
2022-03-09 20:51:22
254
原创 JavaScript继承
继承1.callcall()可以调用函数call()可以修改this的指向,使用call()的时候 参数一是修改后的this指向,参数2,参数3..使用逗号隔开连接function fn(x, y) {console.log(this);console.log(x + y);}var o = {name: 'andy'};fn.call(o, 1, 2);//调用了函数此时的this指向了对象o,2.子构造函数继承父构造函数中的属性1.先定义一个父构造函数
2022-03-09 08:53:20
48
原创 JS原型和原型链
一.原型，原型链：原型：JS声明构造函数(用来实例化对象的函数)时，会在内存中创建一个对应的对象，这个对象就是原函数的原型。构造函数默认有一个prototype属性，prototype的值指向函数的原型。同时原型中也有一个constructor属性，constructor的值指向函数对象。通过构造函数实例化出来的对象，并不具有prototype属性，其默认有一个__proto__属性，__proto__的值指向构造函数的原型。在原型对象上添加或修改的属性，在所有实例化出的对象上都可共享。1.1
2022-03-03 11:17:07
155
原创 flex（弹性）布局
一．弹性（flex）布局：1.Flex盒子的主轴与侧轴1.1主轴方向 flex-directionflex-direction: row | row-reverse | column | column-reverse;一般情况下，默认主轴方向是横轴，在React Native中，开发app时，默认是竖轴。row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column.
2022-03-01 20:48:53
190
原创 CSS清除浮动的方法
自己整理了清除浮动的一些方法CSS清除浮动的方法：1.额外添加标签法：给谁清除浮动，就在其后额外添加一个空白标签 。优点：通俗易懂，书写方便。（不推荐使用）缺点：添加许多无意义的标签，结构化比较差。给元素small清除浮动（在small后添加一个空白标签clear(类名可以随意），设置clear:both;即可）2.给父级添加overflow方法：可以通过触发BFC的方式，实现清楚浮动效果。 优点：代码简洁（慎重使用，若该父盒子里还有position定位会引起麻烦） 缺点：内
2022-03-01 20:39:57
268
原创 JavaScript函数this指向
1.函数内部的this指向这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同一般指向我们的调用者.2.改变函数内部 this 指向1. call方法call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向应用场景: 经常做继承.var o = { name: 'andy'}function fn(a, b) { console.log(this); con...
2022-02-26 20:35:05
136
原创 JavaScript函数的定义和调用
1.函数的定义方式 方式1 函数声明方式 function 关键字 (命名函数) function fn(){} 方式2 函数表达式(匿名函数) var fn = function(){} 方式3 new Function() var f = new Function('a', 'b', 'console.log(a + b)'); f(1, 2); var fn = new Function('参数1','参数2'..., '函数体') 注意 /*Fun
2022-02-26 20:16:10
84
原创 jQuery 元素操作
1. 遍历元素jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作，就需要用到遍历。语法1注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。语法2注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。演示代码<body> <div>1</div...
2022-02-17 21:02:52
283
2
原创 Web APIs排他思想
排他思想：如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮...
2022-02-10 21:03:30
75
原创 JS作用域
1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。JavaScript（es6前）中的作用域有两种： 全局作用域 局部作用域（函数作用域） 1.2 全局作用域作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件。1.3 局部作用域作用于函数内的代码环境，就是局部作用域。 因为跟函数
2022-01-27 12:29:20
96
3
原创 webAPIDOM获取页面元素
获取页面中元素的方法有：根据ID获取，根据标签名称获取，通过HTML5新增的方法获取，通过特殊元素获取等getElementById获取元素用ID获取的元素返回的是一个元素对象（object);语法：// var element = document.getElementById('id名');var timer = document.getElementById('time');参数： element（元素）是一个 Element 对象。如果当前文档中拥有特定ID的元素不存在
2022-01-23 23:43:33
611
1
原创 JS函数算法面试案例
写一个函数，它接收一个数字参数num，返回值为不大于这个数字的所有质数之和。打印所有小于10的质数（素数），再求和（质数：只能被1和自己整除）解题：function name(num) { // var arr = 0; // for (i = 2; i <= num; i++) {//虽然1也满足质数特点，但是1为特殊数字，所以从2 开始循环 // for (j = 2; j <= i; j++) { // ...
2022-01-22 16:51:00
397
1
原创 JS字符串与数组的方法
JS字符串的方法：indexOf 从前往后找（常用 lastIndexOf 从后往前找indexOf的功能有两个1. 可以检测元素在数组中的位置2. 可以检测数组中有没有这个元素（去重）charAt了解 str[1]charCodeAt 了解slice 截取substrsubstringreplace 字符串替换，只能替换一次split 把字符串变成数组 拆分toUpperCase 转换为大写toLowerCase 转换为小写JS数组的方法：rever...
2022-01-21 21:20:08
487
2
原创 JS数组常用方法
reverse 翻转sort 排序push 从后面加unshift 从前面加pop 从后面删除shift 从前面删除indexOf 从前往后字符串索引lastIndexOf从后往前字符串索引join,toString转化为字符串类型,建议使用joinconcat 合二为一slice 截取 （大的数组只要一部分片段）splice 删除...
2022-01-20 19:53:36
346
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人