Prototype.js前端封装库

Prototype.js 的风格挺有年代感,但你要是接触过早期 Web 2.0 项目,肯定会对它有印象。它主打简洁,像$()$F()这些函数,用起来顺手,响应也快,代码也简单。对于当时的 DOM 操作、AJAX 求,算是有代表性的一个方案。

页面交互多的时候,手写XMLHttpRequest太麻烦,用 Prototype.js 封装好的Ajax.Request,几行代码就搞定了,还能设回调、状态,逻辑清晰不绕弯。

类式封装也蛮有意思的,虽然跟 ES6 的 class 不太一样,但思路是一致的。你可以自己定义类、继承方法,做出结构化的组件,哪怕是今天看,也挺有参考价值。

还有个好用的点是$A(),可以把NodeList转成真正的数组,再配合each()直接链式操作,少了好多for循环。你想遍历一堆option,轻轻松松。

了,现在你用惯了 Vue、React 这些现代框架,但有空回头看看 Prototype.js,了解一下早期 JavaScript 怎么玩的,也挺有意思。如果你在维护老项目或者想了解前端发展史,这份 PDF 可以当个参考资料看看。

pdf 文件大小:1.44MB