HTML+CSS
文章平均质量分 50
羊子雄起
欢迎大家多多交流
展开
-
使用axios发送jsonp请求
【背景】axios 本身不支持 jsonp 这种 dataType(不同于 ajax)【解决方法】自行封装一个 jsonp 调用方法: jsonp(url) { return new Promise((resolve, reject) => { // 这里的 "jsonCallBack" ,和调用的 jsonp 的 url 中的 callback 值相对应(见粗体字) window.jsonCallBack ...转载 2021-01-26 12:13:24 · 6009 阅读 · 0 评论 -
JS document.execCommand实现复制功能(带你出坑)
最近项目中需要实现功能:点击button,复制input框的值;我使用的是document.execCommand('copy')的方法;但是很郁闷的是,始终实现不了功能;代码如下HTML代码(v-model是vue框架中的双向数据绑定,不懂的请移步vue文档)<input id='input_url' v-model='product_url' disabled type="text">JS代码var input = $('#input_url');inpu.转载 2021-01-12 15:07:48 · 1352 阅读 · 0 评论 -
视频直播m3u8协议以及跨域问题和Videojs加载m3u8视频汇总
video.js支持m3u8格式直播https://www.cnblogs.com/saysmy/p/6429835.html为什么要使用video.js?1. PC端浏览器并不支持video直接播放m3u8格式的视频2. 手机端各式各样的浏览器定制的video界面风格不统一,直接写原生的js控制视频兼容性较差3. video.js解决以上两个问题,还可以有各种视频状态接口...原创 2019-12-18 20:16:25 · 18608 阅读 · 1 评论 -
Leaflet中的L.geoJSON一个坑
最近在使用 SuperMap iClient 9D for Leaflet 中的 L.supermap.queryService(url).queryByGeometry()接口 来定位某个建筑图斑时,发现2个问题。1、查不出来2、查出来了,却显示不出来具体的说下:L.supermap.tiledMapLayer(url, { transparent: true, ...转载 2019-11-10 11:38:56 · 7079 阅读 · 0 评论 -
关于jsonp的同步问题
最近开始移动开发,因json无法跨域请求的问题,选择了以jsonp的形式向服务器传输数据,为使请求以同步方式执行,在ajax参数中加入了async:false,但出现各ajax块返回的数据混乱问题。经查明,jsonp不支持async:false属性。错误的代码块如下:$.ajax({ url : 'xxx', data : { xxx : xxx, ...转载 2019-04-18 19:40:16 · 1678 阅读 · 0 评论 -
html5 postMessage解决跨域、跨窗口消息传递
平时做web开发的时候关于消息传递,除了客户端与服务器传值,还有几个经常会遇到的问题:多窗口之间消息传递(newWin = window.open(..)); 页面与嵌套的iframe消息传递postMessage方法postMessage是html5引入的API可以更方便、有效、安全的解决这些问题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现...转载 2019-04-09 19:30:50 · 663 阅读 · 0 评论 -
css 文本和div垂直居中方法汇总
在样式布局中,我们经常碰到需要将元素居中。通过css实现元素的水平居中较为简单:对文本,只需要对其父级元素设置text-align: center;,而对div等块级元素,只需要设置其left和right的margin值为auto。要实现元素的垂直居中,有人会想到css中的vertical-align属性,但是它只对拥有valign特性的元素才生效,例如表格元素中的<td>、<t...转载 2018-05-16 17:53:18 · 188 阅读 · 0 评论 -
css3阴影被遮罩后面的div给遮住了!
From:http://blog.csdn.net/u011456552/article/details/52398159今天在写页面的时候,页面里面有个阴影的效果。如图:(为了显示更明显,我改了一下颜色,加宽了距离)但是在页面书写的时候,怎么也看见阴影的效果,查看代码也生效了。后来我把下面的div转载 2017-08-08 18:33:30 · 5728 阅读 · 0 评论 -
CSS3阴影 box-shadow的使用和技巧总结
text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}对象选择器 {box-shadow:[投影方式] X轴偏移量 Y轴偏移量阴影模糊半径 阴影扩转载 2017-08-08 18:12:21 · 512 阅读 · 0 评论 -
利用@media screen实现网页布局的自适应
利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上(大于1200px)@media screen and (min-width:1200px){ #page{ width: 1100px; }#c转载 2017-08-08 10:56:15 · 420 阅读 · 0 评论