window.print 浏览器打印全集~

本文配套Demo

近日做了浏览器打印，这里总结下相关的知识点，并不保证准确性。

打印接口

首先浏览器打印已经是非常成熟的应用了，一般是不会存在一些兼容性问题

最简单的打印就是直接调用 window.print() ，当然用 document.execCommand('print') 也可以达到同样的效果

展开全文 >>

原生JS实现table表格列宽拖拽

本文配套Demo

实现表格列宽拖拽功能，主要使用鼠标事件：mousedown、mouseup、mousemove
事件 | 描述
— | —
mousedown | 事件在指针设备（如：鼠标）按钮按下时触发
mouseup | 事件在指针设备（如：鼠标）按钮抬起时触发
mousemove | 当指针设备( 通常指鼠标 )在元素上移动时, mousemove 事件被触发
当然，这些事件都是绑定在表头上面的，大致流程就是：

展开全文 >>

利用 postMessage 的骚操作来实现微信网页授权登陆

之前对于postMessage并不是特别熟悉，只是看过文档、写过demo。但这次在做微信网页授权登陆的时候，用到了postMessage，用得并不是很顺手，所以想着写篇文章记录一下，并且也重新写了个demo，源码：post-message

postMessage概念

window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain 设置为相同的值) 时，这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

前端开发一枚，普普通通，愿世间安好