链接 最近 React Scan 太火了,做了个 Vue Scan | 掘金一周 12.11

110 阅读9分钟

本文字数2800+ ,阅读时间大约需要 6分钟。

【掘金一周】本期亮点:

「上榜规则」:文章发布时间在本期「掘金一周」发布时间的前一周内;且符合各个栏目的内容定位和要求。 如发现文章有抄袭、洗稿等违反社区规则的行为,将取消当期及后续上榜资格。

一周“金”选

img_v3_02cf_03d98388-6138-4202-89ff-42fd03b1b52g.jpg

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方榜单中,排名不分先后。

前端

最近 React Scan 太火了,做了个 Vue Scan @huali

本文介绍了作者受 React Scan 启发制作的 Vue Scan,其扩展现支持 Vue2 和 Vue3 项目,能在组件更新时显示闪烁边框。介绍了开发环境使用方法及浏览器扩展的操作,也指出它目前只能反映组件更新,无法识别性能问题,希望能给大家带来帮助。

听说还有人不会TailwindCss?最全实践指南它来啦(样式篇-上-附源码与效果展示) @向阳花168

本文介绍了系统预设和自定义样式的多种内容,包括宽高(基础、最大最小、视口相关)、尺寸、边距、边框、字体(大小、样式、加粗、字符间距、行高)、文本排版(对齐、颜色、溢出、换行、空白字符处理)等,并都附带源码与效果展示。

盘点一下用了这么长时间遇到的Wujie 无界微前端的坑 @前端摸鱼杭小哥

本文主要盘点了使用 Wujie 无界微前端长时间以来遇到的问题及解决办法。已解决的包括子应用使用 wangEditor、vue-office 等出现的多种问题,未解决的如自定义事件在子组件中失效、主应用和子应用路由切换点击浏览器退回无反应等,最后作者表达了对无界的看法。

CSS 如何模拟“真实的”进度条? @XboxYan

本文主要介绍了仅用 CSS 模拟真实进度条的方法。包括基础的进度条绘制,通过关键帧和不同动画效果如 ease、cubic-bezier、linear 实现更逼真的加载效果,还讲解了主动完成进度条的技巧,如设置不同时长的动画和改变动画暂停状态,以实现平滑连贯的效果。

基于uniapp小程序的Echarts最佳解决方案! @西红柿炖前男友

本文主要介绍了基于 uniapp 小程序的 Echarts 解决方案,包括 Vue2 和 Vue3 两种情况。Vue2 首选 echarts-for-wx,下载 ZIP 源码并配置引用,介绍了安装、组件注册、数据定义及相关操作。Vue3 选择 lime-echart,下载源码引入项目。

前端 PDF 文档分页探索 @古茗前端团队

本文主要介绍了古茗前端团队对前端 PDF 文档分页的探索。首先分析 PDF 生成需求,对比生成方案后选 html2canvas + jspdf,接着讲了 PDF 分页方案,还提及了注意事项、待优化问题等等,值得一读。

我很好奇客户会用得懂这个组件吗 @240621

本文主要介绍了一个条件过滤树组件的开发过程。包括组件的功能、设计思路、开发过程中的问题及解决方法,如数据结构调整、节点增删、自定义内容、表单校验等,还提到了使用说明、不足及后续开发,最后给出了组件的源码和完整使用代码。

后端

马上 2025 年了,还在用 Maven 搭建 SpringBoot 项目吗?@CrimsonHu

本文主要介绍了作者用 Java 开发的日语语言分析工具项目。项目采用 gradle 搭建父子项目,支持 kotlin 混写,包含多个子模块。文中详细说明了父模块和各子模块的配置,对比了 gradle 与 maven 配置的差异等。

女朋友说没找到好用的画ER图工具,于是我们自己手搓了一个!🚀🚀🚀@超爱吃士力架

本文介绍了一款在线 SQL 转 ER 图工具的开发背景和项目详情。包括解决手绘 ER 图的难题,工具的优势和使用步骤。还阐述了后端技术,如解析 SQL 语句的步骤、采用的设计模式(策略、工厂、依赖注入、单例)及整体架构流程,同时提到了尚未补充的 redis 等相关内容。

用CompletableFuture,品怨种码生,写线上BUG,拿C+绩效@不惑

