Skip to content

Instantly share code, notes, and snippets.

Avatar

Frank Fang fanghm

View GitHub Profile
@fanghm
fanghm / docker-ci-tool-stack.sh
Created May 30, 2016 — forked from marcelbirkner/docker-ci-tool-stack.sh
Getting started with docker CI tool stack
View docker-ci-tool-stack.sh
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 Jul 14, 2017
Study notes for front-end technologies
View frontend_notes.md

This is my study notes for front-end technologies

@fanghm
fanghm / 0_reuse_code.js
Created Aug 10, 2017
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@fanghm
fanghm / vue_study.md
Last active Sep 29, 2017
Vue study notes
View vue_study.md
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
View vuejs_computed.md

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

计算属性的setter

computed: {
  fullName: {
    // getter
    get: function () {
View vuejs_watcher.md

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

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

View vuejs_style_binding.md

v-bind:class

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

data: {
  isActive: true,
  error: null
},
computed: {
@fanghm
fanghm / vuejs_directive.md
Last active Oct 12, 2017
Vue study - directive
View vuejs_directive.md

指令

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

指令参数

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

修饰符 (Modifiers)

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

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

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

@fanghm
fanghm / js_curry.md
Created Oct 23, 2017
柯里化(curry)
View js_curry.md

curry 的概念很简单:只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数。

function isBiggerThan(value) {
  return function(data) {
    return data >= value;
  }
}
[12, 5, 8, 130, 44].filter(isBiggerThan(10)).filter(isBiggerThan(50));