Web开发中的“黑话”

来自:https://segmentfault.com/a/1190000002593432

Polyfill

Polyfill或者Polyfiller,是英国Web开发者 Remy Sharp 在咖啡店蹲坑的时候拍脑袋造出来的。当时他想用一个词来形容”用JavaScript(或者Flash之类的什么鬼)来实现一些浏览器不支持的原生API”。Shim这个已经有的词汇第一时间出现在他的脑海里。但是他回头想了一下Shim一般有自己的API,而不是单纯实现原生不支持的API。苦思冥想一直想不到合适的单词,于是他一怒之下造了一个单词Polyfill。除了他自己用这个词以外,他还给其他开发者用。随着他在各种Web会议演讲和他写的书《Introducing HTML5》中频繁提到这个词,大家用了都觉得很好,就一起来用。

Polyfill的准确意思为:用于实现浏览器并不支持的原生API的代码

例如,querySelectorAll是很多现代浏览器都支持的原生Web API,但是有些古老的浏览器并不支持,那么假设有人写了库,只要用了这个库, 你就可以在古老的浏览器里面使用document.querySelectorAll,使用方法跟现代浏览器原生API无异。那么这个库就可以称为Polyfill或者Polyfiller。

好,那么问题就来了。jQuery是不是一个Polyfill?答案是No。因为它并不是实现一些标准的原生API,而是封装了自己API。一个Polyfill是抹平新老浏览器 标准原生API 之间的差距的一种封装,而不是实现自己的API

已有的一些Polyfill,如 Polymer 是让旧的浏览器也能用上 HTML5 Web Component 的一个Polyfill。FlashCanvas是用Flash实现的可以让不支持Canvas API的浏览器也能用上Canvas的Polyfill。

这里有一堆Polyfills,有兴趣可以把玩一下:HTML5 Cross Browser Polyfills(https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)

Vanilla JavaScript

Vailla JavaScript是目前世界上跨平台兼容性最好、最小、最快的JavaScript框架。它的官网为:http://vanilla-js.com/

在官网上,你可以尝试可以选择不同的功能模块自定义进行下载。但是不管你怎么选怎么下,下下来的js文件都是空的。好吧,这个网站本身就是个玩笑。Vanilla JavaScript指的就是纯原生的JavaScript,所以不需要任何代码

在计算机软件领域中,如果你对原生系统没有做任何定制性的修改,就是Vanilla。你把Vailla看成是Pure或者Plain的意思都是可以的。Vanilla JavaScript就是Pure JavaScript的意思。

例如,我在巨硬官网下载了官方的xp系统镜像,这个系统就可以称为是vanilla的。但是如果你在国内某些网站下载了某些定制的盗版镜像,那就不是vanilla了。

Newer Post

Object.getOwnPropertyDescriptor()和Object.getOwnPropertyDescriptors()还有Object.getPrototypeOf()

Object.getOwnPropertyDescriptor() 方法返回指定对象上一个自有属性对应的属性描述符。(自有属性指的是直接赋予该对象的属性,不需要从原型链上进行查找的属性) 语法:Object.getOwnPropertyDescriptor(obj, prop) 参数 obj:需要 …

继续阅读
Older Post

响应式布局解析

来自:http://www.majiang.life/blog/head-first-responsive-web-design/?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io拓展:https://www.cn …

继续阅读