100个请求,如何使用Promise控制并发 JavaScript 中可以通过 Promise.all()、Promise.race()、async/await 等不同方式来实现对异步并发任务的控制1234567891011121314151617181920212223242526272829303132333435363738391、Promise.all() const urls = ["url1", 2023-07-03 js基础
前端表格数据下载xlsx 前端表格数据下载 xlsx1、后端返回数据,前端进行下载,通过exceljs.min.js插件进行下载 2、引入组件 import ExcelJS from './exceljs.min.js' 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 2023-06-20 js基础
前端性能优化 前端性能优化1、提升首屏的加载速度,是前端性能优化中最重要的环节,这里笔者梳理出一些常规且有效的首屏优化建议。 2、目标: 通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理。 路由懒加载SPA 项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个文件,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验。 将路由全部改成懒加载: 1234 2023-06-01 vue基础
基于element封装el-upload文件上传 不多墨迹直接上代码12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910 2023-04-13 Vue
v-model是如何实现的 实现原理:v-model 只不过是一个语法糖而已,真正的实现靠的还是:1、v-bind:绑定响应式数据2、触发 oninput 事件并传递数据,并且在触发 input 事件的时候去动态把 message 设置为目标值 1234567891011<input v-model="message" />等同于<inputv-bind:value="mess 2023-04-12 Vue
el-select 数据下拉懒加载 el-select 数据下拉懒加载 下拉框需要分页查询,需要加入自定义指令,下拉到底部时触发下一页的查询 12345678910<el-select v-model="value" placeholder="请选择" v-loadMore="loadMore"> <el-option v-for=&q 2023-03-23 Vue
JS基础 JS 中的 8 种数据类型及区别包括值类型(基本对象类型)和引用类型(复杂对象类型)基本类型(值类型): Number(数字),String(字符串),Boolean(布尔),Symbol(符号),null(空),undefined(未定义)在内存中占据固定大小,保存在栈内存中 引用类型(复杂数据类型): Object(对象)、Function(函数)。其他还有 Array(数组)、Date(日期 2023-03-13 js基础
小程序路由参数校验,自动跳转错误页面和登录页面 12345678910111213141516171819202122232425262728293031323334353637383940 我们定义了一个checkParams函数用于校验路由参数,检查了参数是否为空、是否符合格式要求以及用户登录状态。如果校验不通过,则自动跳转到相应的错误页面或登录页面。在路由页面的onLoad函数中,我们调用checkParams函数进行参数校验。如果 2023-03-10
TypeScript 什么是 TypeScript?TypeScript,简称 ts,是微软开发的一种静态的编程语言,它是 JavaScript 的超集。简单来说,js 有的 ts 都有,所有 js 代码都可以在 ts 里面运行。ts 支持类型支持,ts = type +JavaScript。 类型123456789101112131415161718// 数值类型let age: number = 18// 2023-03-10 js基础
文件上传和下载 上传实现流程1、 el-upload 123456789101112131415<el-uploadref="upload":limit="1"accept=".jpg, .png":action="upload.url":headers="upload.headers":file-list= 2023-02-23 vue基础