文字超长显示省略号和 ToolTip
日常开发过程中避免不了需要显示一些内容，但是内容超长了需要显示...，鼠标悬停需要显示完整内容，原生的title属性虽然可以做到上述的需求，但是完整内容无法复制，也不适用于隐藏的内容是非纯文本的情况，一般 UI 组件都会提供 ToolTip 的组件，我们就可以利用这个组件控制鼠标悬停显示完整内容。下面记录下实际开发过程中使用 Element UI 或者 Ant Design Vue 实现该需求过程。
...大约 5 分钟
Vue3 按需加载百度地图、高德地图
记录下日常开发中需要使用地图的场景下加载并使用地图的方法。
...大约 3 分钟
Vue 中使用 CSV 优雅的管理 i18n 多语言
项目中使用 CSV 文件将多语言集中在一起，方便同时对一个 Key 进行修改。
通过一个可执行的文件icotjo，将 CSV 转换成各语言的 JSON 文件。
icotjo是一个 Go 写的工具，源码可在https://github.com/wonsikin/icotjo查看。
...大约 3 分钟
解决 Vite 引入 variables 变量样式文件报错 This file is already being loaded 问题
之前脚手架使用的 Vue Cli 的时候，一般样式文件会定义一个变量样式文件，如variables.scss，会在vue.config中全局引入，而variables.scss中也会通过:export的形式将变量导出，这样也方便在其他文件如 js 中引入相关变量。
...大约 1 分钟
Ant Vue 1.x 动态自定义换肤
由于项目老平台使用的 UI 框架是 Ant Vue 1.x 的版本，首先考虑的就是官方自己的Pro Admin平台的方案，由于 Ant Admin 的方案只支持了主题色换肤，而内容项目平台是需要支持多种颜色换肤，如主题色、各个功能色，超链接等颜色换肤。既然官方的 Admin 平台支持换肤，咱们就去具体研究下怎么实现的，既然支持一种那应该也支持多种颜色的换肤的。
...大约 13 分钟
VuePress 借助 Buddy 自动构建打包部署到自己的服务器
近期将自己的博客由 WordPress 迁移到了 VuePress，一开始想到的是用 Github 提供的 Action 功能，代码推送到 main 分支后自动构建打包并将打包后的文件通过 FTP 的形式发送到自己的服务器上面，尴尬的是之前利用 Action 做了些非法用途，用于各种脚本签到导致 Action 功能被封了 😂，最后这个方法被弃用了，然后就找到了今天的主角：Buddy，记录下自动构建打包配置过程。
...大约 3 分钟
解决 Element UI Dialog 弹窗鼠标在遮罩层松开后导致弹窗关闭问题
在 Dialog 弹窗中鼠标左键按住后移动到弹窗的遮罩层松开后弹窗会被关闭，很怪异的一个问题，经常碰到复制弹窗文字的时候鼠标不小心移动到了遮罩层后弹窗莫名其妙的就被关闭了。
网上找了个类似的issues，如下图所示：
...大约 1 分钟
uni-app 微信小程序引入 vant weapp
总结下使用 uni-app 开发微信小程序过程中引入及使用 Vant Weapp 的方法及问题。
GitHub：https://github.com/liub1934/uniapp-use-vant
...大约 6 分钟
解决 OpenLayers 初始化地图贴片被拉伸问题
OpenLayers 地图加载高德地图数据的时候，在初始化的时候地图贴片被拉伸， 下图可以很明显的看到底图被拉伸了，可以配合高德加载的块图片比较下。
...大约 1 分钟
记录线上环境 Jenkins Vue 打包失败 error code ELIFECYCLE
Jenkins 里面的 Nodejs 版本换了下，然后自动打包的时候老是失败，提取了下日志信息。
...大约 2 分钟