本地开发调试NPM包
新开发或修改的 NPM 模块,如何在项目中试验?最近在做小工具,这个问题摆在面前!但其实 npm 本身已经对此类情况提供了专门的 npm link
指令。
新开发或修改的 NPM 模块,如何在项目中试验?最近在做小工具,这个问题摆在面前!但其实 npm 本身已经对此类情况提供了专门的 npm link
指令。
最近写的函数库,使用了TS,整理下笔记。
最近搞的一个函数小工具,是用Rollup进行打包编译的,所以在这里简单的总结一下。
起因还是由于封装的函数库里面有一个精度计算的问题,代码如下:
const addExact(arg1, arg2) => {
let r1, r2, m;
try {
r1 = arg1.toString().split('.')[1].length;
} catch (e) {
r1 = 0;
}
try {
r2 = arg2.toString().split(".")[1].length;
} catch (e) {
r2 = 0;
}
m = Math.pow(10, Math.max(r1, r2));
return Math.round(arg1 * m + arg2 * m) / m;
};
消失了快2个月了,博客也没有更新了,一直想写点东西,但是无奈时间不够,天天加班……
加班干嘛呢,搞了两个前端的小玩具,一个是前端可视化平台,另外一个是前端工具函数库:
第一个暂时没有开源,里面用的是我们封装的饿了么组件,后期会封装业务之类。
第二个工具函数库已经开源了,使用TS + Rollup + Jest,但是现在还没有经过大规模验证,还在起步期间,可以来做小白鼠,质量这块专门弄了Jest
做单元测试,尽量保证质量,后续我会把一些开发中遇到的问题和总结发出来。
Jest单元测试的几个指标:stmts
是语句覆盖率(statement coverage
):是不是每个语句都执行了?Branch
分支覆盖率(branch coverage
):是不是每个if代码块都执行了?Funcs
函数覆盖率(function coverage
):是不是每个函数都调用了?Lines
行覆盖率(line coverage
):是不是每一行都执行了?
目前来看,整体测试覆盖度98%,哈哈。
至于第一个,先挖一个坑,我会在博客的后续文章中,把一些思路和方法总结归纳一下,大家可以共同探讨,然后做出一个通用性较好的东西来开源。
最近消失了一个月,忙公司的一个比较好玩的项目,所以博客断更了一个月。为了证明我是真的在忙,截一个图:
这个项目,后期要上Electron,所以就研究了下自动打包,这次就分享下自动打包的,如果对Action不明白的,可以看我之前的文章,我就不在详细的说了。
在有些情况下,我们可能需要对一个 prop
进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以变更父组件,且在父组件和子组件都没有明显的变更来源。
今天扒拉官方文档,发现.sync
这块还是理解的不是太好,于是写一个demo,做一下记录。
推荐一个网盘文叔叔,用了差不多一年半了,上传下载比较方便。填写我的邀请码:GY5BJP,可以免费领取 5GB 云存储空间,不限速,非常好用!
按照现在自动打卡,每天保底增长150M,一个月差不多保底4G左右的空间,备份照片是绰绰有余!!
天翼云盘是中国电信推出的云存储服务,为用户提供跨平台的文件存储、备份、同步及分享服务。相对于百度云来说,现在是不限速的,上传下载都是比较快的,而且天翼云盘专门有智能电视的APP端,可以把电影电视之类的放进去,配合家里的智能电视直接在线播放,我家是联通的宽带,在线看很流畅。
但是普通用户只有2T的空间 + 1T的家庭空间,也就是3T的空间,免费用户每天可以打卡免费领100M左右的空间,但是总是想不起来啊,于是,就有了自动打卡这个代码了。
另外,推荐一个网盘文叔叔,用了差不多一年半了,上传下载比较方便。填写我的邀请码:GY5BJP,可以免费领取 5GB 云存储空间,不限速,非常好用!