發表文章

目前顯示的是 10月, 2018的文章

交個筆友吧!老派的浪漫與科技之結合 - SLOWLY

圖片
快速又有效率是科技發展的一個重要目的,SLOWLY卻反其道而行,從名字上就能看出其特點的趣味性。 筆友是過去能與遠方陌生人交友的一種方式,後來也有一些找筆友的網路平台出現,我曾經成功交了一位來自印尼的筆友,透過e-mail互相寫信,但不知道為什麼他突然不回信了(哭)... SLOWLY是一個新概念的筆友平台,跟大多數的交友軟體很不一樣,主軸是模擬寄信到世界各地,而且會真的依照距離計算送信的時間,也可以蒐集各種不同地區甚至星座的郵票。 比較像是用心靈與彼此交流,非即時性的訊息也能降低一些緊張,而等待似乎也能更珍惜對方傳來的訊息。 老實說,我跟我的卡友也都走這種模式,甚至好幾個月才回覆一次,但依舊保持聯繫XD 官網 畫面設計簡單明瞭,主色採用鮮明的黃,不知道有沒有什麼特殊意義,而Icon就是簡單線條的明信片,一看就知道他的主題。 大頭貼有很多不同風格的插圖供使用者選擇,滿有趣的! 導覽列在最下面,最右邊的是關於個人設定還有一些數據。 要找筆友,有自動配對或是比較主動的去瀏覽筆友列表。 平台會根據你感興趣的話題及語言幫你媒合筆友,喜歡的就發信去吧 ! 我目前的筆友們(羞) 與某個小夥子的信件,跟telegram一樣,已讀了就雙勾勾。 來自各地的郵票, 每個郵票也都是小插圖,目前看來地區性的都是地標! 不過我是滿懷疑是否每個國家都有啦,因為現在大多以亞洲區國家為主呢。 這個App完全是因為"寄信"這個主題吸引到我了,我很愛寄信(怪人),雖然不像是能摸到的真實信件,也能清楚的知道信件抵達時間,但我也是比較喜歡這種慢慢來的交友方式啦。 究竟我的筆友們能維持聯繫多久呢?讓我們繼續看下去...

克服JS - this

this 在 Javascript 裡面是一個容易令人誤會,也十分令人困惑的字。 它在不同的位置上所代表的東西不一定是這麼直觀的,直白的翻譯 this 是這個的意思。 我一開始使用的時候,一直覺得它就是指當下把它包起的東西,物件也好,函式也好,但看來並不是這樣(笑)... function a() { console.log(this); } a(); // Window{...} function b() { this.test = 'hello'; } console.log(this.test); // 'hello' this指的是Global Object,而另一個函式內的this也指向的是同一個Global Object。 var c = { name: 'The c obj', log: function() { console.log(this); } } c.log(); // {name:'The c obj', log:function} 這裡的this則指的是c這個物件。 var c = { name: 'The c obj', log: function() { this.name = 'Updated c object'; console.log(this); } } c.log(); // {name:'Updated c object', log:function} 因此可以變動物件c內的name。 var c = { name: 'The c obj', log: function() { this.name = 'Updated c object'; var setname = function(newname) { this.name = newname; } setname('new name yes!'); console.log(this); } } c.log(); //{name:'Updated c object...

克服JS - 傳值和傳參考

神奇的傳值與傳參考,指的是JS在"複製"一個變數的時候,所採取的方式。 大多都是以下這種傳值的方式在運作。 //by value var a = 3; var b; b = a; a = 2; console.log(a); //2 console.log(b); //3 不過碰到了物件(包含陣列),就是傳參考了。 d與c都是代表同一個物件,所以更改其中一個,都會互相影響。 // by reference var c = { greeting: 'hi' }; var d; d = c; d.greeting = 'hello'; console.log(c.greeting); // 'hello' //by reference function changeGreeting(obj) { obj.greeting = 'Hola'; } changeGreeting(d); console.log(c.greeting); //'Hola' console.log(d.greeting); //'Hola' 那要怎麼只複製物件的值呢? 可以使用 b = Object.assign({}, c); reference: Udemy 克服JS的奇怪部分