我过去就是一个键盘!!!

javascript

ES NODE ... JS大法好

Abstract syntax tree

https://astexplorer.net/ 有意思 通过语法树,知道什么是什么。可以窥探编译器的实现。 目前,知道大概,至于具体的使用和开发在有具体的需求再说。 概念 Abstract syntax tree: WIKI 在计算机科学中,抽象语法树(AST)或只是语法树是 ... »

lw at | javascript |

use tabindex to bind keyboard event for DIV

看 W3C 的标准: HTML 4.01 only defines the tabindex attribute for a, area, button, input, object, select, and textarea, and limits its value to t ... »

lw at | javascript |

Evaluation strategy

Programming languages use evaluation strategies to determine when to evaluate the argument(s) of a function call (for function, also read: o ... »

lw at | javascript |

Node 我想认识你

持续更新中 莫名其妙,又开坑了。哈哈哈哈。 对于这里来说,不仅仅是Nodejs的内容,更多的是后端的一些知识: 网络、服务器的各项配置、端口、nginx、一个完整的后端应具有的东西: 查看: Nodejs路线图 和 awesome Nodejs 来了解整体需要的。 ======= ... »

lw at | javascript |

let's trigger

jQuery Event 关于 jQuery 事件部分的内容: http://youmightnotneedjquery.com/ https://github.com/oneuijs/You-Dont-Need-jQuery http://blog.garstasio.com/ ... »

lw at | javascript |

Advanced ES2015

学习教程系列: https://medium.freecodecamp.com/learn-es6-the-dope-way-i-const-let-var-ae828580472b#.ibe0ewp4v Medium系列 http://es6.ruanyifeng.com/ ... »

lw at | javascript |

DOM操作与性能优化

我们总是在强调DOM操作是很慢的,尽量避免过多的去操作DOM,所以React的virtual DOM出现很是改变前端的整个想法吧。但是其中的原理呢?此文就此做一探讨。 DOM即Document Object Model,文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修 ... »

lw at | javascript, Front-End |

JavaScript运行机制与异步分析

重拾JavaScript基础,JS运行的整个机制,进程。到异步、同步、无阻塞这些概念,了解基本的异步模型 运行机制 JS是单线程的,与当初创造时的情况有关。 JavaScript就是单线程,这已经成了这门语言的核心特征,将来也不会改变。 为了利用多核CPU的计算能力,HTML5提 ... »

lw at | javascript |

Throttle & Debounce

As I was writing TOCX, I need to avoid infinitely invoke function. So It's necessary to know throttle and debounce, of course the differenc ... »

lw at | javascript |

rollup.js 试玩

简单、使用、强大,处理模块依赖,打包模块成一个文件。目前浏览器对ES2015的模块支持并不好。 Rollup is a JavaScript module bundler. It takes a file - let's call it main.js, and recursiv ... »

lw at | javascript, 工具-库-框架 |

ES2015 module system

理解整个ES2015的模块系统和加载机制。 基础语法 语法部分,阮一峰的书讲的很清楚,然而语法并不是重要的地方: import export article 深入浅出: http://www.infoq.com/cn/articles/es6-in-depth-modules ... »

lw at | javascript, Front-End |

advanced React

react从基础到深入,简单的使用react,到深入使用react,详细每一个模块,到一些模块的原理实现。也是作为chatroom项目的文章。若果要开发一个较大的应用,那么FLUX这类就是必须讲的了。 虽然作为一个菜鸟,要有一个大牛的精神,要以大牛的身份要求自己。因为自己的随性, ... »

lw at | javascript, Front-End, 工具-库-框架 |

[翻译计划]2016到现在最受欢迎的16个React链接

嗯,好浓的标题风。还好不是我写的。原文在The 16 Most Popular React Links So Far in 2016。我做了简单的翻译,有问题请一定指出。 我们统计分析了JS weekly发布的20次期刊。根据读者的点击,我们把最受欢迎的关于React的文章、视 ... »

lw at | javascript, 翻译计划 |

jQuery的原生实现

虽然jQuery没用多少,但是这个牛逼的库可是有很多可以学习的地方。所以我要做的就是尽量用原生JS实现jQuery里的功能。 toggle trigger 这类是我比较感兴趣其内部实现原理的。 如以下的ES5代码的简单实现: <style type="text ... »

lw at | javascript |

Babel-CLI babel6版本

Babel - command line interface 命令行。由于有些简单的js文件需要由ES2015转到ES5,而配置webpack这类的太麻烦了。那么对于命令行下的babel的需求就来了。 https://babeljs.io/docs/usage/cli/ 官方的使 ... »

lw at | javascript |

source maps

此文用来了解javascript source maps。主要是webpack里面出现这个,所以才了解以及使用SM,用来定位出错BUG的位置。 http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ ht ... »

lw at | javascript |

Reserved Words

这个问题出自使用default。我使用了default造成了问题。所以这里总结下保留字 JavaScript Reserved Words In JavaScript you cannot use these reserved words as variables, labels ... »

lw at | javascript |

DOM Awesome JS系列

DOM 方法总结 [TOC] HTML5新加入的api: querySelectorAll() 返回当前文档中匹配一个特定选择器的所有的元素(使用深度优先,前序遍历规则这样的规则遍历所有文档节点) .返回的对象类型是 NodeList. document.querySelecto ... »

lw at | javascript, Awesome JS |

Array Awesome JS

array SUMMARY 此文乃对JS数组的总结 Basic grammar Array syntax literal : [ele0,ele1] new Array(ele0,ele1,eleN) new Array(length) Access array elements ... »

lw at | javascript, Awesome JS |

From wordpress to Ghost

2016/3/28 最终我还是决定使用ghost Node.js 编辑器 超轻量级 wordpress太臃肿了,而且对于我这个前端来说,很多东西需要用网页来表达。在线编辑器,直接解析的HTML。 但是ghost不支持分类,所以文章没有层级,首先阅读就会有问题,然后是编辑文章时,太 ... »

lw at | javascript |

Chain of responsibility

本文关于 职责链模式、链式调用,原理与实现 职责链模式,链式调用 首先我得纠正我的一个错误观点,我居然把链式调用当成异步来处理了。这个思想上嘛,就是错的。所以再重新来看链式的话,就比较简单了。还有一=一点的是我对jQuery不熟,所以看来的看看源码了。 那么最关键的就是: ret ... »

lw at | javascript |

JavaScript Garden

https://bonsaiden.github.io/JavaScript-Garden/zh/#intro 对象 对象:创建,属性,读取,设置 // literal var a = {} // set property a.prop = 'test' var a = { pr ... »

lw at | javascript |

Modules 模块化开发

MODULE 模块化也是一直在讨论的问题。 模块化开发规范: AMD CMD UMD CommonJS ES6 Harmony | modules 2016/4/20 更新 随着ES6的支持越来越好,现在谈谈ES6的模块化。 The Asynchronous Module Def ... »

lw at | javascript |

43-JS puzzlers

QAQ List Object.getPrototypeOf(Object.prototype) constructor.prototype https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Glo ... »

lw at | javascript |

EVENT--AwesomeJS

EVENT Reference 此文总结JS的事件。 EVENT Reference Introduce API Good parts 对于EventTarget Event Handler 事件流 事件监听 ... »

lw at | javascript, Awesome JS |