给Vue组件加上国际化支持
起源
由于产品诉求,需要给已有发布的组件添加国际化支持功能,网上大部分都是国际化插件使用的案例,所以经过了一番摸索实践,有了一下的方案。我这里使用的插件是 vue-i18n
,借鉴(抄了)了element-ui中的国际化部分源码。
由于产品诉求,需要给已有发布的组件添加国际化支持功能,网上大部分都是国际化插件使用的案例,所以经过了一番摸索实践,有了一下的方案。我这里使用的插件是 vue-i18n
,借鉴(抄了)了element-ui中的国际化部分源码。
其实在写IE兼容调试的时候,我是有点挣扎的,毕竟这货马上就要消失在历史的长河中了,不过本着存在即合理的解释,还是再整理一下,万一呢……
前两天,有朋友在使用iview组件时想修改组件里面的某一个方法,当时推荐他使用优雅的修改node_modules中依赖包里面介绍的patch-package
这个插件去搞,不过他期望只改里面一个方法,不想用这么重的方式,于是就有了这篇文章介绍的利用 Vue 中的 extends
去修改组件的方法。
2020年做了一个代码生成小工具,虽然用的人不多,不过也是自己从零到一搞出来的,最近也在看低代码平台的一些竞品,所以现在想一想,有必要把自己的一些实现思路捋一捋。其实网上一搜低代码平台什么的,有很多例子,不过我这里仅仅把自己走过的坑列出来,避免其他人再走了。
Monaco Editor 是微软开源的基于 VS Code 的代码编辑器,运行在浏览器环境中。编辑器提供代码提示,智能建议等功能。供开发人员远程更方便的编写代码。
在做可视化平台的时候,之前用的是CodeMirror,但是发现功能相对来说还是没有Monaco Editor功能强大,毕竟VS Code是多么流行和强大,大家是有目共睹的,于是就有了替换编辑器的理由。
最近项目中在逐步的尝试使用Vue+Electron做一些客户端,其中就有一个这样的需求:用户在安装完客户端后,需要运维人员把每个电脑上的客户端做不同的配置,也就是说,需要有一个配置文件的存在。
现在拆分下需求细节:
单元测试(unit testing),是指对软件中的最小可测试单元进行检查和验证。简单来说,单元就是人为规定的最小的被测功能模块,可能是一个单一函数或方法、一个完整的组件或类。
单元测试是最小巧也是最简单的测试——它们通过隔离单个组件的每一个部分,来在最小工作单元上进行断言。
单元测试侧重:检验函数的输出结果
e2e (端到端) 测试,致力于确保组件的一系列交互是正确的。它们是更高级别的测试,例如可能会测试用户是否注册、登录以及更新他们的用户名。这种测试运行起来会比单元测试和快照比对测试慢一些。
e2e测试侧重:从用户视角,对真实系统的访问行为进行仿真
之前已经写过相关NPM的文章,这次算是补齐了一个系列的了。
这个系列的顺序:NPM组件搭建(本篇) ---> 本地开发调试NPM包 ---> 在NPM上发布组件教程 ---> GitHub Action终章之发布NPM
在有些情况下,我们可能需要对一个 prop
进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以变更父组件,且在父组件和子组件都没有明显的变更来源。
今天扒拉官方文档,发现.sync
这块还是理解的不是太好,于是写一个demo,做一下记录。