本文讲述了作者因在生产环境中使用 CompletableFuture 不当引发线上事故的经历。介绍了异步线程与主线程的生命周期关系,包括线程类型、主线程退出时异步线程的行为等。还阐述了确保异步线程在主线程退出后继续执行的方法,如使用守护线程、线程池或显式阻塞主线程等。

这年头不会还有谁没碰过minio的吧?这可太...🤡@bug菌

本文主要介绍了 MinIO 在文件存储中的应用。包括 MinIO 的特点、优势、核心概念,如对象、存储桶等。详细阐述了 Spring Boot 集成 MinIO 的实操过程,如环境准备、引入依赖、配置信息等,并通过文件上传、下载、预览、删除的实战示例及代码解析进行说明,还提到了与云原生架构的契合及相关报错的解决方法等等,内容详实。

萤石云太贵,老板想自建流媒体服务器,于是让我... @JustinNeil

在这篇文章中,主要探讨了如何使用WVP和zlm搭建一个符合GB28181标准的流媒体服务器,这个国家标准规定了视频监控系统中音频和视频的编码、传输、控制和接口协议。通过遵循这一标准,我们的目标是构建一个既经济又可靠的流媒体服务系统,以满足我们当前和未来的需求。

'豆包' + 零基础程序员 ,项目明天交付,怎么办 @志字辈小蚂蚁

本文讲述了一位零基础 Python 程序员在一天内借助 AI 工具完成股票 K 线图桌面应用的开发过程,包括项目选型、写代码、整合组件等环节,还分享了使用 AI 编程的建议和经验,如明确需求、拆分提问等等,以此帮助提高效率。

Android

史上最强大的文本溢出效果,强得飞起 !@法的空间

本文主要介绍了 ExtendedText 组件的自定义文本溢出效果。包括其在各平台的支持情况,新增的溢出模式 TextOverflowPosition.auto ,实现效果的步骤如计算文本溢出、裁剪文本、绘制效果等,还提到性能突破和使用方法,如安装、设置可见 Span 和溢出位置模式,最终实现全平台丰富的文本溢出效果。

Android事件分发的这些问题你真的搞懂了吗? @程序员的自律生活

本文主要围绕 Android 事件系统展开,包括 Window 与 Activity 的区别、Window 的创建时机及与 WMS 的绑定过程,解释了 Input 系统采用 SocketPair 通信的原因,还阐述了 Framework 层与 App 层的消息事件分发流程,如按键和触摸事件的处理等。

绝大多数人想不到的 MMKV 封装思路 @DylanCai

文章主要介绍了对 MMKV 属性委托的多种扩展用法,包括支持 LiveData、StateFlow 类型,实现 getAllKV()功能,支持 Map 用法,还分享了封装好的开源库 MMKV-KTX 及其特性、使用方法和支持的类型等。

鸿蒙 Next 可兼容运行 Android App,还支持出海 GMS?@恋猫de小郭

本文围绕鸿蒙 Next 可兼容运行 Android App 及支持 GMS 相关内容展开,介绍 “出境易”“卓易通” 这两个类似容器的工具特点、区别、使用场景等,提及了背后的 iSulad 容器引擎及其特点,还讲了容器性能情况,并且作者也对这一模式做出了评价与补充说明。

人工智能

教你自创工作流,赋予AI助理个性化推荐超能力@努力的小雨

本文深入探讨了Spring AI及其在国内版本Spring AI Alibaba的实战应用,重点关注了如何构建一个功能丰富、智能高效的AI助理。通过详细讲解从工作流的基本流程设计到实际操作实现的全过程,我们逐步揭开了AI助理开发的神秘面纱,使得Java开发者能够轻松上手并应用最新的AI技术。

【万字长文】MarsCode结合 Manim 打造炫酷的算法演示动画 @战场小包

本文借助 MarsCode 生成 Manim 程序,完成了快速入门案例和冒泡/选择排序演示动画,文章完整的展示整体使用 Marscode 的一些方法和过程,作者也从中收获了一些心得体会,值得看看。

社区活动日历

img_v3_02cf_37b6e2cd-9e86-48ba-b1ef-82bd35e6b21g.jpg

活动日历

活动名称活动时间活动主理人
参与AI 红人共创计划,拿万元现金大奖!每日投票抽奖!2024年10月25日-12月22日Captaincc

📖 投稿专区

大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会登上下一期。文章创建日期必须在下期掘金一周发布前一周以内;可以推荐自己的文章、也可以推荐他人的文章。