分类 折腾不止 下的文章

基于 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/...

即可实时刷新。

天翼云盘是中国电信推出的云存储服务，为用户提供跨平台的文件存储、备份、同步及分享服务。相对于百度云来说，现在是不限速的，上传下载都是比较快的，而且天翼云盘专门有智能电视的APP端，可以把电影电视之类的放进去，配合家里的智能电视直接在线播放，我家是联通的宽带，在线看很流畅。

但是普通用户只有2T的空间 + 1T的家庭空间，也就是3T的空间，免费用户每天可以打卡免费领100M左右的空间，但是总是想不起来啊，于是，就有了自动打卡这个代码了。

另外，推荐一个网盘文叔叔，用了差不多一年半了，上传下载比较方便。填写我的邀请码：GY5BJP，可以免费领取 5GB 云存储空间，不限速，非常好用！

- 阅读剩余部分 -

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. ...
  8. 9