从事多年前端web界面的开发,接触到polymer 之后,大概了解了网页开发的发展方向
原创 2019-02-25 16:25:52
341阅读
Polymer web 组件将css,html,js进行封装,给予特定的生命周期,简化开发,成为开发平台grul 将会超过grunt,web组
原创 2022-12-15 14:55:00
49阅读
# Polymer架构介绍 ## 引言 Polymer是一种用于构建现代Web应用的JavaScript库,它使Web组件的创建变得简单而高效。Polymer抽象出了Web组件的概念,使得开发人员可以使用HTML、CSS和JavaScript来构建可重用的组件。同时,Polymer提供了一个声明性和反应式的方法来管理状态和数据流,使得开发过程更加简便、更加高效。 ## Polymer的核心概
原创 8月前
84阅读
Google的Polymer框架介绍作者:chszs,转载需注明。博客主页:http:
原创 2013-05-25 00:24:16
58阅读
svelte & Polymer Project
]]
原创 2022-08-29 16:17:48
58阅读
近日,东华大学刘天西团队在Nature Communications上发表了题为“Cryopolymerization enables anisotropic polyaniline hybrid hydrogels with superelasticity and highly deformation-tolerant electrochemical energy storage”的研究论文
原文链接: Layout elements(注:有时需翻墙或换hosts)翻译日期: 2014年8月2日翻译人员: 铁锚译注: 点击下载本教程的示例代码: Polymer布局元素Demo相关的代码文件在 layout 目录下.0. 准备- Chrome浏览器模拟移动设备Chrome浏览器(要求最新版,如34以上版本)模拟移动设备的方法:打开一个标签页,按 F12,(或者在页面空白区域点鼠标右键,审
翻译 2022-02-22 11:34:20
146阅读
使用场景:自己定义一个confirm函数来替代浏览器自己的confirm,这个confirm执行之后弹出一个弹层,并展示相关提示信息,弹层的dom结构事先由polymer自定义组件定义好,假定组件名为my-confirm,代码如下。<link rel="import" href="../modal-dialog/modal-dialog.html" /> <dom-module
转载 2024-01-06 08:00:19
111阅读
    Google的Polymer框架分析    作者:chszs​    在2013年的Google I/O大会上,Google公司提出了一个新的UI框架,名为Polymer。Google称Polymer框架代表着所有Web UI框架的未来。    一、Polymer框架    Polymer框架可以分为三个层次:1. 基础层(platform.js):是基本构建块。大多数情况下,即使不是全体
转载 2013-05-25 14:49:00
154阅读
2评论
公开 property 当你公开一个 Polymer 元素的 property 名字时,就等于把这个 property 设置为公开API了。公开 property 会有如下的特性: 支持声明数据双向绑定 通过声明,property 将会按照名称一样的 html attribute 初始化数据 pro
转载 2020-05-28 23:55:00
59阅读
在前面的几节里面简单的介绍了一下Polymer的基本功能,但还有一些细节的东西并没有讨论,所有打算花点时间把Polymer的一些细节写一下。 new和createElement有区别吗? 看起来好像没有差别,但还是有些差别的,new的方式可以传递参数。 注:factoryImpl:只有使用new E
原创 2021-08-04 10:53:38
184阅读
可以在listeners对象中监听事件 这句话的意思是给id为special的元素单独指定一个tap事件。 除了通过这种方式,我们还可以这样。 this.listen(要添加事件的元素, 事件, 具体事件); this表示最外层的元素,通过this.$可以获取id元素。 删除事件 this.unli
原创 2021-08-04 10:53:36
107阅读
欢迎来到前端世界的明天由于官网被墙, 所以://docs.polymerchina.org/其实是一件很有意义
转载 2016-01-25 16:18:00
37阅读
2评论
​翻译人员: 铁锚在本节中,会在卡片上加入收藏按钮,并能够通过切换选项卡(tabs)连接到不同的 <post-list> 控制器, 整个应用就算完毕了.在本节中,您将学习:声明事件处理(event handling)向元素的原型(prototype)加入属性和方法(properties and methods)自己主动节点查找(Automatic node finding)​编辑 p
原创 2022-01-12 11:02:22
30阅读
poly-mer: 其中 poly有工业,或者许多的意思; mer 具有单元的意思. 合起来的意思就和 Web Components 差不多.(标准小组件单元)http://docs.polymerchina.org/ 其实是一件非常有意义的事。 组件化和重用,一直是编程界几十年来前进的方向和目标,随着时间的推移和需求的变化,前端开发已逐渐走进重用的时代,但这
原创 2022-02-22 11:54:32
216阅读
DOM元素的创建和管理被称为本地DOM(Local DOM) 本地DOM模板 如果你需要使用本地DOM,你们需要用 ID`。 在 里面写的css,html将不会影响外面的代码。有隔离的作用,他们称作 。脚本可以写在``里面也可以写在外面。 通过this.$.name快速获取元素 会获取到id为nam
原创 2021-08-04 10:53:40
263阅读
本节为体验篇,就是让你了解它有哪些功能,不做详细说明,后面再来讲细节。 自定义元素 组件页 index.html 效果 配置元素属性和内容 tab.html index.html
原创 2021-08-04 10:53:49
57阅读
你是否还在为Polymer应用中组件间数据传递混乱而头疼?当应用规模增长,组件间共享状态管理变得复杂,数据流向不清晰导致bug频发。本文将通过一个实际场景,展示如何使用Flux架构模式解决这些问题,让你的应用状态管理井然有序。读完本文你将学到:如何在Polymer中实现单向数据流构建可预测的状态管理系统使用Polymer自带API创建Store、Action和Dispatcher解决组件间数据共享
转载 7小时前
396阅读
我们创建的个人信息卡还算漂亮,但对整个应用来说,只有一张卡片看起来有点空荡荡的感觉。在本节中,将通过web服务获取数据,并使用Polymer的数据绑定(data binding)来显示一系列的卡片。获取数据,需要使用初始应用程序(starter)提供的 <post-service> 元素。该元素为虚拟社交网络提供了一个非常简单的API。在本节中,您将使用 posts 属性, 它返回像下
转载 2014-07-07 21:15:00
14阅读
2评论
原文链接: Step 3: Using data binding翻译日期: 2014年7月7日翻译人员: 铁锚我们创建的个人信息卡还算漂亮,但对整个应用来说,只有一张卡片看起来有点空荡荡的感觉。在本节中,将通过web服务获取数据,并使用Polymer的数据绑定(data binding)来显示一系列的卡片。获取数据,需要使用初始应用程序(starter)提供的 元素。该元素为虚拟社交网络提供了一
翻译 2022-02-22 11:49:56
123阅读
  • 1
  • 2
  • 3
  • 4
  • 5