最近笔者发现ali_cloud上的gitlab CICD build 前端vue工程docker镜像一直很慢，快的时候7，8分钟，慢的时候40分钟，慢就慢了且常常40多分钟的时候给我来下个failed

最近在写一个即时聊天程序的DEMO，技术栈差不多是vue+nodejs+redis+rabbitmq,里面有用到rabbitmq来处理消息列队，程序写好后，我用docker-compose做了个镜像，日后好给别人做DEMO。docker-compose.yml大致如下

Up所在的开发团队，由于测试人员（以下简称QA）的资源匮乏，较难保出品质量，穷则思变，近年来Up尝试和实践了前端的各类测试方法，今天写出来与大家分享，讨论

前阵子老美的Audit要求各个开发组截图各自repository的Sonar Analysis Report，我跑去Sonarqube一看。。。好家伙！全是红灯，简直惨不忍睹

写在前面 本文适读人群 你手头有正在维护的基于angular1.x开发的老项目 这个老项目很臃肿 这个老项目还在为公司盈利，还时不时有新的需求要加进来 你是个对技术有追求的人，渴望实践新技术 你想使用新技术（ng2+，vue，react等）把这个老项目推倒重来，无奈这样做risk和workload都很高，项目计划不允许你这么做。 如果你...

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

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

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

为了便于分模块，和阅读，我使用了Typescript来进行coding，总行数是正好150行，最早写DEMO的时候用了ES2015，代码行数应该在100行出头，如果你不会搭ts+webpack的编译UMD环境，你也可以把本文中的ts语法人肉转成es6或者es2015，我相信这对你（一个有志于学写mvvm库的青年）来说没有什么难度。

本文适合对MVVM有一定了解（如有主流框架ng，vue等使用经验配合本文服用则效果更佳），虽然会用这类框架，但是对框架底层核心实现又不太清楚，或者能说出个所以然，但是让他自己动手写又没有头绪的码友。如果还没听说过MVVM，不妨先收藏着。。。

某天发生一件比较奇怪的事情，从git上clone下来的代码，执行完npm install && bower install之后，app不能正常工作。

好久没有更新polymer系列文章了，今天去官网一看2.0 preview也出来了。这几天项目正好不紧，有大量的空闲时间，不如就翻译一下这篇关于Polymer 2.0的文章吧

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

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

最近在调试一个nodejs的工程，这个工程是由国外team维护的，我们可能需要了解其内部的一些关于token运行机制。由于暂时没有权限获得源码，只有一个已经部署好服务的测试环境供我做research，所以我唯一想到的就是用node-inspector这个debugger工具来远程调试一下代码以方便调研。

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

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

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

这篇来谈谈polymer最核心的一块，也可以说是web components技术最最核心的一块内容 “生命周期”，大家在学习一些框架的时候最好都去了解一下它们的生命周期。

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

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

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

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

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

什么是Ukulelejs 一个轻量级的双向绑定工具，你可以把它暂时理解为精简版的Angular。(以下简称ukujs) 先来看一个最简单的双向绑定例子 {代码...} {代码...} 什么是Ukulele 还记得这个风靡网络的视频么？这个小正太手里捧着的可爱乐器就叫做Ukulele Ukulele是一种来自于夏威夷的4弦小吉他，念作尤克里里（台译：乌克里里...