田朝阳

被VueUse提供的功能折服，就像标题所说：Vue中无处不use的VueUse。什么是VueUse? Vue是基于组合式API而封装的工具集，一部分功能是你非常想要的，另一...

前言 我们大部分切图崽都用过iconfont的图标方案，就算你没用过也不要紧，他看起来像这样子： 通过class名iconfont指出这是iconfont图标，再通过ico...

本文章结合代码详细介绍了在Vue3中封装ECharts组件的一种思路，同时也指出了这种封装形式的局限性和未来改进方向，能够帮助大家更便捷地在Vue3中使用ECharts。...

一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在...

在许多Web应用中，用户签名功能是一个常见需求，比如在电子合同、反馈表单或者用户认证中。本文将详细介绍如何在前端实现一个简单的签名功能，这个时候一般使用Canvas元素和J...

在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。...

Docker + Jenkins + Nginx 实战前端自动化部署 在现代前端开发中，自动化部署变得越来越重要。通过使用 Docker、Jenkins 和 Nginx，实...

前言 之前写了两篇可视化大屏开发的经验总结，还没浏览的可直接跳转： # 可视化大屏开发，知道了这些经验以及解决方案，效率至少提升2倍！（上） # 可视化大屏开发，知道这些解...

微前端qiankun接入vue2 & vue3项目，子应用分别对应hash和history的路由模式，打包工具为webpack和vite...

组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，也可能导致我们的代码变得愈发混乱，最终到达无法维护的地步。...

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new ...

笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Jenkins 实现简单的前端项目自动打包部署。...

一、flex布局中水平垂直居中 这还不简单？ 但还可以结合margin来实现，可以不用设置justify-content和align-items 二、最后一个元素靠右对齐 ...

文章中给出了数据大屏效果实现的两种方案，方案都有自己的局限性，我们要学会选择适合自己的方案，来实现系统平台的大屏效果。...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

前言 最近学习部署的时候，发现前端部署可以通过多种方式来进行部署，web服务器,Docker,静态部署:Github page,网站托管平台:Vercel,还有一些自动化部...

前端下载大文件落地方案。串行分片下载，暂停、继续、取消下载，以及IndexedDB本地存储使用的注意事项。...

支持断点续传; 文件秒传; 使用了 WebWorker 并实现了浏览器的线程池; 使用了 Promise 池控制并发数量, 优化了 Hash 策略, 优化了内存占用, 超级...

靓仔，听说你想有学习 Jenkins 的打算，欢迎看我的这篇 Jenkins 入门教程后，看完还不会 Jenkins，那你可以顺着网线过来打我。...

在浏览社区论坛时，我注意到许多相似的头像，它们虽然并不美观，但却具有鲜明的特点。通过查阅评论，我发现这些头像都是由一个开源的头像生成工具制作的。本文中的头像生成部分，将参考...