js
文章平均质量分 50
Juliet_xmj
我只是一个小前端
展开
-
js —— 去重、排序基础总结
js去重、排序基础总结(持续更新)排序1)for循环排序——冒泡排序2)for循环排序——选择排序、相邻3)sort排序 —— 升降序排序去重1) for循环去重 —— splice()let arr = [1,4,2,2,8,4,5,9,10,8,4,6]2)indexOf去重3)es6 —— includes去重4)es6 ——set去重第一种,扩展运算符第二种,Array.from重点不可少...原创 2022-02-28 16:26:02 · 354 阅读 · 0 评论 -
js——正则归纳 (持续更新)
输入框只能输入正数和小数点<input @keyup="this.value = this.value.replace(/[^0-9.]/g, "").trim()">输入框只能输入正数或两位小数<input @keyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">...原创 2021-07-21 14:04:13 · 106 阅读 · 0 评论 -
js——纯js模拟双向数据绑定
js——纯js模拟双向数据绑定是不是很多人只是知道双向数据绑定的实现效果,并不知道其原理,或是知道其原理并不明白的,使用js模拟一个简单的双向数据绑定案例吧,就会变得容易理解Object.defineProperty()vue双向数据绑定的原理就是它了html:<div class='box'> // input输入框最能体现双向数据绑定的效果了 <input type='text' id='txt' /> // 输入内容会同步显示在这里 <p i原创 2021-03-19 15:31:42 · 879 阅读 · 0 评论 -
循环遍历的区别
循环遍历的区别forEach直接循环数组,没有返回值for循环数组,对数组的每一项进行加工,并返回一个新的数组filter循环并过滤数组,得到想要的内容let arr = [1,2,3,4,5,6,7,8,9];arr.filter((item,index)=>{ if(item % 2 == 0){ //偶数 retrun true //返回true(留下偶数) }else{ //奇数 return false原创 2020-10-27 14:41:24 · 1409 阅读 · 2 评论 -
html+js富文本
html+js富文本rtf是Rich Text Format的缩写,意即多文本格式。这是一种 类似DOC格式(Word文档) 的文件,有很好的兼容性,使用Windows“附件”中的“写字板”就能打开并进行编辑。div方式实现简单富文本依赖方法是doucument.execCommand()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam原创 2020-08-20 15:38:10 · 1667 阅读 · 0 评论 -
新增js常见面试题整理
新增js面试题1.jsonp解决跨域的原理利用script标签中的src属性,src属性不存在跨域问题,在src中引入完整的跨域引用文件,服务器输出的json数据并执行回调。jsonp是请求后台包装好的一段json,并把数据放在回调函数中,返回一个js文件,引入并下载js后,调用这个回调函数访问数据。总结:动态添加script标签来调用服务器提供的js脚本文件。2.深浅拷贝浅拷贝:拷贝基本类型的数据,复制的是指向某个对象的指针,本不是对象本身,新旧对象依然在同一内存中,修改复制的对象,源对象原创 2020-07-23 11:46:40 · 186 阅读 · 0 评论 -
ES6新增特性自整理汇总
ES6对ES5相比新增属性教你从入门到放弃1.let 和 constlet:跟ES5相比,ES6增加了let,其用法类似var,但存在着较大区别:相同点:用来声明变量,储存变量不同点:①作用域不同,var是函数作用域,let是块作用域;②暂时性死区:let声明的后的变量会绑定它所在的作用域,该作用域不允许重复声明,不存在声明提升。let a = 10;let a = 20; /...原创 2020-01-11 21:02:33 · 298 阅读 · 0 评论 -
es6新增——解构赋值
解构赋值ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,成为解构(Destructuring)。赋值运算符右侧是要解构的数组或对象,左侧是对应的模式和声明变量,表现形式为[]、{}var arr = [1,2,3];var obj = {name : '李翠花'};let [a] = arr;let{name:b} = obj;console.log(a,b);//1,...原创 2020-01-11 21:36:31 · 267 阅读 · 0 评论 -
es6函数的扩展—箭头函数
3-3 箭头函数1.普通函数:function fn(){ console.log("我是一个函数");}fn();函数表达式:var fn = function(){ console.log("我是函数表达式");}fn();2.箭头函数:①var fn_arrow = () =>{ console.log("我是一个箭头函数");}fn_arrow()...原创 2020-01-16 20:46:54 · 202 阅读 · 0 评论 -
js、jQuery面试题整理
js、jQuery面试题整理1.数据类型基本类型:除Object、String、Number、boolean、null、undefined。引用类型:object。里面包含的 function、Array、Date。2.数组方法join():数组转为字符串,可带中间符号push():数组尾部添加内容,返回新长度pop():数组尾部删除一条内容,返回长度unshift():数组头部添加内容,返回新长度shift():数组头部删除一条内容,返回删除内容sort():数组内容从大到小排序re原创 2020-06-27 15:22:59 · 7577 阅读 · 0 评论 -
es6新增类型——Symbol
3-4 Symboljs数据类型:StringNumberNullUndefinedObjectBooleanSymbolSymbol:Symbol是一种全新的数据类型,作用:产生一个独一无二的值用法:console.log(Symbol());//Symbol()可以传参:这个参数(description),类型为String/Number,相当于代码注释,让开发者明...原创 2020-01-16 21:34:39 · 160 阅读 · 0 评论