一些工具

  • whatwg-fetch:一个 window.fetch 的 polyfill。
  • qs:可以方便的序列化和反序列化 url 上的参数
import { stringify, parse } from 'qs';
const obj = qs.parse('a=c');
console.log(obj); // {a: 'c'}
const str = qs.stringify(obj);
console.log(str); // 'a=c'
  • iconfont:一个矢量图标管理平台,可以用字体代替繁多的
    小图片。
// css
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

// html
<i class="iconfont">&#x33;</i>

python -m SimpleHTTPServer [port]

键盘事件

  • 判断是否按下 shift 键:e.shiftKey
  • 判断是否按下 ctrl 键: mac: !!e.metaKey && !e.altKey, Windows:!!e.ctrlKey && !e.altKey
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 相信每个设计师浏览器的收藏夹都是自己的心头宝,里面收藏了很多好的工具和素材。有些时候在一些设计群里听到好多设计师在...
    郑乔尹在旅游阅读 866评论 1 25
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,047评论 0 2
  • 本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件,主要有以下一些。 click 事件,dblc...
    许先生__阅读 2,494评论 0 4
  • 事件是什么,可以用来做什么,什么时候用到它? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScr...
    茂茂爱吃鱼阅读 1,537评论 0 16
  • 之前写过一篇浏览器事件的相关操作和事件运行的原理——JavaScript浏览器事件解析。这一篇主要写一些常用的事件...
    faremax阅读 1,653评论 0 0