跳到主要內容

發表文章

設計思考 (Design Thinking)

Design Thinking 101                設計思考也稱作設計思維，設計思考並非專屬於設計師 ; 相反地，設計思考是一種引導創新的方法，它從根本去了解問題的現象，觀察並分析使用者情境並以解決問題，彌補使用者與設計者，在使用、設計產品服務之間的斷層。 每個人只要奠基於創新之上，皆有此種思考取向。設計思考是一個創意解難的過程，透過運用設計思考工具中的的元素。
張貼留言
閱讀完整內容
最近的文章

如何用 JavaScript 讀取 input 裡面的內容？

<!DOCTYPE html> <html> <head> <title>&lt;input&gt; File Selection</title> <meta http-equiv="X-UA-Compatible" content="IE=10"> </head> <body> <h1>HTML5 &lt;input&gt; File Selection</h1> <h3>Example 1</h3> <input type="file" id="fileSelector" multiple accept="image/*" /> <!-- By design, if you select the exact same files two or more times, the 'change' event will not fire. --> <ul id="fileContentList" style="list-style-type: none;"></ul> <!-- This will be populated with <li> elements via JavaScript. --> <script type="text/javascript"> var message = []; if (!document.getElementById('fileSelector').files) { message = '<p>The ' + '<a href="http://dev.w3.org/2006/weba
張貼留言
閱讀完整內容

如何讓 button 被點下時，可以執行某一段 JavaScript 程式碼？

範例中第一個部分的原始碼如下： <a href="javascript:open_window('javascript.html')">javascript:function</a>:JavaScript Pseudo Protocol. 一般 來說，href 的內容是 URL，但是我們卻設定了一串頗為奇怪的字串。讓我們解釋一下： Javascript 提供了一個特別的用法，稱之為 JavaScript Pseudo-Protocol， javascript: 之後會加上一個函數名稱， 函數可以是 Javascript 內建的函數，也可以是自行定義的函數。 例如，你可以直接在瀏覽器輸入  javascript:alert(document.links.length)   來得知目前這個網頁總共有多少超連結（links）。 當然，你也可以將這段 程式碼用來取代這個範例的 href 值。 範例中第二個部分的原始碼如下： <form> <input type="button" name="Button1" value="請按我" onClick="sayhi()"> </form> 這是一個 form 元件，該元件內包含一個按鈕元件，該元件名稱為 Button1。 在按鈕元件中，我們也定義了一個事件處理的函數： " onClick="sayhi()" ； 該定義說明了：如果使用者在按鈕上點一下，則執行 sayhi() 函數， 而 sayhi() 的程式碼如下： <script language="javascript"> <!-- function sayhi() { alert("What's up?"); } // --> </script> 如果使用者在"請按我"的按鈕上點一下，螢幕上會出現包含 "What's up?" 訊息的視窗。
張貼留言
閱讀完整內容

將程式碼Deploy到Heroku平台

如何將本地專案Deploy到Heroku上 1.註冊heroku帳號 https://www.heroku.com/ 2.安裝heroku toobelt https://toolbelt.heroku.com/ 3.打heroku login，會出下面這些：    Enter your Heroku credentials.    Email: (你的 email)    Password (typing will be hidden):(你的密碼)    Authentication successful. 4.新增 SSH Key    要 push project 到 Heroku 需要使用 SSH key，如果    SSH key 的話，可以用以下指令新增一個 SSH key 5. 將 SSH Key 新增到 Heroku 帳戸 6. 將現有專案 deploy 到 Heroku    cd my-project    heroku create my-project    git push heroku master
張貼留言
閱讀完整內容

介紹版本控管程式 - git

Git介紹 Git為分散式版本控制系統，是為了更好管理Linux內核而開發的。 Git可以把檔案的狀態作為更新歷史記錄保存起來。因此可以把編輯過的檔案復原到以前的狀態，也可以顯示編輯過內容的差異。 而且，當有人想將編輯過的舊檔案上傳到伺服器、覆蓋其他人的最新檔案時，系統會發出警告，因此可以避免在無意中覆蓋他人的編輯內容。 為什麼需要版本控管？ 有時候我們的心血會因為人為疏失(例如：忘了存檔、檔案互相覆蓋、檔案因系統當機遺失)而全部不見，所以我們需要版本控管。版本控管系統提供了一個地方讓你集中存放撰寫過程中的所有程式檔案及文件，以便達到集中控管的目的。
張貼留言
閱讀完整內容

計數器程式碼

計數器程式碼： var http = require('http'); var fs = require("fs"),     data = "count.txt",     count = 0,     encode ="utf8"; fs.readFile(data, encode, function(err, file) {     console.log(file);     count = file;     http.createServer(function (req, res) {         fs.writeFile("count.txt",count,function(){});         count++;         res.writeHead(200, {'Content-Type': 'text/plain'});         res.end('Hello , you are the ' +count + "st guest~");     }).listen(1337, '127.0.0.1'); }); console.log('Server running at http://127.0.0.1:1337/');
張貼留言
閱讀完整內容