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

【第一个Polymer应用 - (3)使用数据绑定】的更多相关文章

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

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

第一个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应用 - (4)收尾工作

原文链接: Step 4: Finishing touches翻译日期: 2014年7月8日翻译人员: 铁锚在本节中,会在卡片上添加收藏按钮,并可以通过切换选项卡(tabs)连接到不同的 <post-list> 控制器, 整个应用就算完成了.在本节中,您将学习: 声明事件处理(event handling) 向元素的原型(prototype)添加属性和方法(properties and methods) 自动节点查找(Automatic node finding) 编辑 post-card.h…

【转】Polymer API开发指南 (二)（翻译）

原文转自:http://segmentfault.com/blog/windwhinny/1190000000596258 公开 property 当你公开一个 Polymer 元素的 property 名字时,就等于把这个 property 设置为公开API了.公开 property 会有如下的特性: 支持声明数据双向绑定通过声明,property 将会按照名称一样的 html attribute 初始化数据 property 的值可以反射到元素对应的attribute上注: proper…

【转】Polymer API开发指南 (一)（翻译）

原文转自:http://segmentfault.com/blog/windwhinny/1190000000592324 翻译的不好,轻拍 Polymer是google的一款前端开发框架,其基于Shadow DOM.Custom Elements.MDV等最新浏览器特性构建,代表了下一代Web框架的方向:一切皆组件.尽量减少代码量.尽量减少框架限制. 名词解释 Attribute: 元素声明或者创建时需要的属性. Property: 属性.元素或者类向外提供的数据区域,例如js对象的属性. P…