非JS实现图片懒加载
起因是豆瓣电影的页面,图片太多加载慢,现代浏览器也支持loading="lazy"
这个属性,也不用再搞其他的插件,所以就顺手加上了。
起因是豆瓣电影的页面,图片太多加载慢,现代浏览器也支持loading="lazy"
这个属性,也不用再搞其他的插件,所以就顺手加上了。
之前搭建了一个私有NPM来管理组内的一些依赖包,今天无意中看到了一些verdaccio的请求,搜了下网上,好像没有文章说明,那就自己动手扒一扒……
之前写的农历面板组件虽然是一个比较小众的组件,但是也确实帮助了一些小伙伴。现在组件已经趋于稳定,所以为了让组件能够帮助更多的伙伴,于是就把组件提交到了awesome-vue库,没想到很快就通过了,已经合并到了日历组中。趁这功夫,又把封装的flv.js的组件也一并提交上去了,希望能够帮助更多的人,如果用的舒服,还请给一个星星鼓励。
NPM 源的设置比较粗暴的方式是直接配置:
npm config set registry <registry url>
但这会影响所有包的安装,如果只是为了某些包需要从私有源安装,比如 @scopename
下的所有包,可以单独配置该 scope
走私有源,其他包走正常的源安装。
例如,我封装了一个私有组件@wangdaodao/demo
,那项目重创建配置文件.npmrc
:
@wangdaodao:registry=<registry url>
源的配置通过配置文件来设置,跟随项目,将变更依赖收敛到了项目中,不依赖全局的配置,同时也不影响其他项目,甚至能为不同的 scope
指定不同的 registry
,达到多个 registry
同时工作的目的。
另外,管理NPM源,推荐使用nrm:NPM registry manager,切换源是特别方便的。具体可以看使用Verdaccio搭建NPM私有仓库。
Monaco Editor 是微软开源的基于 VS Code 的代码编辑器,运行在浏览器环境中。编辑器提供代码提示,智能建议等功能。供开发人员远程更方便的编写代码。
在做可视化平台的时候,之前用的是CodeMirror,但是发现功能相对来说还是没有Monaco Editor功能强大,毕竟VS Code是多么流行和强大,大家是有目共睹的,于是就有了替换编辑器的理由。