工作中的一些小问题

127 阅读1分钟

防盗链

前两天在写详情页,因为图片是后台直接传递过来的,并且后台php是从微信公众号down下来的,这样的话就出现了一个问题,
作者百度了许多博客的文章,及掘金文章,最后的出三个方案:
    1.把图片放到iframe里面嵌套,这样的话相当于多了一层,就不会出现防盗链的问题,
    
    2.我参考了https://stackoverflow.com/questions/3877027/jquery-callback-on-image-load-even-when-the-image-is-cached/3877079#3877079?newreg=a7cd36a6037243a8a0e4523783c91ae9 ,采取了下面的方法,虽然还是不知道为什么,问题还是解决了。希望以后能探究

    3.是最简单的一种方法就是在index.html加上这句话
    <meta name="referrer" content="never">
    就这么一句话,把它放到<head>头里就可以了。记得要把其他影响图片的东西给删了,不然会冲突。
**腾讯地图的api调用**
举例我是在vue中使用,`

` 首先插入js文件,但这有一点就是需要自己去创建一个自己的秘钥,不然的话js是不能生效的 下面就是很简单的两步 //这里是初始化地图的 init() { console.log('qweqeq') var myLatlng = new qq.maps.LatLng(34.75975, 113.76953); var myOptions = { zoom: 8, center: myLatlng, mapTypeId: qq.maps.MapTypeId.ROADMAP } var map = new qq.maps.Map( document.getElementById("container"), myOptions ) map.panTo(new qq.maps.LatLng(34.75975, 113.76953));

  var center = new qq.maps.LatLng(34.75975, 113.76953);
  var map = new qq.maps.Map(document.getElementById("container"), {
    center: center,
    zoom: 13
  });
  var marker = new qq.maps.Marker({
    position: center,
    map: map
  });
},
// 动态创建script
loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  //   script.src = "https://map.qq.com/api/js?v=2.exp&key=F4ABZ-AFOHO-A5KWU-SY4U6-IKWPF-MYBKA";
  document.body.appendChild(script);
},
这里需要有一个问题,就是api中的js调用init是在<body onload="init()">中直接调用的
loadscript是在window.load中条用的,此处可以参考[https://lbs.qq.com/javascript_v2/guide-start.html]()
vue中的话就是在mounted注意一定要在mounted而不能再created中调用,否则会报错,因为他是在页面加载才调用的.