Cl85xNwk6bHe
【前端学习】—Vuex（十八） 一、Vuex Vuex是一个专门为Vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
【前端学习】—Vue生命周期（十七） 一、Vue生命周期 二、Vue父子组件生命周期调用顺序 三、Vue中在哪个生命周期内调用异步请求
【前端学习】—JS判断数据类型的方式有哪些（八） 一、JS中判断数据类型的场景 二、JS中有哪些数据类型 三、JS判断数据类型的方式有哪些 constarr=[]; constobject={}; constnumber=1; conststring='string'; //typeof consttype=typeofarr; console.log(`type`,type);//typeobject consttype1=Object.prototype.toString.call(object); console.log(type1);//[objectObjec...
【前端学习】—ES6新增的方法有哪些（十五） 一、ES6中新增的方法 （一）、Object.is() //用于判断两个值/数据类型是否相等 / 特点：不仅可以对值类型进行正常处理，对象类型的值也可以处理 对于特殊的值NaN也可以进行正常的处理 / constobj={}; constsecondObj={}; constresult=Object.is(obj,secondObj); console.log(`result`,result);//false引用类型的值互不相等比较的是引用地址 constnumOne=1; constnumTwo=1; constres=Object...
【前端学习】—判断成立（十二） <script> letvalue=0; Object.defineProperty(window,"a",{ get(){ return(value+=1); }, }); if(a=1&&a=2&&a=3){ console.log("object"); } </script>
【前端学习】—Promise基本知识（十六） 一、class和function的区别 相同点：都可以用作构造函数 不同点：class不可以使用callapplybind的方式来改变它的执行上下文 二、Promise 定义：Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件更合理和更强大。它是由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象 三、代码演示 <script> //3个状态pendingfulfilledrejected newPromise(function(resolve,reject){ ...
【前端学习】—多种方式实现数组拍平（十一） 一、数组拍平 数组拍平也叫数组扁平化、数组拉平、数组降维，指的是把多维数组转化为一维数组。 二、使用场景 复杂场景下的数据处理（echarts做大屏数据展示） 三、如何实现数组拍平 四、代码演示 constarray=[1,2,3,4,[5,6],[7,8]]; //reduce实现 functionflatten(array){ returnarray.reduce(function(prev,current){ returnprev.concat(Array.isArray(current)?flatten(current):curre...
Excel上传出错：TypeError[ERR_INVALID_ARG_TYPE]:The“path”argumentmustbeoftypestringoraninstanceofBufferorURL. TypeError[ERR_INVALID_ARG_TYPE]:The"path"argumentmustbeoftypestringoraninstanceofBufferorURL.Receivedundefined atObject.open(fs.js:465:10) at_openReadFs(internal/fs/streams.js:121:15) atnewReadS...
AntDesignVue设置表格滚动宽度自适应不换行 添加以下属性即可解决这个问题： <a-table :columns="columns" :data-source="list" :pagination="false" bordered :scroll="{x:'max-content'}" >
【前端学习】—箭头函数和普通函数的区别（十四） 一、箭头函数和普通函数的区别 constobj={ fullName:'zz', sayName(){ console.log(`this.fullName`,this.fullName)//zz } } obj.sayName(); constobj={ fullName:'zz', sayName:()=>{ console.log(`this.fullName`,this.fullName)//undefined } } obj.sayName(); functionsayName(){ console.log(`t...
【前端学习】—letconstvar之间的区别（十三） 一、letconstvar之间的区别 二、代码演示 <script> //1、constlet不存在变量提升var存在变量提升 //var console.log(`fullName`,fullName);//fullNameundefined //varfullName='cai'; / var声明变量的方式会存在变量提升，var在声明变量之前，首先会将varfullName提升到代码块的最前面 / //let console.log(`fullName`,fullName);//UncaughtRefere...
【前端学习】—函数防抖（十） 一、什么是函数防抖 函数防抖：事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 二、代码实现 <script> constsearchElement=document.getElementById("searchElement"); //返回值是函数 //固定时间间隔执行事件响应函数 constdebounce=(fn,initial)=>{ lettimer=null; return()=>{ clearTimeout(timer); timer=setTimeout(fn,initial); }; }; sea...
【前端学习】—函数节流（九） 一、什么是函数节流 函数节流：规定在一个单位时间内，事件响应函数只能被触发一次，如果这个单位时间内触发多次函数，只有一次生效。 二、函数节流使用场景 window.onresize事件 mousemove事件 <script> //window.onresize //单位时间内只触发一次 //1、返回值是一个函数 //2、开启定时器 //3、如果定时器存在直接返回false //4、定时器内部清空定时器并且把timer置为null，然后执行我们的事件响应函数 functionthrottle(fn,interval){ lettimer;...
【Bug】ERRORResizeObserverloopcompletedwithundeliverednotifications. 报错如下： ERROR ResizeObserverloopcompletedwithundeliverednotifications. athandleError(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:299:58) ateval（webpack-internal:///./node_modules/webpack-dev-server/client/...
【软件测试学习】—软件测试的分类（二） 一、软件测试的分类 二、软件的生命周期 三、软件测试的工作流程 四、软件测试用例设计方法 （一）、等价类划分 定义：等价类划分是一种典型的、重要的黑盒测试的方法，是指某个输入域的子集、在该子集合中，所有的输入数据对于揭露软件中的错误都是等效的。 划分：等价类划分为有效等价类和无效等价类 （二）、边界值 定义：边界值分析法是对等价类划分法的一个补充，边界值一般都是从等价类的边缘去寻找，边界值分析的基本思想：正好等于、刚刚好大于、刚刚小于边界的值作为测试数据。 注意：0是一个特殊值，我们在考虑边界值的时候同样也要考虑这个特殊值 边界值的...
【读书后台管理系统】—前端框架搭建（一） 一、项目初始化 注：该项目是基于vue-element-admin下进行的 gitclonehttps://github.com/PanJiaChen/vue-element-admin cdvue-element-admin npmi npmrundev 二、项目精简 删除src/views下的源码，保留： dashboard：首页 error-page：异常页面 login：登录 redirect：重定向 对src/router/index进行相应修改 删除src/router/modules文件夹 删除src/vendor文件夹 三、项...
【读书后台管理系统】—后端框架搭建（二） 一、Node简介 Node是一个基于V8引擎的Javascript运行环境，它使得Javascript可以运行在服务端，直接与操作系统进行交互，与文件控制、网络交互、进程控制等 Chrome浏览器同样是集成了V8引擎的Javascript运行环境，与Node不同的是他们向Javascript注入的内容不同，Chrome向Javascript注入了window对象，Node注入的是global，这使得两者应用场景完全不同，Chrome的Javascript所有指令都需要通过Chrome浏览器作为中介实现 二、Express简介 express是一个轻量...
【Nginx学习】—Nginx基本知识 一、什么是Nginx Nginx是一个高性能的HTTP和反向代理的web服务器，Nginx是一款轻量级的Web服务器/反向代理服务器处理高并发能力是十分强大的，并且支持热部署，启动简单，可以做到724不间断运行。 正代和反代 学习Nginx，最重要的是反向代理 二、安装Nginx usernobody; 工作进程数，一般设置为cpu核心数 worker_processes1; error_loglogs/error.log; error_loglogs/error.lognotice; error_loglogs/error.log...
【JavaWeb学习】—特殊字符（二） 🏠🏠个人主页：王同学要努力👩🦰👩🦰个人简介：大家好，我是王童鞋🎉🎉目前状况：大三，大学期间，属于普普通通学习型学生，间歇性踌躇满志，习惯性混吃等死🤣🤣。期待与各位佬一起学习，共同进步👏👏👏👏 1️⃣特殊字符 <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body>我是<br>...
【Vue3学习】—Vue3简介 一、初识Vue3 二、使用vue-cli创建工程 三、使用Vite创建工程 四、分析工程结构 五、常用的CompositionAPI 六、Vue3响应式原理 七、reactive和ref对比 八、setup的两个注意点