![](https://img-blog.csdnimg.cn/fa55b3bc8ce443f49c7db9544b5a4dad.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
问题记录
文章平均质量分 67
整合真实项目中出现的问题及解决方案
前端不释卷leo
热爱前端,一起学习,一起进步。积极更新博客。
展开
-
Vue Excel 文件流导出乱码快速解决方案
Vue Excel 文件流导出乱码快速解决方案,深入排查版。原创 2024-05-13 11:54:14 · 1145 阅读 · 0 评论 -
JS/JQ实现小程序/H5验证码页面
JS/JQ实现小程序/H5验证码页面原创 2024-01-05 16:21:23 · 884 阅读 · 0 评论 -
『需求优化』使用 postMessage 解决 localStorage 跨域问题
postMessage() 用于安全地实现跨源通信。记录一次真实项目需求优化。原创 2022-07-21 21:39:08 · 1404 阅读 · 8 评论 -
ECMAScript 2022 正式发布,有你了解过的吗?
目录前言正文一、总览二、详述1、Top-level await(顶层 await)2、Object.hasOwn()3、at()4、error.cause5、正则表达式匹配索引6、类总结2022年6月22日,第123届 ECMA 大会批准了 ECMAScript 2022 语言规范,这意味着它现在正式成为标准。下面就来看看 ECMAScript 2022 有哪些新特性,是否有你了解过的。1、Top-level await(顶层 await)2、Object.hasOwn()3、at()4、error.cau原创 2022-06-29 22:08:28 · 1694 阅读 · 19 评论 -
【Vue】当 $parent 与 $children 遇上 slot 时,一件有趣的事情发生了(一次真实项目场景记录)
以下是我在做项目时遇到的真实场景,新手可能会比较容易产生误区,在这里记录一下。项目中有多个页面,整体布局风格一致,于是我将其封装成通用组件,方便重用,如 Layout<template> <div> <!-- 该组件为重用组件,保持布局风格一致 --> <header></header> <div class="main"></div> <footer></fo原创 2022-01-08 09:25:05 · 2508 阅读 · 7 评论 -
Vue项目 跨域 解决方案与 vue.config.js 配置解析
为什么会出现跨域?出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。什么是跨域?当一个请求url的协议、域名、端口三原创 2021-12-07 19:49:21 · 18875 阅读 · 8 评论 -
Vue项目导入excel表,自动下载导入失败数据的excel表(使用ElementUI upload组件,自定义导入excel表)
有这么一个需求:一个导入按钮,点击按钮导入excel表,如果excel表中部分数据导入失败,则自动下载该部分导入失败数据的excel表,如果全部导入成功,则提示“导入成功”。首先附上ElementUI的上传文件组件Element - The world's most popular Vue UI frameworkElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/upload官原创 2021-11-23 21:13:25 · 2420 阅读 · 6 评论 -
Js sort()核心用法,有了它,你无需再为数组排序而发愁
定义和用法sort() 方法用于对数组的元素进行排序(常规数组、对象数组)。排序顺序可以是字母或数字,并按升序或降序。默认排序顺序为按字母升序(按照字符串Unicode编码)。注意:当数字是按字母顺序排列时"40"将排在"5"前面。使用数字排序,你必须通过一个函数作为参数来调用。函数指定数字是按照升序还是降序排列。注意:这种方法会改变原始数组!基本使用1、对常规字符串数组进行排序(默认排序):var fruits = ["Banana", "Orange".原创 2021-11-18 21:19:04 · 3745 阅读 · 4 评论 -
Element Table齿轮实现列字段显示与隐藏渲染异常(行列错乱)的解决方案
在做一个齿轮控制element table的列字段显示与隐藏时(使用v-if控制),表格渲染异常(行列错乱)的解决方案:为el-table加上 :key="Date.now()" 或者 :key="Math.radom()" 即可解决。其他相似问题:在初始化table的时候,有时会从接口api拿到数据之后进行处理,每次循环都将数据push到表格数组,如 this.tableData.push(),此时el-table的数据源:data="tableData",有可能会导致表格渲染异常(行列错乱或者.原创 2021-11-03 08:19:58 · 721 阅读 · 1 评论