polymer包含哪些

2024-10-04

初识Polymer框架

什么是polymer? polymer由谷歌的Palm webOS团队打造,并在2013 Google I/O大会上推出,旨在实现Web Components,用最少的代码,解除框架间的限制的UI 框架. polymer的核心思想是"Everything is an element",一切皆组件. polymer 可以通过Twitter的包管理器bower,方便的进行组件(Elements)及包的依赖管理,不必自己从git上下载组件. polymer分层结构: 元素层(Elemets)

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

【转】Facebook React 和 Web Components（Polymer）对比优势和劣势

原文转自:http://segmentfault.com/blog/nightire/1190000000753400 译者前言这是一篇来自 StackOverflow 的问答,提问的人认为 React 相比 WebComponents有一些“先天不足”之处,列举如下: 原生浏览器支持原生语法支持(意即不把样式和结构混杂在 JS 中) 使用 Shadow DOM 封装样式数据的双向绑定这些都是确然的.不过他还是希望听听大家的看法,于是就有了这篇精彩的回答. 需要说明的是,这篇回答并没有讨

Polymer——Template

Polymer Template 一.Ta的简介 template是polymer element中一个重要的组成部分,主要有两种使用目的,一是构建Shadow Dom,二是用于数据绑定和视图渲染. 1.可以在template里面放置css.html代码,<template>标签外的,html标记不会被渲染出来. 在这里通过link方式引入的css文件,会被放到<style shim-shadowdom-css>标签里面,简单说来就是,不区分外联,内联,都按内联处理,这个标签在he

第一个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 大部分关键的概念. 如果你有什么不理解的地方也没关系.教程中出现

Facebook React 和 Web Components（Polymer）对比优势和劣势

目录结构译者前言 Native vs. Compiled 原生语言对决预编译语言 Internal vs. External DSLs 内部与外部 DSLs 的对决 Types of DSLs - explanation DSLs 的种类 - 解释 Data binding 数据绑定 Native vs. VM 原生对决 VM(虚拟机) 译者前言这是一篇来自 StackOverflow 的问答,提问的人认为 React 相比 WebComponents 有一些"先天不足"之处,列举

从HTML Components的衰落看Web Components的危机 HTML Components的一些特性 JavaScript什么叫端到端组件自己对Polymer的意见

http://blog.jobbole.com/77837/ 原文出处: 徐飞(@民工精髓V) 搞前端时间比较长的同学都会知道一个东西,那就是HTC(HTML Components),这个东西名字很现在流行的Web Components很像,但却是不同的两个东西,它们的思路有很多相似点,但是前者已是昨日黄花,后者方兴未艾,是什么造成了它们的这种差距呢? HTML Components的一些特性因为主流浏览器里面只有IE支持过HTC,所以很多人潜意识都认为它不标准,但其实它也是有标准文档的,而且

前端组件化Polymer入门教程(3)——快速入门

本系列主要翻译官方的教程,因为国内目前这方面的资料太少了,但也不一定和官网的一样,反正就是自己想到哪就写到哪. 如果我没有说明,默认情况下index.html始终包含这段代码,后面将不会再贴上来. <head> <meta charset="UTF-8"> <title>Document</title>  <script src="webcomponents-lite.m

polymer入门例子-已过时

这个教程挺不错!:http://blog.csdn.net/renfufei/article/details/37040883 过时了,现在的版本已经为1.0了一:创建APP结构本教程会使用预先构建好的polymer元素:toolbar,tabs,panel <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=ye

LightningChart解决方案：XY和3D图表（Polymer Char GPC-IR®-工程案例）

LightningChart解决方案:XY和3D图表(Polymer Char GPC-IR-工程案例) 所在行业:石化公司成立时间:1992年LightningChart解决方案:XY和3D图表 Polymer Char GPC-IR Polymer Char成立于西班牙的瓦伦西亚,为聚烯烃制造有关行业提供仪器和服务,例如凝胶渗透色谱法(GPC /SEC),化学成分分布,双变量分布,高温HPLC,可溶性分数测定,质量控制,内在粘度测量,制备分馏和红外检测. 该公司以其先进的虚拟仪器软件体系结构

