
Javascript
Eva3288
这个作者很懒,什么都没留下…
展开
-
js-cookie
1原创 2022-07-08 14:11:23 · 939 阅读 · 1 评论 -
新建数组 + 数组的索引 与长度
文章目录1. 新建数组1.1 字面量1.2 构造函数2. 数组的索引 与 长度数组主要用于封装/管理 多个任意类型的数据数组是值的有序集合,由于弱类型的原因,js在同一个数组中可以存放多种类型的元素,且长度可以动态调整;1. 新建数组1.1 字面量var arr = []; //创建空数组var arr1 = [10]; // 创建数组 [10] -- 字面量方式,无论传入几个参数,都会把参数当作初始化内容//最好最后不要带多余的”,”,不同浏览器下处理不同,现代浏览器上运行原创 2020-08-17 20:48:35 · 1170 阅读 · 0 评论 -
防抖和节流
文章目录1. 防抖节流 的 异同2. 防抖(debounce) 实现3. 节流(throttle) 实现1. 防抖节流 的 异同相同 :防抖和节流 是 高频触发事件,频繁回调函数时做的 性能优化,避免大量计算导致的页面卡顿/浏览器卡死;不同 :防抖是将多次执行变为最后一次执行 – 让某个时间期限内,事件处理函数只执行一次;节流是将多次执行变为在规定时间内只执行一次 – 节流会稀释函数的执行频率2. 防抖(debounce) 实现思路:在第一次触发事件时,不立即执行函数,用setT原创 2020-08-13 13:31:03 · 384 阅读 · 1 评论 -
数组扁平化
文章目录1、数组扁平化方法1:递归方法2:reduce1、数组扁平化数组的扁平化,就是将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组。举个例子,假设有个名为 flatten 的函数可以做到数组扁平化,效果就会如下:var arr = [1, [2, [3, 4]]];console.log(flatten(arr)) // [1, 2, 3, 4]知道了效果是什么样的了,我们可以去尝试着写这个 flatten 函数了方法1:递归// 方法 1var arr原创 2020-08-11 12:55:16 · 121 阅读 · 0 评论 -
【面试题-数组】1-前端数组必会算法题
文章目录题1:字符串反转 '123abc' -> 'cba321'题2:在有序的数组里找出指定的值,返回该值在数组中的索引题3:判断数组是否为对称数组,对称数组形式如:[a, b, c, b, a]、[a, b, c, c, b, a]题1:字符串反转 ‘123abc’ -> ‘cba321’思路:字符串转数组split(),利用数组逆反方法reverse()然后再数组转字符串jo...原创 2020-02-04 13:31:34 · 417 阅读 · 0 评论 -
【Promise】1-简单用法 及 原理
文章目录1.promise 简单用法2.Promise 实现原理3. promise里then的‘发布订阅’4. promise里then的用法promise 有哪些优缺点?优点:1.可以解决异步嵌套的问题; 2.可以解决多个异步并发问题缺点1.promise 基于回调的(要不停的写函数) 2.promise 无法终止异步promise 是承诺的意思,promise是一个类...原创 2020-02-04 10:25:32 · 350 阅读 · 0 评论 -
【javascript】高阶函数2 - 异步编程 初
文章目录目标方案1:串行 -不推荐方案2:通过回调函数来解决-很麻烦方案3:after函数的方式 - 相对好一些方案4:发布订阅模式(发布 和 订阅)引申:观察者模式let fs = require('fs'); //引入fs api ;fs 是node的api: file system 文件读写fs.readFile('./README.md','utf-8',function(err...原创 2020-02-03 11:07:55 · 246 阅读 · 0 评论 -
【javascript】高阶函数的应用
文章目录1、什么是高阶函数:2、高阶函数的应用:1. AOP 面向切片编程2. vue 2.0 也会用到 函数劫持(AOP切片)的思想说到异步肯定要说到回调函数:回调函数是高阶函数的一种;1、什么是高阶函数:如果函数的参数是一个函数function (func){ func();}一个函数返回了一个函数(返回函数)function (){ return function...原创 2020-02-02 11:15:44 · 249 阅读 · 0 评论 -
js相关
js相关箭头函数如何更改this指向如何确定this是谁箭头函数格式箭头函数箭头函数(arrow function)不具备this 和arguments; 所以自己没有this就找上一级的this;如何更改this指向1、call 、 apply 、bind2、var that = this (常用)3、箭头函数 =>如何确定this是谁看谁调用的, .前面是谁this就是...原创 2020-02-01 09:44:48 · 159 阅读 · 0 评论 -
【Vue】1 - 数据驱动之 数据类型,数组常用方法
vue相关js 数据类型forEachfor infor offilter(过滤)map(映射)vue特点:数据驱动(主要操作的是数据);之前js、jq频繁的操作dom(元素加样式,改大小,移动等) 会导致页面回流和重绘,高性能;js 数据类型js数据类型分基本 和引用两种:基本数据类型:number、string、boolean、null、undefined;引用数据类型:Obje...原创 2020-02-01 09:41:17 · 1483 阅读 · 0 评论 -
【JavaScript】类数组 及其 转化为数组的方法 -Uncaught TypeError: oBtnArr.forEach is not a function
demo里遇到的错误:Uncaught TypeError: hdList.forEach is not a function。错误原因因为:原生js获取的DOM集合是一个类数组对象,所以不能直接利用数组的方法(例如:forEach,map等),需要进行转换为数组后,才能用数组的方法!所以总结下这里遇到的知识点:类数组 和类数组转为数组的方法文章目录类数组将类数组(DOM集合)转化为...原创 2020-02-01 08:10:18 · 1060 阅读 · 0 评论 -
【javascript】String对象的slice()、substring()、substr()的区别; String.slice()和Array.slice()的区别;Array.splice()
"text/javascript"> var str="Hello world"// 1、 str.substr(起始下标start,子串长度length); 其实下标为负数(-2),表示从后算下标(倒数第二个数); length可不写,不写代表到字符串结束; console.log(str.substr(3,5原创 2020-01-31 21:27:37 · 390 阅读 · 0 评论 -
2.js引入、变量、值类型
1、几大主流浏览器及其内核:IE () tridentChrome webkit/blink(2014年后)firefox Gecko /gaikou/Opera prestosafari webkit (webkit是google 和 apple一起研发的)主流浏览器:1-再市场上有一定的市场份额,大于3%左右;2-有独立研发的内核,比如中国的360 猎豹...原创 2019-11-03 21:34:19 · 157 阅读 · 0 评论 -
1.关于js
js 是前端最核心的语言,甚至有外行叫我们'js工程师'js最厉害的是可以动态的操作html进行增删改查都是在js基础上增加了很多js的附带方法,把这些附带方法抽象提取出一个门类, 例如:css3 和css2类似,在c2的基础上添加了一些属性,变的非常强大,自己可以做动画,但是css3最强大的地方是能够和js配合,做一些高难度的东西html5.0 是在之前html4.01的基础上增加...原创 2019-11-03 21:28:19 · 188 阅读 · 0 评论 -
js 面试题1
// 隐式类型转换部分// 题1:var a = false + 1; //因为有‘+’, false隐式类型转换为0,true会转换为1;所以是var a = 0 + 1;console.log(a); //输出1// 题2:var b = false == 1; // == 是比较运算符,false转换为0 ,0==1 为假false;console.log(b); //输...原创 2019-11-03 21:19:06 · 177 阅读 · 0 评论 -
初级Javascript问题总结-1
初级Javascript: 1.JavaScript是一门什么样的语言,它有哪些特点? JavaScript 是一种脚本语言,官方名称为 ECMAScript(因定义语言的标准为 ECMA-262)。JS 的主要特点: 1. 语法类似于常见的高级语言,如 C 和 Java; 2. 脚本语言,不需要编译就可以由解释器直接运行; 3. 变量松散定义,属于弱类原创 2020-01-27 22:22:54 · 166 阅读 · 0 评论 -
数组方法1 - forEach、filter、map、every、map、reduce
文章目录1、forEach 遍历2、filter 遍历后过滤3、map 遍历后映射4、every 和 some5、reduce1、forEach 遍历用法:// 只有数组可以用arr.forEach(function(ele,index,self){ //这个回调会执行多少次取决于arr里有多少项,这里只是声明,不是调用 console.log(ele, index, se...原创 2020-01-28 20:57:39 · 279 阅读 · 0 评论 -
js问答题 汇总
1、this指向、闭包、全局/局部变量var w=100;function f1(){ function f2(){ //严格来说不算闭包,并没有调用局部变量; document.write(this.w); } return f2;}f1()(); //100 ,this指向问题:window调用f2所以this指向window,this.w原创 2018-01-29 18:11:03 · 398 阅读 · 0 评论 -
js 数据类型:基本类型 / 引用类型 区别
js变量有两种不同的数据类型:基本类型,引用类型。也有其他的叫法,比如原始类型和对象类型,拥有方法的类型和不能拥有方法的类型,还可以分为可变类型和不可变类型,其实这些叫法都是依据这两种的类型特点来命名的。1、基本类型基本的数据类型有:`undefined,boolean,number,string,null.基本类型的访问是按值访问的,就是说你可以操作保存在变量中的实际的值。 基本类原创 2018-01-26 18:19:15 · 305 阅读 · 0 评论 -
构造函数
一、JavaScript对象的创建方式在JavaScript中,创建对象的方式包括两种:对象字面量 和 使用new表达式。对象字面量是一种灵活方便的书写方式,例如:var o1 = { p:”hello world!”, alertP:function(){ alert(this.p); }}如上用对象字面量创建了一个对象o1,它具有一个成原创 2018-01-26 15:47:31 · 330 阅读 · 0 评论 -
javascript 闭包(Closure)
闭包(closure)是javascript的一大难点,也是它的特色。很多高级应用都要依靠闭包来实现。一、变量作用域要理解闭包,首先要理解javascript的特殊的变量作用域。变量的作用域分两种:全局变量和局部变量。javascript语言的特别之处就在于:函数内部可以直接读取全局变量,但是在函数外部无法读取函数内部的局部变量。注意点:在函数内部声明变量的时候,一定要使用var命原创 2018-01-29 17:51:48 · 247 阅读 · 0 评论 -
正则判断
keywords:[ {validator:function(rule,value,callback){ if(value != value.replace(/[^\u4e00-\u9fa5,\,]+/,'')){ ...原创 2019-03-13 17:41:25 · 522 阅读 · 0 评论 -
js中精确判断对象类型--关于typeof 和Object.prototype.toString方法的区别
对于null(空对象)、数组、{}(对象)使用typeof判断数据类型,都会统一返回“object"字符串;要精确判断对象类型可以使用js中的Object.prototype.toString方法原创 2016-10-10 19:54:18 · 5987 阅读 · 0 评论