javascript
以上图来自这里
各位程序猿们，如果你觉得老板 10 天要你们上线一个 App 是一个丧心病狂的事情，
那么可以多想想这位哥。
Youtube 上有位哥的采访，你可以听听大神当年的故事。
https://www.youtube.com/watch?v=IPxQ9kEaF8c
当然，码农和大神的区别在于：遇到这种事情，10 天以后码农死掉了，而大神成功了。
只是但凡这种极速上线的事情，都会留下一堆的坑，大神和码农的的区别，也就是水洼和天坑的区别。
作者：罗志宇
链接：https://www.zhihu.com/question/31415286/answer/58022648
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
js混淆
https://javascriptobfuscator.herokuapp.com/
http://www.jsfuck.com/
移动时代的前端加密
从零开始的webpack生活-0x004：js压缩混淆
https://www.v2ex.com/t/381946
https://www.v2ex.com/t/392624
https://www.v2ex.com/t/363167
JavaScript
前端程序员经常忽视的一个JavaScript的面试试题
妙味课堂 JS 实战开发课程大纲
JavaScript (脚本之家)
JavaScript教程 (廖雪峰)
React.js-demo (阮一峰)(GitHub)
webpack-demos (阮一峰)
react-babel-webpack-boilerplate (阮一峰)
ECMAScript的兼容 && 兼容包
ECMAScript5.1中文版 + ECMAScript3 + ECMAScript（合集） && 英文版
30分钟掌握ES6/ES2015核心内容（上）
30分钟掌握ES6/ES2015核心内容（下）
ECMAScript 6 入门 (阮一峰)(GitHub)
ES6 全套教程 ECMAScript6 (原著:阮一峰)
JavaScript 标准参考教程（alpha） (阮一峰)(GitHub) 新地址 https://wangdoc.com/
悟透JavaScript
原生态纯JavaScript 100大技巧大收集
前端日常：JavaScript验证
JS实战实例教程
前端代码异常日志收集与监控
stylus中文版参考文档之综述
JavaScript深入系列(15篇)、JavaScript专题系列、ES6系列、React系列
Awesome JavaScript
递归
js 递归、非递归生成树
https://www.cnblogs.com/ygunoil/p/12524806.html
浮点型数据使用注意事项
JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存储。
所有的编程语言，包括 JavaScript，对浮点型数据的精确度都很难确定：
var x = 0.1;
var y = 0.2;
var z = x + y // z 的结果为 0.3
if (z == 0.3) // 返回 false
为解决以上问题，可以用整数的乘除法来解决：
var z = (x 10 + y 10) / 10; // z 的结果为 0.3
不推荐使用 TAB 键来缩进，因为不同编辑器 TAB 键的解析不一样。
关于js三元表达式，多个判断条件的写法
以两个判断条件为例，直接上代码：
var a = 3;
var b = a === 1 ? '是1' : (a === 2 ? '是2' : '不是1也不是2')
console.log(b); //不是1也不是2
Bridge
https://github.com/wendux/DSBridge-Android
https://github.com/wendux/DSBridge-IOS
原生与 JS 交互，里面有demo 例子
模块化规范
js模块化编程之彻底弄懂CommonJS和AMD/CMD！
CommonJS、requirejs、ES6的对比
Js apply call方法 详解
javascript 六种数据类型（一）
10 个技巧，让你更专业地使用 console 进行 JS 调试
High performance JavaScript templating engine
零碎
从谷歌的JavaScript编写风格中，13 点值得我们注意的！ && google jsguide
不会Object.defineProperty你就out了 && MDN
聊聊函数节流（throttle）和函数去抖（debounce）
库
https://unpkg.com/browse/vue@2.6.10/
https://cdn.jsdelivr.net/npm/vue/
在 unpkg 和 cdnjs 上获取
https://github.com/lodash/lodash/ && 中文文档地址 && 中文文档2
https://www.npmjs.com/package/ramda && 中文
Lodash，你正在使用的JavaScript库
轻量高效的开源JavaScript插件和库
节流 (throttle) 让一个函数不要执行的太频繁，减少执行过快的调用，叫节流
去抖 (debounce) 去抖就是对于一定时间段的连续的函数调用，只让其执行一次
https://segmentfault.com/a/1190000025137536
防抖与节流 ，优化
屏蔽F12
<script type="text/javascript">
window.onload = function() {
document.onkeydown = function() {
var e = window.event || arguments[0];
//屏蔽F12
if(e.keyCode == 123) {
return false;
//屏蔽Ctrl+Shift+I
} else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
return false;
//屏蔽Ctrl+Shift+J
} else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 74)) {
return false;
//屏蔽Shift+F10
} else if((e.shiftKey) && (e.keyCode == 121)){
return false;
} else if(event.ctrlKey && window.event.keyCode==83 ){
return false;
}
};
//屏蔽右键单击
document.oncontextmenu = function() {
return false;
}
//debugger
var hasDebugger = false;
var start = new Date();
try {
// 新建一个匿名函数，这样 debugger 得不到任何信息
(function() {}).constructor('debugger')()
if (new Date() - start > 200) {
hasDebugger = true;
window.close(); //关闭当前窗口(防抽)
window.location="about:blank"; //将当前窗口跳转置空白页
}
} catch(e) {
//alert(hasDebugger)
window.close(); //关闭当前窗口(防抽)
window.location="about:blank"; //将当前窗口跳转置空白页
}
}
</script>
语言排名
总结
EventUtil——跨浏览器的事件对象
JavaScript 的 this 原理
JS前端开发联盟群
javascript学习思维导图（收藏）
[转] js async await 终极异步解决方案
const showFPS = (function () {
// noinspection JSUnresolvedVariable, SpellCheckingInspection
const requestAnimationFrame =
window.requestAnimationFrame || // Chromium window.webkitRequestAnimationFrame || // Webkit window.mozRequestAnimationFrame || // Mozilla Geko window.oRequestAnimationFrame || // Opera Presto window.msRequestAnimationFrame || // IE Trident? function (callback) { // Fallback function window.setTimeout(callback, 1000 / 60); };
let dialog;
let container;
let fps = 0;
let lastTime = Date.now();
function setStyle(el, styles) {
for (const key in styles) { el.style[key] = styles[key]; }
}
function init() {
dialog = document.createElement('dialog'); setStyle(dialog, { display: 'block', border: 'none', backgroundColor: 'rgba(0, 0, 0, 0.6)', margin: 0, padding: '4px', position: 'fixed', top: 0, right: 'auto,', bottom: 'auto', left: 0, color: '#fff', fontSize: '12px', textAlign: 'center', borderRadius: '0 0 4px 0' }); container.appendChild(dialog);
}
function calcFPS() {
let offset = Date.now() - lastTime; fps += 1; if (offset >= 1000) { lastTime += offset; displayFPS(fps); fps = 0; } requestAnimationFrame(calcFPS);
}
function displayFPS(fps) {
const fpsStr = `${fps} FPS`; if (!dialog) { init(); } if (fpsStr !== dialog.textContent) { dialog.textContent = fpsStr; }
}
return function (parent) {
container = parent; calcFPS();
};
}());
showFPS(document.body);