Melody的程式天地

發表文章

目前顯示的是 2015的文章

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

<!DOCTYPE html> <html> <head> <title><input> File Selection</title> <meta http-equiv="X-UA-Compatible" content="IE=10"> </head> <body> <h1>HTML5 <input> File Selection</h1> <h3>Example 1</h3> <input type="file" id="fileSelector" multiple accept="image/*" />  <ul id="fileContentList" style="list-style-type: none;"></ul>  <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">  </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/');

閱讀完整內容

JSON資料格式

什麼是「JSON」資料格式？ JSON （ J ava S cript O bject N otation）是一種由道格拉斯·克羅克福特構想設計、輕量級的資料交換語言，以文字為基礎，且易於讓人閱讀。為什麼要統一資料交換的格式？因為能交換檔案，互相通用。在JSON之前，主宰網路世界的資料交換格式為XML，XML與JSON的格式有何不同？ JSON和XML的特性差異如下： 1. 描述相同資訊內容情況下，JSON所需儲存容量比XML小，因為它省去XML所需的標籤，加快了資料的傳輸。 2.JSON與XML最大的不同在於XML是一個完整的標記(Markup)語言，造成XML在程式判讀上耗費比較多資源。主要的原因在於XML的設計理念與JSON不同， JSON支援的資料型態包括了字串(String)、數字(Number)、陣列(Array)、布林(Boolean)、物件(Object)、空值(Null)六種。 JSON 與「JavaScript 的物件」的相同/不同點在於？儘管JSON是Javascript的一個子集，但JSON是獨立於語言的文本格式，並且採用了類似於C語言家族的一些習慣。

閱讀完整內容

加密&解密

如何用fs.readFile()讀取檔案首先，先創造一個index(檔名).html的檔案，在裡面打上一些字要先載入檔案系統模組接著我們就可以使用 fs.readFile(filename , encode, function(err){}來讀取index.html 結果：

閱讀完整內容

命令提示字元

1. 怎麼打開命令提示字元一開始先進到初始畫面，直接打上 "cmd" 或是 " 命令提示字元 " 點選上面的 " 命令提示字元 " 2. 在命令提示字元中切換到桌面資料夾利用 "cd" ，就是 "Change Directory" ，意思是 " 更改路徑 " 假如我們要切換到桌面，桌面的英文是 "Desktop" ，所以要打的就是 "cd Desktop" 3. 如何創造一個檔案如果要創造一個檔案，可以用 "echo" ，假如我要創造一個檔案叫 "Hello" ，我就要打 "echo：_> hello (檔案名稱)" 4. 在檔案中寫完程式以後，如何在命令提示字元中用 NodeJS 來執行此程式當我們寫完程式後，可以先下載 Node JS 之後安裝，然後利用 "node 檔案名稱 " 就可以執行 javascript 的程式了

閱讀完整內容