目录

Frond-end
- DEBUG
- Online tools
- Tips
- LIB
  - Grunt
  - Webpack
  - Polymer/LitElement
  - angular js
  - jquery
  - react
  - requirejs
  - vue
  - bootstrap
  - foundation
  - Animate.css
- Books
- 坑

Frond-end

XMLHttpRequest: xhr 不能添加 Date header！, 浏览器端调试api要注意这个！！MDN 详细说明

DEBUG

~~debuggap~~
UC debug

Online tools

http://jsfiddle.net/
https://codesandbox.io/
http://rendur.com/
Can I use ... 查看 html,css 的某项特性在各浏览器环境是否可用。
ICO 图标在线制作
img 转 svg 在线转换

Tips

浏览器视口(viewport)相对于屏幕的坐标位置的获取：
- 没有W3C标准。标准的window.screenLeft是浏览器窗口的屏幕坐标。
- firefox 可以通过 window.mozInnerScreenX 获取，非标准。
- 其它现代浏览器(chrome)需要用鼠标事件所带的 screenX,clientX 来计算。参考 https://github.com/rokmoln/browser-coords
浏览器捕捉屏幕: MDN Screen capture
- navigator.mediaDevices.getDisplayMedia
- MediaStream

LIB

img 占位
Font Awesome
tabler:一个基于 Bootstrap 的网页 UI 框架，专用于开发管理后台

Grunt

gruntjs.com

Webpack

webpack

Polymer/LitElement

angular js

jquery

jquery-ajax-form-submit

react

React

requirejs

requirejs.org
单页可直接用 define(name, deps, fun(deps){}) 来定义模块,解决依赖先后问题

vue

VUE
http://vuejs.org
Vue.js 源码学习囧克斯这个博客写了很多关于 VUE 的分析。

bootstrap

bootstrap 中文
layoutit.com
比较适合移动开发

foundation

foundation
平面化风格

Animate.css

animate.css

Books

Data Visualization with JavaScript

坑

android 微信服务号应用, 不能正常显示设置的字体, 只能在使用网络字体时, 才能加载三星手机已有的冬青丽体; @font-face 不能加载相对路径的字体. 截至到当前微信6.2版本问题仍存在, 不确定腾讯X5浏览器内核的版本号.