技术路漫漫

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

前言 Vue 3 正式版已经发布有一段时间了，随着 Vite 脚手架注定成为下一代前端工具链，许多用户都想基于 Vite 来构建 Vue 项目，如果想基于 Vite 构建 Vue 3 项目，社区模板完

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

帮帝王蟹 review 代码，发现了他要重构的项目中，存在很多无用的 console.log(xxx) 的代码。 帝王蟹准备全局搜索 console.log ，然后挨个删除，但是代码中实在是太多了。 如果挨个去删，这种感觉就好像：遇见喜欢的人跟好朋友手牵手，心里明明想xx，却迟…

前几天遇上了前同事，简单地寒暄了几句。看着这个当初给我们辛苦测试的小伙伴，就联想起那个时候双系统迁移合并的事情，因为当初就是他来测试我做的这个项目工作。现在想来，这个项目倒还算可圈可点。所以记录分享一下，也来为自己怀念一下。 上一家公司是一家P2P理财公司，那个时候P2P在杭州…

昨天，在我的开源项目chat-system中查看聊天记录时，发现消息中如果有图片滚动条的位置就会算错，导致最后一条消息定位不准确。 经过一番排查后，终于解决了这个问题，本文就跟大家分享下我的解决方案与思路，欢迎各位感兴趣的开发者阅读本文。 如下图所示，我们点开一个聊天窗口，最后…

Sennder：欧洲排名第一的全卡车装载数字货运代理平台。 认知一个项目从认识目录开始！Vue 项目那逃不过认知最通用的 Vue CLI 目录结构。 原因是：我们应该花更多的精力去关注 src 文件夹！具体往下看。 静态文件目录：包含字体、图标、图片、样式等静态资源，不做赘述。…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

笔者目前大四，在北京得到App实习，因导师需我做一个技术分享，考虑再三，决定分享最近学习的vue3，又因分享形式不限，因此打算在掘金发文。 笔者目前接触vue3已经差不多100天，对vue3的理解可能存在错误，如有错误的理解还请谅解。又因vue3对typeScript以及笔者更…