分类 折腾不止 下的文章
撸了个轮子Cafe-PDF
弃用 Node Sass 以 Dart Sass 代替
2020年10月26日,Sass 官方团队正式宣布 Libsass 将弃用,以及基于它的 Node Sass 和 SassC,并且建议用户使用 Dart Sass。
Yapi数据迁移
天有不测风云,要养成经常备份数据的好习惯啊,这不,前几天在公司搭的前端服务器磁盘坏了,导致所有东西全部都没了……代码方面还好,都是放在git上面管理的,但是其中yapi的一些数据没了,这就尴尬了……于是花费了两天时间,把服务器重装了一遍,然后开始做定期备份。
Jenkins发布私有NPM到Verdaccio
Jenkins和Verdaccio在之前博客文章都做过介绍,这里就不过多描述了,这篇文章主要讲怎么把这两个系统打通,完成私有NPM包的发布。
又撸了个轮子
基于 PDF.js 在 Vue 中渲染 PDF 文件,支持文本渲染、懒加载、分页、缩放和打印功能。
鉴于市面上没有特别顺手的预览PDF插件,所以周末两天在家撸代码,终于搞出来一个可用的玩意。项目中使用的VUE-PDF,超过200页,直接在IE下卡死,我这个插件,500页PDF,也可以做到丝滑般的使用体验(自卖自夸)!
可以看到,只加载了前两页,后面的12页全部都没有渲染。
Install
npm install cafe-pdf --save
Use
import cafePdf from 'cafe-pdf'
import 'cafe-pdf/package/cafe-pdf.css'
Vue.use(cafePdf)
Example
Demo:http://demo.const.team/pdf/
注意:使用打印功能,需配合打印样式。
非JS实现图片懒加载
verdaccio一些api
之前搭建了一个私有NPM来管理组内的一些依赖包,今天无意中看到了一些verdaccio的请求,搜了下网上,好像没有文章说明,那就自己动手扒一扒……
项目中私有 NPM 源的设置
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私有仓库。
Vue引入Monaco Editor
Monaco Editor 是微软开源的基于 VS Code 的代码编辑器,运行在浏览器环境中。编辑器提供代码提示,智能建议等功能。供开发人员远程更方便的编写代码。
在做可视化平台的时候,之前用的是CodeMirror,但是发现功能相对来说还是没有Monaco Editor功能强大,毕竟VS Code是多么流行和强大,大家是有目共睹的,于是就有了替换编辑器的理由。