Javascript待整理

[zhangjunlei26]

Webpack

• Webpack 中文指南 http://zhaoda.net/webpack-handbook/index.html

• Webpack - 从初学者到大师 https://webpack-book.mrshi.me/

• Webpack 怎么用 https://segmentfault.com/a/1190000002552008 https://github.com/petehunt/webpack-howto/blob/master/README-zh.md

• 博客关注 https://github.com/thoughtbit/it-note/issues

• webpack使用优化（基本篇） webpack使用优化（基本篇） lcxfs1991/blog#2

• webpack使用优化（react篇） webpack使用优化（react篇） lcxfs1991/blog#7

• 如何写一个webpack插件（一） 如何写一个webpack插件（一） lcxfs1991/blog#1

• webpack2生成代码分析 webpack2生成代码分析 lcxfs1991/blog#14

• Webpack 学习 Webpack 学习 thoughtbit/it-note#28

• webPack 参考 https://github.com/ogoodo/url/issues/12

WebVR

• https://github.com/aframevr/aframe （虚拟现实在Web中的实现，VR Web 👍 💯 ）

函数式编程

• https://github.com/MostlyAdequate/mostly-adequate-guide （ 弗里斯比教授最好的函数式编程教程）
• http://www.zcfy.cc/article/functional-programing-in-javascript-lifelong-learning-2420.html（JavaScript中的函数式编程）

组件

• https://github.com/yiminghe/xhr-plus （ES6, XMLHttpRequest plus. support jsonp, iframe upload, sub domain proxy and more...）
• https://github.com/camwiegert/in-view ( ES6， 进入 或 离开 viewport 事件监听 👍 ,学习)
• https://github.com/camwiegert/baffle (ES6，文字 迷惑动画 👍 )
• https://github.com/LeoHuiyi/LeoJs （ES6 , 现代浏览器 dom操作）
• https://github.com/yanhaijing/template.js/blob/master/template.js
• https://github.com/yanhaijing/zepto.fullpage/blob/master/src/zepto.fullpage.js
• https://github.com/meandmax/lory (用ES6写的 slider 小库，学习 👍 💯 )
• http://github.com/Leaflet/Leaflet ( 移动设备上，交互友好的地图， 学习 ： 代码组织方式)
• https://github.com/MrSwitch/hello.js/blob/master/src/hello.js ( A Javascript RESTFUL API library for connecting with OAuth2 services, such as Google+ API, Facebook Graph and Windows Live , 原型链的代码组织， 👍 )
• https://github.com/FezVrasta/popper.js （A ~3.5KB kickass library to manage your poppers， 气泡浮层 👍 💯 ）
• https://github.com/LeaVerou/awesomplete/blob/gh-pages/awesomplete.js (文本框自动提示，原生的dom和event 👍 )
• https://github.com/kenwheeler/dispatch ( 自定义事件， pub,sub )
• https://github.com/aui/angular-drag (基于Angularjs的拖拽指令 👍 )
• http://aui.github.io/angular-popups/ (基于Angularjs的浮层组件👍 )

文档 & API

• http://www.dang-jian.com/labs/#/javascriptclass ( JavaScript讲义 👍 )
• http://yanhaijing.com/basejs/ (简洁的JavaScript基础教程)
• http://yanhaijing.com/es5/#about ( ES5 合集)
• http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 （JavaScript 教程）

JavaScript 迷思

• 理解prototype和__proto__
• 构造函数内的方法与构造函数prototype属性上方法的对比
• 掌握JavaScript的闭包
• 执行环境以及作用域
• 掌握JavaScript函数的柯里化
• https://github.com/dreamapplehappy/hacking-with-javascript/blob/master/translate/everything-you-wanted-to-know-about-javascript-scope.md (你想知道的关于JavaScript作用域的一切) ## 算法
• https://github.com/thejameskyle/itsy-bitsy-data-structures （你不得不知道的JS 算法）

[zhangjunlei26]

No jQuery

• https://github.com/JustClear/clus (ES6, A minimalist JavaScript library for modern browsers. jQery Lite 👍 💯 )
• http://ricostacruz.com/dom101/ ( Stop using jQuery 👍 )
• https://github.com/oneuijs/You-Dont-Need-jQuery
• https://github.com/oneuijs/oui-dom-events
• https://github.com/oneuijs/oui-dom-utils
• https://github.com/kenwheeler/cash

图片尺寸处理

javascript 上传图片 检测宽度 高度 文件大小
JS判断图片上传时的文件大小，和宽高尺寸-1
js判断图片上传时的文件大小，和宽高尺寸-2
JAVASCRIPT　获取图片大小
Javascript: 通过图片url获取图片blob对象

[henryzp]

mark