- 博客(16)
- 收藏
- 关注
RSS订阅原创 高德地图-按需加载
方法一：通过引入webpack-require-http插件配合require引入，注意2.1版本require([’’]，function(){})是异步加载，之前 require(’’) 同步加载，同步加载一直加载报错，最终实现如下（1）引入webpack-require-http插件，还是当做外部资源引入这个插件，配置build/webpack.base.conf.js,在module.e...
2019-09-16 16:08:05
858
原创 input range实现可滑动的滚动条，兼容IE
标签：<input type="range" />样式： input[type=range] { -webkit-appearance: none; margin: 18px 0 0; width: 100%; } input[type=range]:focus { outline: none; } input[type=range]::-webki...
2019-07-02 15:40:19
636
原创 文件下载失败，如何将blob对象处理成json
axios[method](url, data, { responseType: 'blob' // blob arraybuffer}).then(res => { let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); /* 读取异常状态提示 */ var reader = new FileR...
2019-07-02 15:35:25
1508
原创 js使用blob导出excel,兼容IE
axios[method](url, data, { responseType: 'blob' // blob arraybuffer}).then(res => { let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); if (!!window.ActiveXObject || "...
2019-07-02 15:23:14
2742
原创 axios token过期刷新 重新续约
window.isRefreshing = false;// 存储请求的数组let refreshSubscribers = [];/*将所有的请求都push到数组中*/function subscribeTokenRefresh(cb) { refreshSubscribers.push(cb);}// 数组中的请求得到新的token之后自执行，用新的token去请求数据f...
2019-07-02 15:14:26
1582
原创 Canvas绘制图片
// 获取画布var c = document.querySelector('canvas');// 获取绘图对象var ctx = c.getContext('2d');// 绘制图片var img = document.createElement('img');img.src = './111.jpg';// 图片加载img.onload = function() { //...
2019-04-22 11:32:49
130
原创 Canvas绘制文本
// 获取画布var c = document.querySelector('canvas');// 获取绘图对象var ctx = c.getContext('2d');// 绘制文本 像素 字体ctx.font="50px 宋体";// 设置文本对齐方式 left | center | rightctx.textAlign = 'center';// 设置文本上下对齐方式...
2019-04-19 16:56:03
100
原创 Canvas非零环绕
// 获取画布var c = document.querySelector('canvas');// 获取绘图对象var ctx = c.getContext('2d');// 逆时针绘制ctx.moveTo(100, 100);ctx.lineTo(100, 300);ctx.lineTo(300, 300);ctx.lineTo(300, 100);ctx.closePat...
2019-04-19 16:21:44
102
原创 Canvas渐变
// 获取画布var c = document.querySelector('canvas');// 获取绘图对象var ctx = c.getContext('2d');//创建线性渐变方案 起始的坐标var lgd = ctx.createLinearGradient(100, 300, 500, 300);// 添加渐变颜色lgd.addCo...
2019-04-19 15:46:55
79
原创 Canvas画线
// 获取画布var c = document.querySelector('canvas');// 获取绘图对象var ctx = c.getContext('2d');// 开始位置ctx.moveTo(100, 100);// 结束位置ctx.lineTo(300, 100);// 线条颜色ctx.strokeStyle = 'red';// 线条粗细ctx.lineW...
2019-04-19 15:42:08
844
原创 js实现base64加密解密
_keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";function encode(input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input...
2019-04-16 16:26:12
4405
原创 H5语义化标签的兼容问题
1、在该标签的css中设置该标签的display：block通过DOM的方式创建这个标签document.createElement('header');2、引入外部的html5shiv.js文件（Google本身支持这些标签，没必要做无谓的加载），主要针对IE，可用cc:ie6( tab键)<!--[if lte IE 6]> // IE的版本数 <script...
2019-04-15 22:00:46
402
原创 常用的ES6语法
1.多行字符串的拼接由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号 `` 表示：`这是一个多行字符串`;...
2019-03-21 17:55:16
98
原创 gulp学习笔记___Refusing to install package with name "XXX" under a package
项目安装依赖gulp时，出现错误：原因是初始化package.json文件时，name名为gulp，只要name值和你项目安装的依赖名不一致即可
2018-10-23 14:21:56
3546
原创 webpack学习总结（二）webpack.config.js配置文件解析
1、新建webpack.config.js文件配置webpack信息，新建src文件夹存放源文件，新建dist文件夹存放打包后的文件2、在开始配置之前需要理解四个核心概念：入口（entry）、输出（output）、loader、插件（plugins） 1. 入口（entry） 入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始。entr...
2018-10-22 11:06:15
561
原创 webpack学习总结（一）webpack安装和构建项目
1、首先需要从node.js官网下载包管理工具进行安装,安装完之后在windows系统下，windows+R调出搜索框，输入cmd回车打开命令工具，检测npm是否安装，输入命令：npm -v2、使用npm安装webpack，输入：npm install webpack -g，安装成功后查看安装版本，输入：webpack -v，会提示缺少CLI，这是因为webpack4.0之后为了更好的管理把C...
2018-10-19 17:00:07
163
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人