使用extends修改第三方组件
前两天，有朋友在使用iview组件时想修改组件里面的某一个方法，当时推荐他使用优雅的修改node_modules中依赖包里面介绍的patch-package这个插件去搞，不过他期望只改里面一个方法，不想用这么重的方式，于是就有了这篇文章介绍的利用 Vue 中的 extends 去修改组件的方法。
标签 VUE 下的文章
前端低代码平台实现思路-数据格式
2020年做了一个代码生成小工具，虽然用的人不多，不过也是自己从零到一搞出来的，最近也在看低代码平台的一些竞品，所以现在想一想，有必要把自己的一些实现思路捋一捋。其实网上一搜低代码平台什么的，有很多例子，不过我这里仅仅把自己走过的坑列出来，避免其他人再走了。
Vue引入Monaco Editor
Monaco Editor 是微软开源的基于 VS Code 的代码编辑器，运行在浏览器环境中。编辑器提供代码提示，智能建议等功能。供开发人员远程更方便的编写代码。
在做可视化平台的时候，之前用的是CodeMirror，但是发现功能相对来说还是没有Monaco Editor功能强大，毕竟VS Code是多么流行和强大，大家是有目共睹的，于是就有了替换编辑器的理由。
Electron读取打包本地静态资源
最近项目中在逐步的尝试使用Vue+Electron做一些客户端，其中就有一个这样的需求：用户在安装完客户端后，需要运维人员把每个电脑上的客户端做不同的配置，也就是说，需要有一个配置文件的存在。
现在拆分下需求细节：
- 给到用户的是一个exe的安装包。
- 统一的安装包，但是不同机器配置可以修改。
- 配置文件应该在安装后的安装目录里面，方便运维查找。
- 在开发的时候，就需要把这个读取的静态文件列出来，打包的时候，需要单独抽出来。
前端自动化测试的一些研究
自动化测试分类
UT测试
单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证。简单来说，单元就是人为规定的最小的被测功能模块，可能是一个单一函数或方法、一个完整的组件或类。
单元测试是最小巧也是最简单的测试——它们通过隔离单个组件的每一个部分，来在最小工作单元上进行断言。
单元测试侧重：检验函数的输出结果
E2E测试
e2e (端到端) 测试，致力于确保组件的一系列交互是正确的。它们是更高级别的测试，例如可能会测试用户是否注册、登录以及更新他们的用户名。这种测试运行起来会比单元测试和快照比对测试慢一些。
e2e测试侧重：从用户视角，对真实系统的访问行为进行仿真
基于Vue封装了一些播放器
NPM组件搭建
之前已经写过相关NPM的文章，这次算是补齐了一个系列的了。
这个系列的顺序：NPM组件搭建(本篇) ---> 本地开发调试NPM包 ---> 在NPM上发布组件教程 ---> GitHub Action终章之发布NPM
.sync 修饰符
在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件都没有明显的变更来源。今天扒拉官方文档，发现.sync这块还是理解的不是太好，于是写一个demo，做一下记录。
Vue父组件异步获取数据传给子组件
在vue构建页面的顺序为，父组件构建 → 子组件构建 → 父组件获取异步数据 → 子组件获取父组件异步数据 → 子组件更新，也就是说构建的时候生命周期只会执行一次。
GitHub Action实操之Vue Demo
上次《GitHub Action初探》只是简单的说明了下大概，这次是演示如何使用 GitHub Actions 自动发布一个 Vue 应用到 GitHub Pages。
代码我已经托管到GitHub上了，文末会放出。