pdfh5.js v1.2.21

pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。支持canvas和svg两种渲染模式，支持ajax和fetch两种请求方式。支持懒加载。

• 前端学习交流QQ群，651601340，可以进来提pdfh5.js的bug、问题、建议等。

• pdfh5项目GitHub地址

• pdfh5打包下载

"app-plus": {
	"softinputMode": "adjustResize"
}

softinputMode：软键盘弹起模式，有两个值：

• adjustResize：软键盘弹出时，webview窗体高度挤压。屏幕高度=webview窗体高度+软键盘高度
• adjustPan：软键盘弹出时，webview窗体高度不变，但窗体上推，以保证输入框不被软键盘盖住

softinputMode默认值为adjustPan。

uniapp安卓应用，输入法软键盘弹起的时候，默认是窗口顶起，页面遭受挤压。这个在登录注册等业务场景下没有问题，但是在论坛聊天业务下就不行了。

这个时候需要在pages.json配置下，在你需要配置的页面下配置"app-plus"：{"softinputMode": "adjustResize"}

持续更新中……

1、数组对象去重

1. 数组去重，数组中元素为数字或者字符串

1. 单个数组去重

//1.
function unique(arr) {
   return [...new Set(arr)] 
}
//2.
function unique(arr) {
    return Array.from(new Set(arr))
}
//3.
function unique(arr) {
    var arrs = [];
    for (var i = 0; i < arr.length; i++) {
        if (arrs.indexOf(arr[i]) == -1) {
            arrs.push(arr[i])
        }
    }
    return arrs;
}

一、let 和 const

1、let可以声明变量

let name = '张三';
console.log(name);//张三

2、ES6新增块级作用域

　　注：在ES6之前作用域分为：全局作用域、函数作用域

var name1 = '张三';
let name2 = '李四';
console.log(name2);//李四

console.log(name1);//张三
console.log(name2);//报错

网站名称：pdfh5.js
网站地址：https://www.gjtool.cn
网站描述：个人博客。移动端PDF预览手势缩放插件-pdfh5.js
favicon：https://www.gjtool.cn/download/pdfh5.png

目标：实现 "https://" 域名访问tomcat下的项目
环境：centos7（或者其他Linux系统版本）
软件：tomcat9 jdk1.8 nginx1.16
工具：Xftp6(FTP工具) Xshell6(SSH工具)。默认在windows客户端系统下使用，mac os系统另行下载其他ftp工具。

相关软件安装下载：

打赏赞助作者：

• 感谢打赏！请打赏的童鞋留下github、QQ、微信。方便我列个打赏榜。然后，我会对打赏过的童鞋的问题及时响应。（当然是在我不忙的时候啦）

【项目部分功能备份】

• 代码备份，以免丢失，遗忘

svg整体拖拽，滚轮缩放，元素选中

需要引用：

• jquery-1.11.3.min.js
• raphael.min.js
• raphael.draggable1.js

• raphael.draggable项目GitHub地址
• raphael.draggable.js下载
• raphael.min.js下载

使用方式：

前言：
当页面上一个元素需要改变它的样式（width,height,left,top,opacity等等），我们可以直接设置元素.style.样式。
如果需要让它的样式从开始值到改变值有一个动态的过程（或者叫动画），那么，就需要给它写一个定时器。
让定时器每隔一段时间执行一段代码，让元素的样式慢慢改变。这样就可以看到动态的过程了。这个就是运动。
但是，如果有多个元素都要有运动效果，给每一个元素都写一个定时器？显然不太现实，代码就明显冗余了。这个时候就需要封装一个运动框架了，将这种一样的运动过程给封装起来，要用的时候只需要写元素名和需要运动的属性就好了。比如这样：animate(div,'width',300);只要事先把animate函数方法封装起来，以后要用的时候，写这么简单的一行代码就可以实现要运动的效果了。
在网上看了一些博客，再加上自己的一些理解，然后稍稍改动了一下其中的一些博主没注意的地方（或者叫小bug），然后就有了自己的封装的animate方法。当然，运动有匀速加速减速，这里只是封装了减速缓冲运动。

正题开始：