html

scroll详解:

  window.innerHeight  document.documentElement.clientHeight   // 可视区域的高度

  document.body.clientHeight  // body高度

  scroll的属性 scrollTop scrollHeight (scroll是一个点)

  scrollHeight = document.body.clientHeight -  document.documentElement.clientHeight  (只有容器装不下才会有滚动条,scrollHeight指滚动条可滑动的距离)

    (例如scrollHeight = 400 ,scrollTop到400就到底了)

font工具:

  用到中文字体时,往往文件都很大,可以考虑使用font-spider压缩,网址http://font-spider.org/

  备注:压缩只识别html中的字体,动态生成的文字可以先随便写到html中,提取完了再删掉

2、创建文件并下载

 

let mime = ''
      let bs = new Base64()
      this.saveAs(('data:'+mime+';charset=utf-8;base64,' + bs.encode('121212')),'filename')

saveAs (Url, filename) {
      var blob = new Blob([''], { type: 'application/octet-stream' });
      var url = webkitURL.createObjectURL(blob);
      // var a = document.createElementNS(xhtml, 'a');
      var a = document.createElement('a');
      a.href = Url;
      a.download = filename;
      var e = document.createEvent('MouseEvents');
      e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
      a.dispatchEvent(e);
      webkitURL.revokeObjectURL(url);
    },

 

posted on 2017-08-11 16:19  前路亦是故乡  阅读(142)  评论(0编辑  收藏  举报

导航