【教学向】再加150行代码教你实现一个低配版的web component库(3) —代码篇

2017-09-05
阅读 11 分钟
2.7k
书接上文【教学向】再加150行代码教你实现一个低配版的web component库(2) —原理篇 虽然低配版的web component篇较之前的mvvm篇没有什么人气,有点曲高和寡的赶脚,但是教程还是要继续出完的,给自己一个交代。 还是再先上一遍设计图和组件定义格式 component定义格式 {代码...} 设计图 还是先搭骨架,再填血肉 这次增...

【教学向】再加150行代码教你实现一个低配版的web component库(2) —原理篇

2017-08-29
阅读 4 分钟
3.3k
动图镇楼 在线演示:[链接] 书接上文 【教学向】再加150行代码教你实现一个低配版的web component库(1) —设计篇 先回顾一下 上文说道一个基本款的custom web component由3大部分组成,同时也必须具备4大功能 三大部分是 {代码...} 四大功能是 {代码...} Component定义文件格式如下 {代码...} 接下去,本篇就会一一讲解...

【教学向】再加150行代码教你实现一个低配版的web component库(1) —设计篇

2017-08-27
阅读 5 分钟
4.7k
上两篇Mvvm教程的热度超出我的预期,很多码友留言表扬同时希望我继续出下一篇教程,当时我也半开玩笑说只要点赞超10就兑现承诺,没想到还真破了10,所以就有了今天的文章。

[译]关于Polymer 2.0

2016-12-08
阅读 1 分钟
3k
好久没有更新polymer系列文章了,今天去官网一看2.0 preview也出来了。这几天项目正好不紧,有大量的空闲时间,不如就翻译一下这篇关于Polymer 2.0的文章吧

双向绑定+Web Component轻量库Ukujs 1.1.0 发布

2016-05-21
阅读 1 分钟
3.9k
2015年9月29日在sf发布了po主的第一篇专栏文章——《轻量级的双向绑定工具 —— ukulelejs》(<——不明真相的群众可以先戳这个链接) 自从2015年7月2日起,历经了261次commit,Ukujs终于发布了1.1.0版本1.1.0版本的重大更新有 完成一次重大重构并全部迁移到Typescript Web Component功能趋于稳定 Ukujs官网(http://momoko8...

开坑,写点Polymer 1.1 教程第6篇——样式(3)

2016-03-18
阅读 4 分钟
3.1k
一些和自定义css属性有关的API上篇中我们介绍了如何自定义css变量,从而在外部定义一些具体的值,由外部component传入子component后动态的改变,子component的样式。但是这一切都是声明式的也就是说在运行前这些样式就已经决定了,如果你需要在运行时动态的改变一些自定义属性定义的样式,那你就要使用一些polymer提供的...

开坑,写点Polymer 1.1 教程第6篇——样式(2)

2016-02-26
阅读 5 分钟
3.4k
已经好久没有更新Polymer专栏,之前几个月由于受到工作上的突然变故,导致学习和撰写无法顺利开展,好在目前各方面都已经暂时稳定下来,期间有不少对Polymer感兴趣的坛友通过评论或者私信的形式向我表达了不要断更的期望,我在这里也想对他们说声谢谢。

开坑,写点Polymer 1.1 教程第6篇——样式(1)

2015-10-29
阅读 3 分钟
3.8k
Polyermer使用的是Shadow DOM styling规则来限定每个自定义组件的样式范围(即每个组件都可以定义自己内部独立的样式,而不受外界全局样式的干扰)。如何定义组件内部样式呢,我们需要在<dom-module>标签内使用<style>标签(1.1版本开始推荐与<template>平级)。

开坑,写点Polymer 1.0 教程第5篇——事件与消息机制

2015-10-09
阅读 3 分钟
5.3k
大家注意,这里使用了myBtn.click这种 id+.+eventName的方式,可以对内部某个id的dom进行监听。而不写id,则监听是加在整个组件之上的。大家可以跑下上面的代码看看区别。

开坑,写点Polymer 1.0 教程第4篇——组件的生命周期

2015-10-08
阅读 4 分钟
5k
这篇来谈谈polymer最核心的一块,也可以说是web components技术最最核心的一块内容 “生命周期”,大家在学习一些框架的时候最好都去了解一下它们的生命周期。

开坑,写点Polymer 1.0 教程第3篇——组件注册与创建

2015-10-05
阅读 4 分钟
3.9k
之前一篇算是带大家大致领略了一下Polymer的风采。这篇我们稍微深入一丢丢,讲下组件的注册和创建。 创建自定义组件的几种方式 这里我们使用Polymer函数注册了一个自定义组件"my-element" {代码...} 在hello world篇中我们使用的是直接在html页面里写标签的方式来创建这个自定义组件 {代码...} 但是如果my-element需要被...

开坑,写点Polymer 1.0 教程第2篇(下)——hello world篇

2015-10-03
阅读 4 分钟
4.2k
数据绑定是一个非常屌的的办法能让你快速的传播组件的变化,减少代码的行数。你可以用双大括弧{{}}来声明你需要绑定的属性,大括弧在运行时会被替换成括弧内的属性值。

开坑,写点Polymer 1.0 教程第2篇(上)——hello world篇

2015-10-01
阅读 3 分钟
5.5k
书接上回,我们已经把运行Polymer的准备工作做好,接下来就敲点代码来感受下它到底是个什么东东,这一篇里我基本会照搬官网Quick tour的几个例子来快速过一下。

开坑,写点Polymer 1.0 教程第1篇——安装篇

2015-09-30
阅读 2 分钟
6.1k
书接上回上一篇我们介绍了神马是Polymer,这一篇我们来做些正式编码前的准备工作,顺便也扯一扯Polymer的真面目 如何安装Polymer 有两种方式:第一种是bower安装,不要问我bower是什么,不会bower的话,也不建议你现在开始学习Polymer {代码...} 安装成功后会在bower.json中生成如下依赖配置 {代码...} 如果日后Polymer...

开坑,写点Polymer 1.0 教程第0篇——介绍篇

2015-09-30
阅读 3 分钟
10.2k
我是一名近2年由Flex转web的老前端,纵观目前web界群魔乱舞的局面,个人认为目前比较火热的Angular和这篇文章要介绍的polymer是最适合我过渡的两种技术选型(由flex过渡到html+js)。相比其它web components技术,如react,我更看好polymer这种方式,它更加直观,自然,更加适合传统前端程序员的思维。由于国内polymer的...