- 博客(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
原创 页面中有iframe会被撑高
今天做的网页发现,iframe宽高是100%时,布局会被撑高一点距离,找半天不知道这点距离是怎么出来的,margin、padding都设为0,没用,后来上网搜了下,有一样困扰的同学,然后他找出原因了,把改为就可以了,试了下,果然靠谱!
2017-11-13 15:26:51 833
原创 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
空空如也
maven 配置web.xml报 cannot resolve servlet
2017-10-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人