02 2022 档案
摘要：1.数组展开运算符：（只能和数组展开） let a=[1] let b=[...a,3,4] console.log(b)//[1, 3, 4] 2.对象展开运算符：（只能和对象展开合并） let a={"a":1} let b={...a,num:4} console.log(b) //{a: 1
阅读全文
摘要：1.求数组元素交集： const listIntersection = (firstList,...args)=>{ if(!Array.isArray(firstList) || !args.length){ return firstList; } return firstList.filter(
阅读全文
摘要：1.将字符串，对象等作为伪数组转换成数组: Array.from() 将伪数组转变成数组，就是只要有length的长度就可以转成数组 --ES6 let str = '12345' console.log(Array.from(str)) let obj={0:'a',1:'b',length:2}
阅读全文
摘要：1.将多维数组转换为一维数组 let arr=[[0,1],[2,3],[3,4,4,[5,6]]] const newArr=function(arr){ return arr.reduce((pre,cur)=>pre.concat(Array.isArray(cur)?newArr(cur):
阅读全文
摘要：1.在数据处理时会碰见多维数组，想转换一维数组，简单语法计算，可以略过算法 arr.flat()
阅读全文
摘要：1.手机号正则表达式： /^[3-9]{1}[0-9]{9}$/.test(phone) 2.验证码四位纯数字： //取后面四位 Math.floor((Math.random() + Math.floor(Math.random() * 9 + 1)) * 10 ** (4-1))
阅读全文
摘要：1.replace(‘字符串值’，'自定义值*****') 2.replaceAll('字符串值','自定义值') =>这个方法是新出来的可以匹配找到所有值来替换，上面可能在匹配时只能换掉第一个字符 用法：值.toString().replace('值',‘替换自定义新值’) 'aaassss'.t
阅读全文
摘要：1.安装项目名命令：vue create app 修改下package.json文件的script来启动服务文件start
阅读全文
摘要：1.安装用途：Vue App组件：vant（使用人数最多）、antd、vux、mint、ionic 找官网：https://vant-contrib.gitee.io/vant/v2/#/zh-CN/home Vue2项目安装命令：cnpm i -S vant@latest-v2 版本使用Vant
阅读全文
摘要：定义一个：文本字段，进行数组区分下标每个字来实现删除和增加字体 var str='如何实现自动打出字体再进行删除字体' var div=document.getElementById('div') //获取节点 const words=str.split('') function printLine
阅读全文
摘要：/* * @Author: Qingshan_Chen * @Date: 2022-01-19 16:29:51 * @Description: 遍历模拟数据，使用函数组件 * @LastEditors: Qingshan_Chen * @LastEditTime: 2022-01-21 10:39
阅读全文
摘要：一、框架搭建 --数据请求以及代理 发起请求方法使用axios v0.26.0版本插件库来解决api接口调用 因为这个请求库是使用了Promise实现的一个XHR封装、它可以实现请求和响应（403）拦截,同时可以实现通用配置 1.安装 cnpm i -S axios vue脚手架的webpack配置
阅读全文
摘要：在axios的请求上使用请求拦截，和响应后处理的方式一个封装处理 首先需要引入使用axios 在发出请求响应之前做技术处理（参数进行验证=>例如登录token数据参数发起请求是判断是否存在） import axios from 'axios' 封装固定参数配置，再实现请求拦截 const Axios
阅读全文
摘要：一、什么是BOM？概念 BOM(Browser Object Model)全称，既是浏览器对象模型。 可以对浏览器进行操作： 获取一些浏览器的相关信息（窗口的大小） 操作浏览器进行页面跳转 获取当前浏览器地址栏的信息 操作浏览器的滚动条 浏览器的信息版本 让浏览器出现一个弹出框（alert/conf
阅读全文
摘要：一、原理概念 从文件对象模型DOM角度看：每个html标签、标签属性、内容、注释…都被看成一个个的dom节点， DOM就是我们html结构中一个一个的节点构成的。 1.dom节点分类：常用的三大分类：元素，属性，样式 元素节点：通过getElementBy... 获取到的都是元素节点 属性节点：通过
阅读全文
摘要：一、为什么使用axios？(响应拦截，请求，异步封装配置) 它是基于xhr的请求封装的引进优化的一个请求库， 这个库是使用Promise实现的一个XHR封装、它可以实现请求和响应拦截，同时可以实现通用的配置（封装axios请求） //在apis文件夹写建立封装的Ajax文件 //引入axios im
阅读全文
摘要：/* * @Author: Qingshan_Chen * @Date: 2022-01-19 16:29:51 * @Description: 遍历模拟数据，使用函数组件 * @LastEditors: Qingshan_Chen * @LastEditTime: 2022-01-21 10:13
阅读全文
摘要：1.React设计的核心思想 一切皆是组件，最小可以化到一个元素 --在react开发中，所有都是基于组件开发和封装（因为react没有html、所有的东西都是js对象；在底层原理是 v层“框架”--仅仅用于视图的库 框架里的虚拟dom和diff算法-实现的视图数据驱动，由内部数据setState使
阅读全文
摘要：1.创建数组，下标插入方式， 删除数组元素可使用：splice(start,end,'替换可选') 数组名.splice(1,2)从数组下标第一位开始，到后面截取两位并返回截取下来的数据数组。 也可以使用delete 来删除数组的下标 在数组中，与普通的旧对象不同，使用delete在表单中留下垃圾，
阅读全文
摘要：发起请求方法？： XHR、fetch -- 最大的特性是把XHR的回调形式改为了Promise 在业务上应该找一个库，解决了XHR的回调地狱问题、在业务中希望实现对请求权限拦截、统一响应（403 - -没有权限）拦截、 还可以实现一些通用配置 axios这个库是使用Promise实现的一个XHR封装
阅读全文
摘要：Promise是异步操作实例对象。如果使用asnc awit会出现未定义。 因为处理reject函数是异步操作抛出的停止 promise和async/await区别 1.promise是es6，async/await是ES7 2.async/await相对于promise来讲，写法更优雅 3.rej
阅读全文
摘要：sessionStorage.setItem(‘key名’,'value值') 常用于header头部存储。使用场景登录设置缓存数据和读取数据是否存在来验证判断 sessionStorage.getItem('key名') 用这个存储属性来作为判断对象是否正确或者存在来确定是否执行下一个业务
阅读全文
摘要：WebSQL是什么？ 是指客户浏览器端的结构化的关系数据库，这是本地的RDBMS上执行SQL查询（属于浏览器本地自带存储之一，规范中使用的方言是SQLlite） 它一般用在移动端，和hybird开发 web SQL使用 1.创建数据库 //打开数据库，没有的话会进行创建，然后返回一个数据库对象进行操
阅读全文
摘要：一、概念 状态数据管理器是用于管理全局状态数据、实现数据流控制、实现数据跨组件传递的一个数据管理库 它是使用闭包来实现避免全局数据污染，使用单向数据流来实现数据流控制。 1.安装：cnpm i -S vuex@3 2.它是一个全局唯一数据单向流的一个状态数据管理JS对象 状态数据：就是指页面虚拟do
阅读全文
摘要：1.框架搭建 --组件集成、样式集成 使用版本： less v4.1.2 less-loader v7.3.0（less-loader使用7版本编译less4版本） 样式预处理器：css -> sass -> less -> stylus -> postcss ->sss less样式 安装解析、编
阅读全文
摘要：效果（鼠标移入，滚动停止；鼠标移出，滚动继续） js滚动列表数据 <html> <head> <title>列表滚动</title> <style type=text/css> #demo a { width:100%; overflow:hidden; font:12px/16px tahoma;
阅读全文
摘要：一、路由：它是监听url地址变化，来实现页面组件动态切换的一个vue插件库 二、安装版本：cnpm i -S vue-router@3 三、注入首页文件index或者main.js文件:Vue.use(Router) 注册了全局路由组件可以使用：router-view(视图页面展示)、router-
阅读全文
摘要：1.路由是通过url地址改变的监听来实现路由组件动态切换 来实现的url地址和页面组件的更新 //监听window对象事件能拿到地址的信息，可以拿到登录页面的token信息 window.addEventListener('hashchange',function(){ console.log('
阅读全文
