前端常见问题与避坑指南
关注
分享
扫一扫
文章平均质量分 90
本专栏汇总了作者在7年工作生涯中经常遇到的前端问题与踩过的坑，涉及vue2、vue3、微信小程序、uniapp、可视化大屏、css3、JavaScript、项目构建与打包等十余个领域，助您少花时间少走弯路，轻松顺利地进行前端开发！
码喽的自我修养
某大型国企资深软件开发工程师，信息系统项目管理师，CSDN优质创作者，阿里云专家博主，华为云云享专家，分享前端后端相关技术与工作常见问题，如有需要请站内私信或者联系任意文章底部的的VX名片（ID：CSDNshangwu）
展开
-
程序员的最强外设？资深软件开发工程师屏幕选购指南
这款显示器简直就是程序员的最佳搭档！它有啥特别的？屏幕又高又大，28寸3:2屏幕比例，写代码时不用老是上下滚动，一眼就能看到更多内容，能显著提高我的编码效率。可以在不同区域同时打开好几个窗口，比如一边写代码，一边看文档，再腾出地方放设计图，工作效率蹭蹭往上涨！原创 2024-11-20 09:05:56 · 899 阅读 · 32 评论 -
JavaScript实现将阿拉伯数字转换成中文或大写中文
现在有需求将亿元之内的阿拉伯数字转换成中文,例如：1234转换后变为一千二百三十四再转换成壹仟贰佰叁拾肆,所以本文给大家介绍了用JavaScript实现将阿拉伯数字转换成中文大写,感兴趣的小伙伴跟着小编一起来看看吧原创 2024-11-01 04:15:00 · 1593 阅读 · 22 评论 -
Vue3/2 组件或元素宽高比固定时基于宽度自适应的一种思路
我们在写Vue组件或者引入背景图时，我们希望当组件的父级宽度一定时，组件能根据固定的宽高比例进行自适应，或者一些背景的自适应，以提高组件的复用性。原创 2024-10-30 06:00:00 · 841 阅读 · 23 评论 -
js中各种时间日期格式之间的转换
近几天在做百度地图时,需要转换时间格式并做显示,下面这篇文章主要给大家介绍了关于js中各种时间格式的转换方法的相关资料,包括各种时间日期格式之间的转换、日期转时间戳、时间戳转日期、如何判断是否为当天时间.... 文中通过实例代码介绍的非常详细,需要的朋友可以参考下原创 2024-10-03 22:03:27 · 1496 阅读 · 12 评论 -
详解element-ui / elementPlus 设置下拉选择切换必填和非必填
这篇文章主要介绍了详解element-ui / elementPlus 设置下拉选择切换必填和非必填，动态切换表单校验。文中通过示例代码介绍的非常详细，默认都是必选，下拉选择的时候，选择必填，活动名称为必填，需要校验和显示*。选择非必填，活动名称不做校验，隐藏*原创 2024-09-30 14:50:07 · 1111 阅读 · 25 评论 -
elementUi / elementPlus自定义上传方法 Upload自定义文件上传
在element-ui / elementPlus中，默认以提供action上传地址的方式上传文件，但如果我们使用七牛或者阿里oss上传文件的话，upload这种默认上传文件的方式就行不通了，所以我们就需要自定义上传接口啦！通过 http-request 属性可以让我们自定义上传 api 方法,同时我们有两种方案可以将自定义上传方法和upload内部的文件上传 success，error 钩子关联起来。原创 2024-09-25 16:12:36 · 1673 阅读 · 38 评论 -
Vue + elementUI/elementplus 表单嵌套表格并对每行进行校验详解
element-ui中有详细的各种表格及表格方法,下面这篇文章主要给大家介绍了关于Vue+ElementUI表单嵌套表格并对每行进行校验的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下。原创 2024-09-23 09:54:04 · 961 阅读 · 20 评论 -
js数组合并与对象合并的方法汇总
js数组合并与对象合并的方法汇总，数组合并包含：concat 方法、 循环遍历、apply、ES6写法——扩展运算等等。对象合并包含：$.extend()、遍历赋值、Obj.assign() 、深浅拷贝等等...原创 2024-09-20 16:24:46 · 1094 阅读 · 26 评论 -
各种文件格式对应的ContentType，适用于文件接收与上传下载等场景...
Content-Type，即内容类型，是HTTP协议中的一个头部字段，用于指示发送到接收端（通常是Web服务器或Web客户端，如浏览器）的实体主体的媒体类型。本文讲解各种文件格式对应的ContentType，适用于文件接收与上传下载等场景...原创 2024-09-20 08:48:38 · 843 阅读 · 12 评论 -
Day.js时间插件的安装引用与常用方法大全
Day.js 是一个轻量级，易于使用的 JavaScript 日期库，提供了强大的日期和时间处理功能。Day.js 支持国际化显示和各种格式的日期和时间的解析和格式化。本文讲解Day.js插件的安装引用与常用方法大全原创 2024-09-19 13:42:36 · 1553 阅读 · 58 评论 -
Vue3 项目引入阿里 iconfont 图标和字体的多种方式
对比阿里图标库提供的3种图标引用方式：unicode、font-class、symbol。以及在vue3+vite+ts的项目中封装并使用阿里iconfont图标组件，以及如何使用阿里字体图标。原创 2024-09-19 08:40:54 · 2710 阅读 · 98 评论 -
Vue3 获取农历(阴历)日期，并封装日历展示组件
大家好，我是码喽的自我修养！今天给大家分享vue3项目中使用chinese-lunar-calendar 插件获取农历(阴历)日期，并封装了日历展示卡片！该组件可以复用到vue3项目的首页、可视化大屏等等需要展示日期的地方，让页面内容页面更加丰富！原创 2024-08-26 08:41:10 · 2051 阅读 · 44 评论 -
JavaScript ES6语法详解(下)
大家好，我是码喽的自我修养！今天给大家分享JavaScript ES6语法详解(下)！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-08-03 07:43:56 · 1592 阅读 · 38 评论 -
JavaScript ES6语法详解(上)
大家好，我是码喽的自我修养！今天给大家分享JavaScript ES6语法详解(一)！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-08-01 09:39:18 · 1175 阅读 · 8 评论 -
uni-app框架+vue3 实现上拉加载和下拉刷新功能
大家好，我是码喽的自我修养！之前给大家分享了【vue2+uniapp实现上拉加载和下拉刷新功能】，然后有小伙伴@我使用vue3来实现，今天它来啦！原创 2024-07-27 17:32:19 · 2193 阅读 · 38 评论 -
css -- box-shadow阴影属性的复合写法及高级用法，超详细！
大家好，我是码喽的自我修养！今天给大家分享css3中的box-shadow属性的复合写法及高级用法！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-07-26 08:45:03 · 7857 阅读 · 37 评论 -
uni-app框架+vue 实现上拉加载和下拉刷新功能
大家好，我是码喽的自我修养！今天给大家分享uni-app框架+vue实现上拉加载和下拉刷新功能！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-07-23 09:51:10 · 2154 阅读 · 129 评论 -
冷门的grid网格布局，却能解决flex产生的bug，gird布局详细讲解
针对flex布局最后一行两端对齐产生的间距过大问题，今天给大家分享冷门的grid网格布局，却能解决flex产生的bug，gird布局详细讲解！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-07-21 08:56:16 · 1227 阅读 · 56 评论 -
vue3中引入、封装和使用svg矢量图的实现示例
大家好，我是码喽的自我修养！今天给大家分享vue3中引入和封装svg矢量图的实现示例！并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-07-18 09:02:51 · 2625 阅读 · 95 评论 -
前端进阶｜详细讲讲函数柯里化
柯里化(Currying)和反柯里化(Uncurrying)在JavaScript中总感觉属于一种不温不火的存在，甚至有些开发者在提起柯里化和反柯里化时，竟然会有点生疏不懂。其实不然，对于它们的概念可能在日常开发中不太提到，但是它们的思想和用法，却在前端开发中经常借鉴和使用，它可以帮助我们写出更加优雅、灵活的代码。本文会介绍柯里化的概念、实现原理和应用场景，以及柯里化的优缺点。原创 2024-07-17 10:48:28 · 3099 阅读 · 42 评论 -
前端大屏适配方案汇总
【前端可视化】前端大屏适配方案,三种适配方案及各自的优缺点和区别原创 2024-07-12 13:49:00 · 2822 阅读 · 51 评论 -
http网络请求的状态码大全！status状态码详细解读
今天给大家分享http网络请求的状态码大全！status状态码详细解读（Status Code=200/301/302/401/403/404/405/500/502/504......）原创 2024-06-30 16:07:53 · 3870 阅读 · 37 评论 -
Vue3使用jsbarcode生成条形码，以及循环生成条形码
大家好，我是码喽的自我修养！今天给大家分享Vue3使用jsbarcode生成条形码，以及循环生成条形码，介绍了JsBarcode插件的详细使用方法，并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-06-29 18:23:17 · 3304 阅读 · 42 评论 -
【前端】Vue项目和微信小程序生成二维码和条形码
大家好，我是码喽的自我修养！今天给大家分享Vue项目和微信小程序如何生成二维码和条形码，介绍了JsBarcode、wxbarcode等插件，并提供具体代码帮助大家深入理解，彻底掌握！原创 2024-06-26 08:55:23 · 19759 阅读 · 169 评论 -
el-dialog使用::v-deep()穿透设置样式不生效，解决办法亲测有效！
在elementplus / elementui组件库的对话框组件中， el-dialog使用::v-deep()穿透设置样式不生效，解决办法！原创 2024-06-25 08:41:49 · 1623 阅读 · 33 评论 -
在vue中循环中调用接口-promise.all()；按顺序执行异步处理
数组遍历中每次遍历都需要去请求getStaffCover接口，拿到该接口的结果拼接到数组的每一项，等到数组遍历完之后，拿到拼接好的数组。拼接的数组必须是最终遍历的结果，所以得等到所有的请求结束之后进行操作，使用map可以返回每一次异步请求的Promise合集，注意这里不需要return，然后使用Promise.all等待执行完所有的异步操作，然后才会执行后面的代码原创 2024-06-14 06:52:58 · 1528 阅读 · 28 评论 -
使用 ECharts 绘制3D饼图，立体效果华丽渲染！
ECharts 作为一个强大的数据可视化库，除了标准的二维饼图，也支持更加生动的三维饼图绘制。本文将指导你如何使用 ECharts 来绘制一个动态的、具有立体感的3D饼图。ECharts 的这一特性可以帮助你的报表和展示更加吸引观众的注意，增加数据的可读性。原创 2024-06-09 13:42:05 · 6935 阅读 · 44 评论 -
echarts如何设置滚动条(dataZoom),实现横向或纵向滚动
以柱状图为例子，当数据过多时，echarts图就会堆叠在一起，看起来十分难看。通常解决办法是通过减小barWidth值来缩小柱子宽度，但是若数据达到上百条，这场面是相当壮观。另一个很常用的就是在外部容器div添加overflow: scroll;，这确实能解决一些问题，但是若是数据量过少，就会显的非常稀疏，经历过的都懂。言归正传，以上都不是最佳解决方式，echarts其实已经为提供好相应的API配置了，无论是横向滚动还是纵向滚动，dataZoom都能满足。原创 2024-06-08 21:17:27 · 9129 阅读 · 20 评论 -
常用的 VSCode 快捷键【大全】，提升你的编码速度
我们都知道，Visual Studio Code（VS Code）是程序员非常强大的工具。通过本文，我们将学习VS Code中一些最常用的快捷键，这将帮助我们在编程或写代码时更加高效。原创 2024-06-07 17:00:23 · 1742 阅读 · 16 评论 -
解决报错--‘vite’ 不是内部或外部命令，也不是可运行的程序！
解决报错--‘vite’ 不是内部或外部命令，也不是可运行的程序！超详细的解决思路！转载 2024-05-28 12:33:04 · 3051 阅读 · 9 评论 -
nvm安装教程与nvm常见命令，超详细！
nvm 是一款 nodejs 版本管理工具，通过 nvm 可以简化我们切换 nodejs 版本的操作。本文讲述nvm安装教程与nvm常见命令，超详细！原创 2024-05-27 16:50:19 · 7857 阅读 · 27 评论 -
npm下载依赖太慢？镜像源切换与设置！
npm下载依赖太慢？镜像源切换与设置！以及npm常用的镜像推荐！转载 2024-05-27 10:33:03 · 1372 阅读 · 25 评论 -
elementUI/Plus 输入框按回车刷新页面分析与解决
如果你是在 ElementUI 或者 elementPlus 框架中使用组件，并希望阻止回车键导致的页面刷新，你可以使用Vue的.prevent修饰符来阻止默认的表单提交行为。原创 2024-05-09 10:38:00 · 1787 阅读 · 38 评论 -
uniapp开发时可能会遇到的问题及解决方法，uniapp避坑指南！
uniapp开发时可能会遇到的问题及解决方法，uniapp避坑指南！原创 2024-05-08 10:03:49 · 2328 阅读 · 80 评论