Month: April 2018

gulp编译不同路径的scss

var gulp = require('gulp');
var compass = require('gulp-compass');

gulp.task('compass', function() {
    ['./', './mobile/', './ws-ydpm/'].forEach(function(dir){
        gulp.src(dir+'scss/*.scss')
            .pipe(compass({
                sass: dir+'scss/',
                css: dir+'css/'
            }))
            .pipe(gulp.dest(dir+'css'));
    })
});


gulp.task('default', function() {
    gulp.start('compass');
    gulp.watch('./**/*.scss', function() {
        gulp.start('compass');
    });
});

注意：要用这个gulp的时候，它forEach的资料夹都要有，而且里面也要有scss/css资料夹及檔案…

代码心得

1.尽量物件导向化(例如在function内用  this.xxx = xxx)

2.变数尽量简洁、unused的删掉。

3.逻辑判断要清楚

4.应该做个双向绑定，例如可以输入生日，来测试情况

 

Vue.js

Vue.js給我的感覺是，將一組HTML物件化起來，定義它的方法、資料。

jQuery則是一開始使用 selector 找到物件，再定義要他們幹麻幹麻。

all Vue components are also Vue instances

Declarative vs Imperative Programming

https://codeburst.io/declarative-vs-imperative-programming-a8a7c93d9ad2

http://www.redotheweb.com/2015/09/18/declarative-imperative-js.html

https://msdn.microsoft.com/zh-tw/library/ff750239.aspx

https://msdn.microsoft.com/zh-tw/library/ff750239.aspx

https://stackoverflow.com/questions/33655534/difference-between-declarative-and-imperative-in-react-js