第一个Polymer应用 - (2)创建你自己的元素

【第一个Polymer应用 - (2)创建你自己的元素】的更多相关文章

第一个Polymer应用 - (2)创建你自己的元素

原文链接: Step 2: Your own element翻译日期: 2014年7月6日翻译人员: 铁锚通过上一节的学习和实践, 您已经完成了一个基本的应用程序结构(application structure),从现在开始可以构建一个标签页(card element,卡片元素)来显示名片(post).完成后的标签页包括个人头像,名字,红心按钮,以及内容区域: 图片有点水(平?)的皮冻在本节中,你将会创建一个 <post-card> 元素,用来控制他的子元素布局和样式, 完成后就可以像前面…

第一个Polymer应用 - (1)创建APP结构

原文链接: Step 1: Creating the app structure翻译日期: 2014年7月5日翻译人员: 铁锚在本节中,将使用一些预先构建好的Polymer元素来创建基本的应用程序结构,包括一个工具栏(toolbar)和一些选项卡(tabs).编辑 index.html 文件进入根目录下面的 starter 目录中, 使用你喜欢的文本编辑器打开 index.html 文件, 文件的初始内容大致如下所示: <!doctype html> <html> <head…

第一个Polymer应用 - (0)准备工作

原文链接: Getting Started - Your first Polymer application翻译时间: 2014年7月5日翻译人员: 铁锚关于Polymer 的简介,请参考 CSDN资讯: [开源推荐]Google新的Web UI库:Polymer 在本教程中,您将构建一个小型的Polymer应用 -- 一个非常简单的社交网络服务客户端. 最终效果图如下所示: 图1 最终效果图本项目会向您介绍 Polymer 大部分关键的概念. 如果你有什么不理解的地方也没关系.教程中出现…

第一个Polymer应用 - (3)使用数据绑定

原文链接: Step 3: Using data binding翻译日期: 2014年7月7日翻译人员: 铁锚我们创建的个人信息卡还算漂亮,但对整个应用来说,只有一张卡片看起来有点空荡荡的感觉.在本节中,将通过web服务获取数据,并使用Polymer的数据绑定(data binding)来显示一系列的卡片.获取数据,需要使用初始应用程序(starter)提供的 <post-service> 元素.该元素为虚拟社交网络提供了一个非常简单的API.在本节中,您将使用 posts 属性, 它返回像下…

编程第一个Apple Watch程序创建项目

编程第一个Apple Watch程序创建项目 2.4 编程第一个程序本节将通过编写第一个程序,为开发者讲解如何添加Watch应用对象.运行程序.界面设计.编写代码等内容本文选自Apple Watch开发快速入门教程. 2.4.1 创建项目在第一章中我们讲过一个应用的所有文件都在Xcode项目下,所以在编写应用程序之前,首先需要对项目进行创建,创建项目的具体操作步骤如下: (1)单击Dock中的Xcode,弹出Welcome to Xcode对话框,如图2.11所示本文选自Apple Wa…

HTML 5 应用程序缓存（Application Cache）cache manifest 文件使用 html5 中创建manifest缓存以及更新方法一个manifest文件会创建一份缓存，不同的manifest文件其缓存的内容是互不干扰的

HTML5 离线缓存-manifest简介 HTML 5 应用程序缓存使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本. 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改…

THEOS的第一个TWeak的成功创建

THEOS的第一个TWeak的成功创建html, body {overflow-x: initial !important;}.CodeMirror { height: auto; } .CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; } .CodeMirror-lines { padding: 4px 0px; } .CodeMirror pre { padding: 0px 4px; } .CodeMirror-scroll…