Cxiaomu的博客

本文介绍了在React Native中实现数据可视化图表的完整方案。该方案基于victory-native图表库，支持折线图、柱状图、双折线图等多种图表类型，并具备交互功能（点击、Tooltip）、自定义样式和性能优化。文章详细讲解了技术选型、架构设计、核心组件实现(包括折线图、柱状图、双折线图)以及具体代码实现步骤。该方案适合需要展示和分析数据的移动应用场景，提供响应式设计和高效的渲染性能。

在实际开发过程中有遇到一个场景：一个list，每行个数固定，点击单个元素后，在当前行与下一行之间插入一行元素详情，便于更直观的查看到对应的数据详情。这种情形，在移动端比较常见，比如用户列表，点击单个列表 展示详情，可以考虑 flex 布局 + position relative 定位。

个人比较喜欢收藏一些好看的插画、UI设计图和配色，于是有了此篇，推荐一些配色网站，希望能对自己和大家有些帮助。uiGradients主打渐变风网站；Adobe Color CCAdobe官方出品的配色工具，有多种配色模式和色彩规则可以选择；Colrd上传图片生成的配色方案；webgradients 小清新渐变风网站；color explorer上传图片后自动检测图片配色；color hunt实时更新受欢迎的配色方案；Nippon colors日本传统色谱网站；。。

由于把自己的新mac拿来撸代码，开始环境搭建，安装各种工具和依赖，安装 git 需要先安装 homebrew，然后就遇到了 homebrew 安装失败的问题。又或者是究其原因就是无法快速访问外部网络下载安装包，解决方式可以是要成功访问外部网络或者下载国内的源安装包。。

最近在配置新电脑的开发环境，安装python后，python命令会不生效，提示zsh: command not found: python，于是整理出这篇博客。从开始安装python到配置路径、配置别名，全部包含。

Git常用命令此文用于记录Git命令，常用命令大全，主要按照实际使用流程进行记录，本文主要参考廖雪峰GIt教程，进而简化提炼，适用于有一定基础的同学，如果是0基础的同学，建议先去了解清楚 git 的概念和工作流程。

某些情况，大屏页面需要实现一些比较美观的图表，常用的图表插件有，此篇的实现效果为饼图和的结合体。这两种图具体实例可查看同时实现轮播高亮，采用定时循环操作，先调用的取消所有的高亮，再调用高亮指定数据。每次窗口大小改变时，进行监听，chart更新，调用resize方法，避免出现错乱效果。其中，需要注意到keep-alive 缓存特殊的两个阶段，activated(组件激活时) 和deactivated(组件停用时)

在Vue开发中，可以利用一些第三方插件来实现文件预览功能。例如使用vue-office插件来实现文件的预览。注意：据网上资料所说，此插件还存在部分缺陷，比如docx的艺术字体、excel的多种数据格式解析不准确的问题，对此有很高要求的小伙伴慎用。文件上传时触发handleChange事件，执行操作：1. 解析文件名匹配对应预览组件，利用previewFileCom函数，2. 设置预览文件的url，3. 展示预览弹窗预览组件渲染完成、渲染失败时分别调用**render

后台管理系统中，会常用到打印功能，打印一些表格数据、信息之类的。此处做个简单的打印示例。此功能模块，主要分为三个部分打印组件作为处理，将需求跟模板文件映射起来。1. 打印模板文件，提前编写好的数据展示模板；2. 打印组件，将模板文件名跟模板文件映射起来；3. 应用demo，实际应用。

前篇：结合本博客之前的国际化多语言的实现与实际业务场景，意识到人工在项目中手动配置、替换多语言花费的人力成本较高，于是衍生出其他的管理方案，解放双手，核心原理就是多语言配置文件与 Excel 文件相互转换、文件读写。因为Vika单词插入记录最多10条，此处就不演示直接与Vika进行多语言管理的实现，代码在博主本地，有需要的可以私。

在做后端开发管理实际业务开发中，有时会遇到处理导入、导出Excel文件的数据，比如多语言管理和报表数据。将前端数据中对象数组格式的数据与excel格式数据进行相互转换。既然时对 Excel 文件进行处理，自然需要插件了，比如 xlsx。于是，进行简单demo的实现与演示。

因实际工作中有涉及到前端调用邮件发送的功能，了解到 EmailJS 插件，即出此文。需要在 EmailJS 官网中注册一个邮箱账号，并创建邮件发送服务和邮件模板，获取serviceID和templateID，进而实现功能。

在实际业务开发中，经常需要实现将页面中的echarts图表和统计数据一键保存为pdf文件。这涉及到两个阶段功能：1. 将页面某部分内容截取出来，成为图片格式（类似于截图）；2. 将图片保存为pdf文件。于是，此处需要**html2canvas.js** 和 **jspdf.js** 两个插件。首次，需要安装此两个js插件。插件安装好后，进行引入。明确需要打印的元素、操作事件，接下来就是插件调用与逻辑处理了。需要将报表内容以图片、pdf文件的形式通过邮件发送给指定客户，此处扩展发送邮件相关内容。

此篇用来记录、分享四个简单好用的 VSCode插件，非常具有实用性。 1. any-rule：正则表达式 2. Code Spell checker：拼写检查 3. TODO Highlight：待做高亮 4. Path Intellisense：路径自动补全