当使用 Vite 构建项目后，发现只有localhost + 端口 服务，没有 IP + 端口服务。
运行npm run dev，终端提示Vite启动后提示Network: use '--host' to expose。

阅读全文

Vuex 是 Vue 全家桶重要组成之一，专为 Vue.js 应用程序开发的 状态管理模式 + 库 ，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

阅读全文

Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，Composition API的出现，让组件抽离、逻辑代码复用更加灵活。

阅读全文

Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式，从而让文本易读易写，增强可读性。
因此，Markdown被广泛的应用于个人博客、Github、Coding等具有大量文本的交流学习网站。

阅读全文

在移动H5使用了 ECharts 开发可视化图表，遇到一个特殊需求：折线趋势图中需要默认展示最后一个坐标轴对应的数据，也就是主动触发 tooltip 的展示。

阅读全文

最近在 Vue 项目中给页面加水印，发现了一个比较奇怪的现象，有的页面水印颜色深，有的页面水印颜色浅，特别是在主题色（背景色）很重的页面，水印看起来格外显眼。经 code review 发现页面使用了 <keep-alive> 组件缓存，导致 mounted 和 beforeDestroy 钩子函数中的方法不能正常被调用。

阅读全文

CSS 预处理器赋予了 CSS 逻辑编程的能力，其中 Sass、Less、Stylus 最受欢迎，语法都是大同小异，上手也很快。在项目中使用最多的可能要数 Sass 了，本文就讲讲 Sass 中循环遍历 @each、@for 和 @if 判断的搭配使用。

阅读全文

在使用 VantUI 开发 H5 应用时，引入了 Popover 气泡弹出框组件，其中弹出位置参数设置的是 placement="bottom-end"，但是最后 Popover 弹出层的位置出现了错乱，没有在指定的位置展示。

阅读全文

使用 svg （D3.js）或 canvas （PIXI.js）绘图时，经常要考虑文字长度和一些动态边界问题，所以还是有必要弄清楚：在 svg 或 canvas 中获取 text 文字宽度的方法。

阅读全文

最近使用 D3.js 开发可视化图表，因为移动端做了 rem 适配，所以需要动态计算获取图表容器的宽高，其中涉及到一些原生DOM API的使用，避免遗忘这里总结一下。

阅读全文