自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 arraybuffer转图片

当后台以arraybuffer返回数据时,转换成图片var binary = "";var bytes = new Uint8Array(res.data);var len = bytes.byteLength;for (var i = 0; i < len; i++) { binary += String.fromCharCode(bytes[i]);}var base64 = `data:image/png;base64,${window.btoa(binary)}`..

2020-11-13 15:23:07 2243

转载 适配处理iphoneX底部的横条

iphoneX手机取消了实体Home键,取而代之的是主界面底部不显眼的横条“HomeIndicator”。当网页底部fixed 元素时候,一部分元素可能就被这个横条遮挡住,怎么适配解决呢?第一步:    <meta name=“viewport” content=“width=device-width, viewport-fit=cover”>  第二步:    页面主体内容限定在安全区域内,如果不设置这个值,可能存在小黑条遮挡页面最底部内容的情况    body { pa.

2020-08-31 15:56:01 1445

原创 前端拼图滑动验证,兼容IE10 IE11

源码摘自https://www.cnblogs.com/huangting/p/11285131.html源码用ES6写的,不兼容IE10,自己做了改动,改动后亲测兼容IE11,IE10先上图再上代码css.block { position: absolute; left: 0; top: 0; } .sliderCo...

2020-01-07 16:39:00 833

原创 关于transition max-height

今天做项目用到max-height触发动画,是有个二级菜单展开收缩,由于不想计算高度所以用的max-height,然后就发现展开的时候是及时的,但是收缩会等待别的展开后才收,效果不是很好,找不到原因,改为height后是同时进行的,在此记录下...

2019-01-16 11:00:28 1904 1

原创 vue-cli 背景图片、-webkit-box-orient: vertical打包后丢失问题

背景图片需更改build/utils.js文件,添加publicPath: '../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader' ...

2018-07-06 10:29:52 430 2

原创 解决vue-cli打包时背景图片丢失问题

需要更改build/utils.js的配置,如图至于为什么背景图有的打包后存在,有的丢失,那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了,直接引,而背景图片里用的是相对路径最后会直接替换成static,但是明显路径会有问题,所以得配置下...

2018-04-26 09:53:08 3757

转载 webstorm 上通过babel将es6转es5

webstorm 上通过babel将es6转es5反正我是成功了

2018-01-12 09:56:42 306

原创 页面中有iframe会被撑高

今天做的网页发现,iframe宽高是100%时,布局会被撑高一点距离,找半天不知道这点距离是怎么出来的,margin、padding都设为0,没用,后来上网搜了下,有一样困扰的同学,然后他找出原因了,把改为就可以了,试了下,果然靠谱!

2017-11-13 15:26:51 833

转载 JVectorMap插件使用

靠谱链接参数中文文档    使用步骤

2017-11-10 15:37:52 795

原创 IE11下,<!doctype>声明加html不能加载css的问题

系统版本win10,在html中头部声明,IE11下不能加载css,搜了下,是注册表的问题。把 HKEY_CLASSES_ROOT →.css → content type 数据改为text/css就OK了,原来的值是application/x-css

2017-11-09 10:05:27 4467

转载 html5shiv.js和respond.min.js

html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的,下面是两个解决方法的cdn地址写法:

2017-11-08 17:34:24 841

转载 解决file input 选择相同文件不触发change事件

今天做上传图片,图片预览功能,发现当第二次点击相同的图片时,不触发change事件,上网搜了下,可以把file input 的value清空$('.inputImage').val('');,之后再选择就没问题,还有种方法,reset$("#avatorForm")[0].reset();感谢      帮助我的链接

2017-11-07 14:42:13 7848

转载 css优先级

看《CSS 揭秘》一书提到不要滥用!important打补丁,如果你熟知CSS优先级的话,然后搜了下css优先级,找到了说的比较好的,记录一下。 特指度  特指度(specificity)。特指度表示一个css选择器表达式的重要程度,可以通过一个公式来计算出一个数值,数越大,越重要。  这个计算叫做“I-C-E”计算公式,I——Id;C——Class;E——Elemen

2017-10-26 16:37:17 241

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除