随笔分类 - JS知识点
摘要：介绍 splice在处理字符串时有许多的使用技巧，比如对数组任意位置添加，在任意位置删除指定长度，任意位置进行替换 删除 splice在删除时接收两个参数，第一个参数为起始位置，第二个参数为删除的长度 如果删除的长度超过后续长度，则只会删除后面的长度 如果删除时只指定了第一个参数，并没有指定第二个参
阅读全文
摘要：const obj = {'name':'张三','3':'ccc','a':'000','2':'222','1':'aaa'}; Object.keys(obj); console.log(obj) ["1","2", "3", "name", "a"] {1: 'aaa', 2: '222',
阅读全文
摘要：场景 数组：[1,2,3,4,5,6,7,8,9,10] 目标：[[1,2],[3,4],[5,6],[7,8],[9,10]] 思路分析 借助splice方法或者slice方法，一直对数组进行指定位数的删除，并将返回的数组push到一个新数组种 // 方法一： function splitArr(
阅读全文
摘要：相关介绍 在常见的前后端开发模式中，经常因为一些接口的问题导致工程效率低。作为前端开发者我们有时候可以使用mockjs来模拟后端的接口，只需要做到模拟就行，主要是用来检测我们的接口请求是否正常。 场景 比如我们做了一个后端管理系统，在页面初始创建时就需要向后端发送请求取获取数据库的信息，之后我们点击
阅读全文
摘要：reduce回顾 array.reduce(function(total, currentValue, currentIndex, arr), initialValue) reduce接收两个参数： 第一个参数为一个回调函数 第二个参数表示初始值 回调函数中接收四个参数（pre,cur,index,
阅读全文
摘要：Js中filter的实现 思路分析 filter是数组的方法，因此我们可以将它挂载到prototype上 filter接收一个函数，对数组的每一个元素都调用这个函数 一般传递的参数是个过滤条件，将符合要求的元素返回，会返回新数组 代码实现 Array.prototype._filter = func
阅读全文
摘要：原文链接: https://zhuanlan.zhihu.com/p/516440022 一、概述 前面我们讲到，JS 中有六种简单数据类型：undefined、null、boolean、string、number、symbol，以及引用类型：object 但是我们在声明的时候只有一种数据类型，只有
阅读全文
摘要：基本使用 封装service.js import axios from 'axios' // 创建axios 并赋值给常量servic const service = axios.create() // 添加请求拦截器 service.interceptors.request.use(functio
阅读全文
摘要：Promise.all() Promise.all() 方法接收一个 promise 的 iterable 类型（注：Array，Map，Set 都属于 ES6 的 iterable 类型）的输入，并且只返回一个Promise实例，那个输入的所有 promise 的 resolve 回调的结果是一个
阅读全文
摘要：场景 每次发送消息时，需要对按钮绑定click事件，同时也对输入框绑定回车事件 出现的问题是：输入信息之后按下回车键，消息会发送，但是回车键也会生效，使用return false没有用 解决方法 阻止默认行为 event.preventDefault 相关文档 关于默认事件的文档 默认事件
阅读全文
摘要：情景 点击li标签，会给每个li添加高亮显示 实现 如果用jq实现的话非常的方便，直接获取父节点，再获取子节点并移除所有类，对当前元素添加即可 思路主要就是： 移除所有元素的高亮对应的类名 给当前点击元素添加高亮的类 使用js时也是同样的思路，先通过parentNode获取父亲节点，再获取其chil
阅读全文
摘要：相关的API 主要有7个api，分别用来描述不同的状态 前提准备 主要实现的点餐功能如下： 一个盘子里装了多种菜 另一个是小明的菜单 小明可以拖动菜品到菜单上 小明的菜单中最多可以点三份菜 思考一下我们如何实现这个功能：首先需要两个容器，一个用来装菜品，另一个当作菜单 小明的点菜操作我们可以使用dr
阅读全文
摘要：相关介绍 classList属性是 HTML 元素的一个属性，它保存当前选定元素的类名。您可以使用该属性将 HTML 元素的类名作为数组获取。 可以先获取DOM元素之后再使用classNameorclassList属性获取元素的类名。 className属性以字符串形式返回类名，而属性classLi
阅读全文
摘要：MVC、MVVM模式的概念与区别 1. MVC框架 MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定
阅读全文
摘要：原文链接: https://blog.csdn.net/qq_36699230/article/details/121041697 前言：我们在码代码的时候，经常会遇到需要给第一个或者最后一个元素添加或删除样式，还有一些比较特殊的是选取第几个元素添加或删除样式，下面记录css选择器中常见的选择器:相
阅读全文
摘要：原文链接: https://juejin.cn/post/6981747653323276319#heading-0 Set 和 Map 主要的应用场景在于 数据重组 和 数据储存 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构 1. 集合（Set） 1.1 啥是Set ES6
阅读全文
摘要：相关性质 任何数和自己做异或运算，结果为 0，即 a⊕a=0a⊕a=0 。 任何数和 0 做异或运算，结果还是自己，即 a⊕0=⊕a⊕0=⊕。 异或运算中，满足交换律和结合律，也就是a⊕b⊕a=b⊕a⊕a=b⊕(a⊕a)=b⊕0=ba⊕b⊕a=b⊕a⊕a=b⊕(a⊕a)=b⊕0=b。 解题过程 也就
阅读全文
摘要：题目描述 给你两个二进制字符串 a 和 b ，以二进制字符串的形式返回它们的和。 示例 输入:a = "11", b = "1" 输出："100" 思路分析 我们可以先将其转化为整数，相加之后再转为二进制，但是这样的处理方式不能过掉全部样例。字符串的长度可能非常长，int类型会超出限制，因此如果使用
阅读全文
摘要：下表按从最高到最低的优先级列出JavaScript运算符。具有相同优先级的运算符按从左至右的顺序求值。
阅读全文
摘要：new Array的使用 如果new Array传入的参数只有一个Nuber类型的话，那么则默认初始化为指定长度的空数组 如果传入多个元素，才会生成数组 fill 将数组按照指定元素进行填充 map函数 将数组中每一个元素进行函数处理，并且返回，需要返回值 生成多维数组 //4行5列 const d
阅读全文
浙公网安备 33010602011771号