项目开发后期接到通知需要统计页面所有文案内容交由业务方进行统一翻译，等待业务翻译完成后，需要再将翻译结果关联到页面中，手动处理繁琐、低效，多人操作同一文件容易冲突

事情的起因是这样的，由于 小 A 需要负责开发一个 H5 移动端的项目，需要分别在 微信环境 和 企微环境 中去使用，于是 小 A 使用 Vite + Vue3 来进行开发，然后测试提出如下问题。

前段时间有朋友抱怨总是忘记 每日学习打卡（每日要刷够足够的视频时长），能不能提供给他自动化签到脚本实现 一键自动化打卡，如 网页打卡、APP（如 钉钉）打卡 等（~~ 好好好，认为程序员朋友都是万能系列（含 修电脑、剪视频、随便开发一款商用 APP 等）~~），于是决定鼓捣一番。

前言欢迎关注同名公众号《熊的猫》，文章会同步更新，也可快速加入前端交流群！大多数 Vue 开发者都习惯使用 template 模板语法，因为 template 模板语法 具有如下优点：熟悉的类 HTML 结构模板语法可以像 HTML 一样进行布局和设计，上手快、学习成本比低更简洁的写法例如，可以在模板中使用各种 修饰符 来达到简化编写...

前言欢迎关注同名公众号《熊的猫》，文章会同步更新，也可快速加入前端交流群！最近小伙伴又遇到一个需求，那就是给复选框选中时添加一个边框样式，大致如下：原本的效果：现在需要的效果：这个外边框的隐藏时机为：复选框未选中点击 复选框内容外 的区域小伙伴很快就完成了需求，但 测试同学反馈了如下的 BUG：正常速度...

最近在协助小伙伴解决问题时，在项目中都会遇到一些 “砍树型” 的写法，这些写法容易让后续 简单 的需求变得 复杂，都说 "前人栽树后人乘凉"，但项目中有些写法是真的让后人乘不了凉的，甚至还得被迫加入 “砍树队伍”。

由于之前的国际化的项目中总是要统计老项目中待翻译的内容，然后再交由业务进行翻译，如果总是人为统计不仅相当耗费精力和时间，而且还不能保证是否有遗漏，因此想通过编写一个 i18n-helper 插件来实现这个功能。

H5 移动端 开发的必不可少的一个环节就是 移动端网页的适配，因为 UI 通常只会提供 大小固定的设计稿，而各种不同移动设备具有不同的页面分辨率和大小，所以适配的目的就是让一份设计稿在不同移动设备上表现出一致性。