dagger2系列之依赖方式dependencies、包含方式(从属方式)SubComponent

本篇是实战文章,从代码的角度分析这两种方式.本文参考自下列文章: http://www.jianshu.com/p/1d42d2e6f4a5 http://www.jianshu.com/p/94d47da32656 一般在项目中我们需要全局使用app或者其他,这个时候就需要有一个全局的Component作为桥梁,提供给使用方使用.一个Component可以依赖一个或多个Component,并拿到被依赖Component 暴露出来的实例. <一>依赖关系全局提供App实例类.上下文Cont

ThinkPHP+Smarty模板中截取包含中英文混合的字符串乱码的解决方案

好几天没写博客了,其实有好多需要总结的,因为最近一直在忙着做项目,但是困惑了几天的Smarty模板中截取包含中英文混合的字符串乱码的问题,终于解决了,所以记录下来,需要的朋友看一下: 出现乱码的原因: 对于字符串的截取,truncate函数只适合英文用户,对与中文用户来说,使用 truncate会出现乱码,而且对于中文英文混合串来说,截取同样个数的字符串,实际显示长度上却不同,一个中文的长度大致相当于两个英文的长度.此外,truncate不能同时兼容GB2312.UTF-8等编码. 解决方法:自

C# 用SoapUI调试WCF服务接口（WCF中包含用户名密码的验证）

问题描述: 一般调试wcf程序可以直接建一个单元测试,直接调接口. 但是,这次,我还要测试在接口内的代码中看接收到的用户名密码是否正确,所以,单一的直接调用接口方法行不通, 然后就想办法通过soapUI输入用户名和密码调用接口调试. 解决方案: 1.建立IIS站点a,指向--src\WCF(右键项目名称->在文件资源管理器中打开文件夹,直接复制该打开的文件夹路径,建立站点,指向该路径) 2.设置站点a的IP为127.0.0.1 ,端口随便,无冲突即可 3.在IIS站点中找到服务所在,如"S

Windows下Nginx配置SSL实现Https访问（包含证书生成）

Vincent.李 Windows下Nginx配置SSL实现Https访问(包含证书生成) Windows下Nginx配置SSL实现Https访问(包含证书生成) 首先要说明为什么要实现https? HTTP全名超文本传输协议,客户端据此获取服务器上的超文本内容.超文本内容则以HTML为主,客户端拿到HTML内容后可根据规范进行解析呈现.因此,HTTP主要负责的是"内容的请求和获取".问题就出在这部分.行监控.劫持.阻挡等行为很容易导致网站泄密,一些关键参数比如登录密码开发者会在客

mysql 列名中包含斜杠或者空格的处理方式

今天客户那边遇到了一个比较奇葩的问题跑来问我,这个问题比较冷门,所以特别记录下. 问题描述数据库的字段存在斜杠或者空格的时候,怎么用sql进行insert或者select操作. 问题解答对于这种特殊字符,我们一般想到的是用转义符进行处理,所以试了下"/".引号.单引号等常见的转义符,发现依然语法错误,又查了下mysql的官方说明: 特殊字符位于列名中时必须进行转义,如果列名中包含\t,(,),/,\,=,<,>,+,-,*,^,",',[,],~,#,|,&a

ASP.NET Core 1.1 Preview 1 简介(包含.NETCore 1.1升级公告)

ASP.NET Core 1.1 Preview 1于2016年10月25日发布.这个版本包括许多伟大的新功能以及许多错误修复和一般的增强. 要将现有项目更新到ASP.NET Core 1.1 Preview 1,您需要执行以下操作: 1. 下载并安装更新的.NET Core 1.1 Prevew 1 SDK2. 按照.NET Core 1.1 Preview 1升级公告(下一节介绍)中的说明将项目更新为使用.NET Core 1.1 Preview 13. 更新您的ASP.NET Core包依

polymer包含哪些

热门专题