作为一名前端开发，是不是总有这样的体验：基础功能逻辑和页面UI开发很快速，本来可以提前完成，但是接口数据联调很费劲，耗时又耗力，有时为了保证进度还不得不加加班。
为了摆脱这种痛苦，经过一周的努力，从零开发了一个灵活无依赖，且集成简单的数据接口 Mock 工具——Msw-Tools，已开源到 NPM，希望对前端小伙伴有所帮助。

阅读全文

随着Vue版本的升级，Vue 2.x项目和Vue 3.x项目在使用vue-router上有些区别，本文就简单介绍下vue-router在Vue3中的配置和使用。

阅读全文

在vue2中会习惯性的把axios挂载到全局，以方便在各个组件或页面中使用this.$http请求接口。但是在vue3中取消了Vue.prototype，在全局挂载方法和属性时，需要使用官方提供的globalPropertiesAPI。

阅读全文

在开发中经常会遇到在本地测试的代码或者隐私信息，一不小心提交到了远程仓库，即便立即删除了再提交，但是上次的提交记录在远程依旧可以查看。 特别是像账号密码、key文件这种，很可能造成隐私泄露。

阅读全文

最近使用 node.js 搭建 WebSocket 服务，在本地测试 connection 都是正常，于是部署到 Linux 服务上，需要用 Nginx 来反向代理 WebSocket 服务。浏览器控制台报错：WebSocket connection to 'wss://tiven.cn/ws/xxx' failed:，经过一番折腾，终于解决了这个报错。

阅读全文

升级 node 版本到 v18.3.0 后，执行 npm run dev 启动 vue-cli-service 本地开发服务报错：Error: error:0308010C:digital envelope routines::unsupported。

阅读全文

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

阅读全文

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

阅读全文

linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。项目开发中利用Shell脚本可以很方便进行工程化，自动化操作。

阅读全文

Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库，支持跨平台，一套代码可同时打包为Windows、macOS、Linux应用。
而 Post-Tool 就是基于 Node.js、React.js、Electron.js 和 Axios.js 开发的轻量版API接口请求调试工具。

阅读全文