白抹灰-CSDN博客

原创告别复制粘贴！i18n Mage插件：写中文自动生成翻译Key与多语言文案

✨智能Key生成：自动将中文文案转换为语义化Key🌍多语言自动翻译：集成多家翻译API（百度、腾讯、DeepSeek、谷歌）⚡一键操作：通过快捷键快速完成翻译工作流📊可视化管理：提供翻译状态面板和统计信息// 使用特殊语法指定固定Keyt('%auth.loginTitle% 登录') // 生成Key: auth.loginTitle// 使用前缀语法t('#common#提交') // 生成Key: common.submit降低心智负担。

2025-09-02 14:46:48 843

原创 VSCode国际化插件i18n Mage使用教程：一键翻译补全、未定义文案修复、翻译内联提示、Excel导入导出和统计翻译使用率

i18n Mage是一款提升前端国际化开发效率的VSCode插件，解决了查找困难、手动操作低效、词条冗余等痛点。主要功能包括：翻译词条总览面板、内联提示、一键AI补全缺漏翻译、智能修复未定义词条、Excel导入导出协作、未使用词条检测等。插件支持多种翻译API，自动化完成国际化流程，支持团队协作。安装后简单配置即可使用，开源项目地址及插件市场链接已提供。该工具显著提升了国际化开发效率，值得开发者尝试。

2025-08-26 14:41:15 641

原创 css实现只旋转边框，内含文字不转动

在按设计稿搭建项目页面时，碰到了一处内容呈现方式如下图所示的元素。文字在菱形边框内居中摆放的布局看似简单，却让我陷入了长时间的束手无策。如果只是通过transform将一个div旋转45deg，其内的文字也会跟着转动，这显然不符合要求。双重旋转相抵消在尝试一通无果后，我开始在网上查找资料，借此发现了一个巧妙的方法：在div里套一个span文本。将div进行旋转45deg，同时将span设置成行内块元素后再逆向旋转45deg，这样就能使得文字水平排列。<!DOCTYPE html>&lt

2021-06-18 21:57:50 7166

原创 Vue子组件修改父组件传递的props值属性

需求：父组件通过props传递给子组件 caseList 数组，这里需要遍历该数组来展示每个 case 元素的一些属性，其中就包括创建时间 create_time。但父组件传过来的 create_time 是一个时间戳，我们希望时间以年-月-日的形式来呈现。所以子组件需要想办法修改 props 值的一个属性。一、使用计算属性在 computed 中获取到 props，并通过 map 遍历数组来修改属性。// 子组件<template> <ul> <li

2021-06-18 21:53:32 2147

原创 css实现汉堡菜单按钮

汉堡菜单按钮：当用户点击菜单按钮，在弹出导航栏的同时，汉堡形状的按钮也会动画渐变成叉号。再次对其点击时，导航栏收回，按钮也恢复原样。关于汉堡菜单，虽然 GitHub 上已经有相关的库 hamburgers，但因为我使用的 nuxt 框架采用的是rem布局，对于px到rem的转换让我实在头疼。再三思量之下，还是决定自己手动模仿一个出来。具体实现效果如下动图。一、设计思路至于将三横杠动态渐变成叉号的具体过程，每个人都有自己的奇思妙想，不必拘泥。这里简要说明上述动画的设计思路：将顶部横杠顺时针旋转90

2021-06-18 21:47:03 2696

原创 java多人聊天室实现（可群聊私聊/添加好友/发送文件）

java多功能聊天室Java Socket 通信实现的聊天室功能介绍本程序基于CS架构实现，程序主要借鉴参考 https://www.cnblogs.com/csu-lmw/p/10981374.html，并在原程序的基本框架下扩充了添加和删除好友以及保存聊天日志等功能。基本功能实现如下：用Java的GUI界面编写聊天室服务器端和客户端，支持多个客户端连接到一个服务器。用户能够进行注册和登录。用户可以群聊和私聊。在线用户列表能在所有客户端上实时显示。用户之间可以进行文件传输。用户彼此可

2020-12-22 21:18:18 9874 12