分类 折腾不止 下的文章

天有不测风云，要养成经常备份数据的好习惯啊，这不，前几天在公司搭的前端服务器磁盘坏了，导致所有东西全部都没了……代码方面还好，都是放在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是多么流行和强大，大家是有目共睹的，于是就有了替换编辑器的理由。

- 阅读剩余部分 -

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