`
ezzze
  • 浏览: 42551 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Data Schema URL

阅读更多
Data Schema URL 这个是个老技术了,不过我也是最近才知道。

起因是去QQ团购看下有没有好东西,然后无聊的打开firebug,发现load图片的request很少,于是猜测是不是用了css sprite,仔细一看,居然是一坨base64 代码.

url('data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
g9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC')
  top left no-repeat; }


一开始觉得很诧异,居然css能解析这玩意,后来一想其实也很正常啊,base64是MIME的一种encoding,大部分的浏览器都支持MIME,所以能decode。decode完了以后就是一堆2进制流,图片本身就是以2进制流打开的,所以能显示。

这样做的好处是省掉了额外的http request,在HTTPS里面效果会好点。

不算神器的神器FF4 还支持如下的功能:

Alternatively, a browser can convert (encode) image based data from the clipboard to a data URI and paste it in a HTML editing field. Mozilla Firefox 4 supports this functionality.

这玩意最大的缺点:

SB IE6,7 不支持
分享到:
评论

相关推荐

    URl Scheme的使用以及回调

    1. **注册URL Scheme**:在AndroidManifest.xml文件中,使用标签声明自定义的 scheme 和 host,如 `<data android:scheme="testa" />`。 2. **处理Intent**:在目标Activity中,通过覆写`onCreateIntent()`方法来...

    XML Schema

    - **数据类型(Data Types)**:用于指定元素或属性值的类型。 - **命名空间(Namespaces)**:用于解决元素名称冲突的问题。 - **Schema文档结构**: - **全局元素和局部元素**:全局元素在Schema文档的顶层...

    Python-schema一个用于对Python数据结构进行验证的库

    data_schema = Schema({ 'name': And(str, lambda x: len(x) > 0), 'age': And(int, lambda x: 0 ) }) ``` 在这个例子中,我们定义了一个数据模式,其中"name"字段必须是非空字符串,"age"字段必须是0到150之间的...

    采用MyEclipse创建Schema,并基于Schema生成XML文件

    3. 输入Schema文件的名称,例如"data-source2.xsd",然后点击"Finish"。 4. 进入Schema编辑界面,我们可以在此处定义元素和类型。 5. 创建一个名为DataSourcesType的复杂类型(ComplexType),表示DataSource根元素...

    详解Android业务组件化之URL Schema使用

    2. **获取 Schema 参数**:在 Activity 中,通过 `getIntent().getData()` 获取 URL 数据,然后使用 `Uri` 类的方法解析出各个部分,如 Scheme、Host、Port 和 Path。 通过以上方式,开发者可以在 Android 应用中...

    json-schema-editor:JSON数据可视化JSONSchema, 主要用于json结构格式的可视化编辑

    json-schema-editorJSON...data、event、codearea、htmlarea、text-editor()、quantity、box-style)拖拽排序复制功能复杂嵌套高级配置功能支持字段联动在线Demo:JSONSchema效果图:备注:JSONSchema仅用于生成结构化

    Spring中自定义Schema如何解析生效详解

    首先,自定义Schema的基本流程是通过在XML配置文件中引入自定义的schemaLocation,这通常是一个URL,指向定义了新标签和属性的XSD文件。例如,Spring Data Elasticsearch的配置会引入`...

    Android-可路由的AndroidApp内的原生URL路由器

    这里要设置类别(ACTION_VIEW),数据类型(DATA_SCHEMA)以及自定义的URL scheme。 3. **处理Intent**:当用户点击或程序内部触发一个匹配的URL时,系统会创建一个Intent,并传送到相应的组件。在组件的onCreate()...

    WCF的OData标准url-conventions

    6. 技术构件:除了URL约定之外,OData协议还包括其他几个部分,例如OData Version 4.0 Part 1: Protocol,OData Version 4.0 Part 3: Common Schema Definition Language (CSDL),ABNF构造规则等。这些构件共同组成...

    SpringBoot整合Oracle数据库使用双数据源

    <artifactId>spring-boot-starter-data-jpa <groupId>com.oracle.database.jdbc</groupId> <artifactId>ojdbc8 <version>19.7.0.0 ``` 接着,我们需要配置两个数据源。SpringBoot通常通过`application....

    metascraper:Go实用程序,用于抓取网页元数据,支持开放图,schema.org等

    超级刮板 Metascraper是一个Web抓取实用程序。... 除了在给定的端点捕获原始HTML之外,metascraper还将从页面的头部拉出meta标签,并提取嵌入在文档主体中的schema.org元数据。... SchemaData ()) 请参阅 根据

    CTFShow-周末大挑战parse-url篇Writeup

    第五关的URL中,`%75%73%65%72%3a%2f%2f%70%61%73%73%3a%71%75%65%72%79%40%73%63%68%65%6d%65%2f%3f`解码为`user://pass:query@schema/?fragment#data:///text/plain;base64,`,这里的`query`部分是Base64编码的PHP...

    angular-schema-form-file-upload:Angular Schemaform.io文件上传扩展

    "format": "data-url", "title": "上传文件" } } } ``` 3. **创建表单** 在组件中,你可以创建一个表单并传递 schema: ```typescript import { Component } from '@angular/core'; import * as schema from ...

    PyPI 官网下载 | django-appdata-0.1.2.tar.gz

    它强调代码的可重用性和“干”原则(Don't Repeat Yourself),提供了一整套解决方案,包括数据库交互、用户认证、URL路由、模板系统等。Django的核心特性包括: 1. **ORM(对象关系映射)**:通过Python对象操作...

    spring_MVC源码

    19. <url-pattern>*.do</url-pattern> 20. </servlet-mapping> 21. <welcome-file-list> 22. <welcome-file>index.jsp</welcome-file> 23. </welcome-file-list> 24.</web-app> spring-servlet,主要...

    spring-framework-5.0.0.RELEASE-schema.zip

    它支持RESTful风格的URL设计,通过Controller和ModelAndView实现视图和业务逻辑的分离。 5. **Spring Data** Spring Data提供了对多种数据存储的抽象,包括JPA、MongoDB等。在5.0.0.RELEASE中,Spring Data增强了...

    python requests包的request()函数中的参数-params和data的区别介绍

    当你使用`data`参数时,如果请求方法是GET,数据不会被添加到URL中,而是发送在请求的主体部分,这通常是不透明的,并且服务器通常期望这种方式来接收数据。对于POST请求,数据通常会出现在请求体中,服务器通常会...

    nutch2.2.1和Mysql 环境的搭建。。。。可以爬下url.但是不知道为什么还有很多空的值在数据库中,还有待.zip

    <name>storage.data.db.url <value>jdbc:mysql://localhost/nutch?user=root&password=your_password <name>storage.data.db.driver <value>com.mysql.jdbc.Driver</value> <name>storage.data.db....

    XML-Schema-XML.rar_xml/soap/webservice_Visual_C++_

    1. **创建XML Schema对象**:首先,你需要将XML Schema加载到内存中,这可以通过IXMLSchemaCollection的add方法完成,传入XML Schema的URL或内容。 2. **解析XML文档**:使用IXMLDOMDocument对象加载XML文档,然后...

Global site tag (gtag.js) - Google Analytics