Skip to content

Instantly share code, notes, and snippets.

View fanghm's full-sized avatar

Frank Fang fanghm

View GitHub Profile
@fanghm
fanghm / docker-ci-tool-stack.sh
Created May 30, 2016 08:41 — forked from marcelbirkner/docker-ci-tool-stack.sh
Getting started with docker CI tool stack
git clone git@github.com:marcelbirkner/docker-ci-tool-stack.git
cd docker-ci-tool-stack
docker-compose up
@fanghm
fanghm / frontend_notes.md
Created July 14, 2017 03:43
Study notes for front-end technologies

This is my study notes for front-end technologies

@fanghm
fanghm / 0_reuse_code.js
Created August 10, 2017 01:50
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
**Destructuring assignment**
```
var parameters = {controlProtocol: 'CWA', retUnitMgmt: true};
const {controlProtocol, retUnitMgmt} = parameters;
console.log(`controlProtocol: ${controlProtocol}, retUnitMgmt: ${retUnitMgmt}`);
```
@fanghm
fanghm / vue_study.md
Last active September 29, 2017 09:06
Vue study notes
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
@fanghm
fanghm / vuejs_directive.md
Last active October 12, 2017 02:46
Vue study - directive

指令

v-if, v-bind... ..

指令参数

<a v-bind:href="url"></a>

修饰符 (Modifiers)

@fanghm
fanghm / vuejs_computed.md
Created September 29, 2017 09:27
Vuejs computed

对于任何复杂逻辑,都应当使用计算属性 计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。 如果你不希望有缓存,请用方法来替代。

计算属性的setter

computed: {
  fullName: {
    // getter
 get: function () {
@fanghm
fanghm / vuejs_watcher.md
Created September 30, 2017 02:29
Vue.js - watcher

Vue 通过 watch 选项提供一个更通用的方法,来响应数据的变化。当你想要在数据变化响应时,执行异步操作或开销较大的操作,这是很有用的。 除了 watch 选项之外,您还可以使用 vm.$watch API 命令。

Refer: https://cn.vuejs.org/v2/guide/computed.html#观察者

@fanghm
fanghm / vuejs_style_binding.md
Created October 12, 2017 02:22
Style binding

v-bind:class

<div v-bind:class="classObject"></div>

data: {
  isActive: true,
  error: null
},
computed: {
@fanghm
fanghm / massive_agile.md
Created October 23, 2017 03:02
Road to massive agile teams
  • 分队类似于一个 Scrum 团队
  • 分会是在同一个部落、相同能力领域内拥有相似技能的一些人。
  • 协会则是一个具有更广泛影响的“兴趣社区”,它包含这样一群人,他们想要分享知识、工具、代码和实践。

分会是在部落内的,而协会通常跨越整个组织。比如,网页技术协会,测试协会,敏捷教练协会等等。

Ref: http://geek.csdn.net/news/detail/95545