2019年07月_haoyanyu_

原创 vue2项目从webpack3升级到webpack4过程全记录以及多页面打包

升级各种插件，尤其是babel系列，从6升级到了7babel7系列的安装大多是@babel/开头，至少需要安装以下插件 "@babel/core": "^7.4.5", //核心包 "@babel/plugin-syntax-dynamic-import": "^7.2.0", "@babel/plugin-transform-runtime": "^7.4.4", ...

2019-07-29 15:08:00 987

原创 https通信机制（http + ssl/tls）

https(http+ssl)https协议不是应用层的新协议，只是HTTP通信接口部分用SSL 或 TLS协议代替一般情况，HTTP直接和tcp通信，使用SSL时，变成HTTP先和SSL通信，然后SSL在和TCP通信 SSL独立于HTTP，其他运行在应用层的协议，比如SMTP,Telnet等都可以配合SSL使用SSL采用的是公开密钥加密：公开密钥加密：非对称的秘钥，一把私有秘...

2019-07-29 11:02:57 394

原创 nvm管理node版本

1，安装nvm下载链接nvm安装包选择“nvm-noinstall.zip”包下载2，解压安装包，双击indtall.cmd,输入nvm包所在的路径，C:\nvm-noinstall然后回车例如解压到C:\nvm-noinstall3，生成setting.txt文件后，输入root: C:\nvm-noinstallpath: C:\nvm-noinstall\nodejsarch...

2019-07-09 11:11:52 134

原创 npm ERR! Unexpected end of JSON input while parsing near '...d5fc50e0944437e48e8 ae'

npm install 时报错如下：npm ERR! Unexpected end of JSON input while parsing near '...d5fc50e0944437e48e8ae'网上搜到解决办法是：npm cache clean --force清除缓存后，确实生效了，但是安装几次后还是会报错以上错误。。。...

2019-07-09 09:49:46 439

原创 js获取页面滚动条宽度

let cached;function getScrollBarSize(fresh){ //fresh 是否重新获取, cached: 是否获取过 if(fresh || cahced===undefined) { const inner = document.createElement('div'); inner.style.width = '100%'; inner.sty...

2019-07-08 13:31:45 2727

原创 perspective透视+rotate旋转实现的lowlow的翻书动画

鼠标悬停，书翻开HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>自己实现的翻书&...

2019-07-04 15:07:27 475

原创 touch-action常用的几个属性

问题：在移动端自定义的键盘的数字键盘上，当快速的点击某个数字时，页面会被放大。原因：因为双击出发了浏览器的默认放大操作。解决：可以在css里设置touch-action的属性来取消浏览器的默认操作touch-action: auto默认值，表示由浏览器觉得进行什么操作，比如在viewport里设置的操作touch-action: manipulation只允许滚动和持续缩放，其他...

2019-07-03 14:39:19 1796

haoyanyu_的博客