前言 开发过大屏可视化应用的前端工程师们通常会有这样的共识： 在可视化开发过程中，最具有挑战性的并非各种图表的配置与效果展示，而是如何确保大屏在不同尺寸的屏幕上都能实现良好的适配。 原始解决方案 起初

之前使用 iconfont 是非常方便的，上传之后立马生效，项目里面直接引用即可，但是现在因为政策的收紧，每次上传图标都要等待十几分钟二十分钟的审核时间，这怎么能忍，有这个时间我都能写一个页面了好吧。

前言 笔者目前在 Shopee 工作，我们公司主要业务是跨境电商，业务涉及到多个国家，所以我们各个系统都会涉及到国际化翻译。我们 Vue 项目技术上采用了 Vue-i18n 这个库。 今天就聊聊这个库

如果没有相关经验的，经常会以为国际化只有词条相关工作项，这就是第一个坑点：工作量的评估过于乐观，遗漏其他工作项。 但当你真正去开发一个国际化项目后，你会发现，国际化的难点、痛点、坑点远不止表面看到的

form组件构建指南github:https://github.com/mr-co-idea/H5设计解耦：减少子组件与form组件的耦合，将子组件视为独立个体组合：通过组合子组件来实现form组件的

前言 我们在平常做业务中，在功能变更，或者有大的改动时，经常会用到新手引导功能， 虽然有很多库可以使用， 但是有时候很简单的需求，没必要引入库， 本文用最简化代码，实现一下新手引导的遮罩部分， 主要是

相信大家或多或少都在各种网站上使用过新手引导，当网站提供的功能有点复杂时，这是一个对新手非常友好的功能，可以跟随新手引导一步一步了解网站的各种功能，我们要做的只是点击下一步或者上一步，网站就能滚动到指

du i18n翻译插件为开发工作提供敏捷的开发模式，提供扫描中文、提取文案、文案回显、在线翻译、文案漏检、切换语言以及分析统计等功能。i18n技术栈，兼容vue2，vue3，react，js/ts

本文将介绍如何对react和vue文件中的中文实现自动提取和翻译。解决国际化流程中的痛点。借助babel实现自动国际化的命令行工具