分类 折腾不止 下的文章

天有不测风云,要养成经常备份数据的好习惯啊,这不,前几天在公司搭的前端服务器磁盘坏了,导致所有东西全部都没了……代码方面还好,都是放在git上面管理的,但是其中yapi的一些数据没了,这就尴尬了……于是花费了两天时间,把服务器重装了一遍,然后开始做定期备份。

- 阅读剩余部分 -

基于 PDF.js 在 Vue 中渲染 PDF 文件,支持文本渲染、懒加载、分页、缩放和打印功能。

鉴于市面上没有特别顺手的预览PDF插件,所以周末两天在家撸代码,终于搞出来一个可用的玩意。项目中使用的VUE-PDF,超过200页,直接在IE下卡死,我这个插件,500页PDF,也可以做到丝滑般的使用体验(自卖自夸)!

2021-06-21T12:38:46.png

可以看到,只加载了前两页,后面的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/

注意:使用打印功能,需配合打印样式。

- 阅读剩余部分 -

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是多么流行和强大,大家是有目共睹的,于是就有了替换编辑器的理由。

- 阅读剩余部分 -

jsDelivr 提供的全球 CDN 加速,CDN的分流作用不仅减少了用户的访问延时,也减少的源站的负载。但其缺点也很明显:当网站更新时,如果CDN节点上数据没有及时更新,即便用户再浏览器使用Ctrl +F5的方式使浏览器端的缓存失效,也会因为CDN边缘节点没有同步最新数据而导致用户端未能及时更新。

CDN边缘节点对开发者是透明的,相比于浏览器Ctrl+F5的强制刷新来使浏览器本地缓存失效,开发者可以通过CDN服务商提供的“刷新缓存”接口来达到清理CDN边缘节点缓存的目的。这样开发者在更新数据后,可以使用“刷新缓存”功能来强制CDN节点上的数据缓存过期,保证客户端在访问时,拉取到最新的数据。

对于 jsDelivr,缓存刷新的方式也很简单,只需将想刷新的链接的开头的

https://cdn.jsdelivr.net/...

替换成

https://purge.jsdelivr.net/...

即可实时刷新。