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 不支持
分享到:
相关推荐
1. **注册URL Scheme**:在AndroidManifest.xml文件中,使用标签声明自定义的 scheme 和 host,如 `<data android:scheme="testa" />`。 2. **处理Intent**:在目标Activity中,通过覆写`onCreateIntent()`方法来...
- **数据类型(Data Types)**:用于指定元素或属性值的类型。 - **命名空间(Namespaces)**:用于解决元素名称冲突的问题。 - **Schema文档结构**: - **全局元素和局部元素**:全局元素在Schema文档的顶层...
data_schema = Schema({ 'name': And(str, lambda x: len(x) > 0), 'age': And(int, lambda x: 0 ) }) ``` 在这个例子中,我们定义了一个数据模式,其中"name"字段必须是非空字符串,"age"字段必须是0到150之间的...
3. 输入Schema文件的名称,例如"data-source2.xsd",然后点击"Finish"。 4. 进入Schema编辑界面,我们可以在此处定义元素和类型。 5. 创建一个名为DataSourcesType的复杂类型(ComplexType),表示DataSource根元素...
2. **获取 Schema 参数**:在 Activity 中,通过 `getIntent().getData()` 获取 URL 数据,然后使用 `Uri` 类的方法解析出各个部分,如 Scheme、Host、Port 和 Path。 通过以上方式,开发者可以在 Android 应用中...
json-schema-editorJSON...data、event、codearea、htmlarea、text-editor()、quantity、box-style)拖拽排序复制功能复杂嵌套高级配置功能支持字段联动在线Demo:JSONSchema效果图:备注:JSONSchema仅用于生成结构化
首先,自定义Schema的基本流程是通过在XML配置文件中引入自定义的schemaLocation,这通常是一个URL,指向定义了新标签和属性的XSD文件。例如,Spring Data Elasticsearch的配置会引入`...
这里要设置类别(ACTION_VIEW),数据类型(DATA_SCHEMA)以及自定义的URL scheme。 3. **处理Intent**:当用户点击或程序内部触发一个匹配的URL时,系统会创建一个Intent,并传送到相应的组件。在组件的onCreate()...
6. 技术构件:除了URL约定之外,OData协议还包括其他几个部分,例如OData Version 4.0 Part 1: Protocol,OData Version 4.0 Part 3: Common Schema Definition Language (CSDL),ABNF构造规则等。这些构件共同组成...
- 使用 `dbunit` 任务,指定了数据库连接的属性,包括驱动 (`driver`)、URL (`url`)、用户名 (`userid`)、密码 (`password`) 和模式 (`schema`)。 - `<operation type="CLEAN_INSERT" src="data.xml" />` 表示执行...
<artifactId>spring-boot-starter-data-jpa <groupId>com.oracle.database.jdbc</groupId> <artifactId>ojdbc8 <version>19.7.0.0 ``` 接着,我们需要配置两个数据源。SpringBoot通常通过`application....
超级刮板 Metascraper是一个Web抓取实用程序。... 除了在给定的端点捕获原始HTML之外,metascraper还将从页面的头部拉出meta标签,并提取嵌入在文档主体中的schema.org元数据。... SchemaData ()) 请参阅 根据
第五关的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...
"format": "data-url", "title": "上传文件" } } } ``` 3. **创建表单** 在组件中,你可以创建一个表单并传递 schema: ```typescript import { Component } from '@angular/core'; import * as schema from ...
它强调代码的可重用性和“干”原则(Don't Repeat Yourself),提供了一整套解决方案,包括数据库交互、用户认证、URL路由、模板系统等。Django的核心特性包括: 1. **ORM(对象关系映射)**:通过Python对象操作...
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,主要...
它支持RESTful风格的URL设计,通过Controller和ModelAndView实现视图和业务逻辑的分离。 5. **Spring Data** Spring Data提供了对多种数据存储的抽象,包括JPA、MongoDB等。在5.0.0.RELEASE中,Spring Data增强了...
当你使用`data`参数时,如果请求方法是GET,数据不会被添加到URL中,而是发送在请求的主体部分,这通常是不透明的,并且服务器通常期望这种方式来接收数据。对于POST请求,数据通常会出现在请求体中,服务器通常会...
<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....