發表文章

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

透過Vue實現限制數入字數

我們都知道,平常在社群網站上會限制使用者輸入的字數。最具代表性的網站就是Twitter,Twitter限制一般使用者每次發表文章的字數在140字以內。讓使用者用最簡短的文字來表達想法。對於優化使用者體驗比較好的方式是,當使用者在輸入的同時,提示使用者還有多少字可以輸入,當使用這輸入的字數達到限制時,及時地停止使用者繼續輸入。 像這樣子限制使用者輸入字數的機制要如何來實現呢? 有兩的點需要注意: 如何計算使用者輸入了多少字? 當使用這輸入的字數達到限制時,該如何停止繼續輸入? 今天我們就要透過Vue.js來製作一個可以幫我們控制輸入字數的程式。首先,我們先準備好需要的HTML檔案。 <!DOCTYPE html> <html lang=“zh-TW”> <head> <meta charset=“UTF-8” /> <meta name=“viewport” content=“width=device-width, initial-scale=1.0” /> <meta http-equiv=“X-UA-Compatible” content=“ie=edge” /> <link rel=“stylesheet” href=“https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css” integrity=“sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO” crossorigin=“anonymous” /> <title>Start</title> </head> <body> <div id=“app” class=“container”> <div class=“row”> <div class=“col”> <textarea cols=“30”

Python基礎篇--[條件]如果發生這種狀況時,我該怎麼辦?

圖片
日常生活中隨處可見的選擇邏輯 一個夏日的中午,行經便利商店,看到冰櫃裡一瓶瓶冰涼的飲料,感覺喝下去會很解渴,於是你走了進去,打開冰櫃拿出一罐售價25圓的可樂。正要掏出皮包裡的悠遊卡購買時,發現悠遊卡內儲值的額度只剩5元。於是你檢查皮包中看看有沒有現金。結果發現有一張ㄧ百元,於是你拿出那張一百元給店員。像這樣子的情形你應該不陌生吧?這是日常生活常見的場景,可以說在我們人生中就是會不斷的面臨各種大大小小的選擇。 我們常常會說,如果碰到狀況A,就做AA這件事;如果碰到狀況B,就做BB這件事;如果既不是A也不是B的話,就去做CC這件事。如果我們用這樣子的邏輯來敘述上面的場景的話,就會變成: 如果悠遊卡的儲值大於可樂的售價(25元),就用悠遊卡付款。 如果悠遊卡的儲值小於可樂的售價(25元),尋找皮包是否有現金。 如果皮包有現金,而且現金大於可樂的售價(25元),就用現金付款。 如果皮包沒有現金或現金小於可樂的售價(25元),就不買可樂 if/else流程控制 我們知道Python 執行是從最頂端第一行開始,然後循序向下逐條執行。 但是,並不是所有程式都是由上而下循序的執行,如果程式中有流程控制的陳述句子時,可能會依據條件跳過某些程式碼,也可能跳過整個區塊的子句不執行。 簡單說,流程控制就是「程式按照當時狀況、分別執行不同處理動作的功能」。在表示方式上面,我們會使用 if、else 、elif等方式表示他們之間的關係。 IF陳述句 IF 用中文解釋就是指「如果」的意思。在流程圖中使用菱形來表示,表示程式要做出的實際決定。 如果條件為True時會執行子句,條件為False時子句會跳過不執行。 例如:「如果悠遊卡的儲值大於可樂的售價(25元),就用悠遊卡付款。」如果用Python表示就會像這樣: 程式碼 if 悠遊卡的儲值 >=25: 使用悠遊卡付款 所有流程控制陳述句都是以冒號結尾,並在後面跟著一個新的程式區塊,也就是陳述子句。以上述的例子來說,陳述句是:『悠遊卡的儲值 >=25』,陳述子句是『使用悠遊卡付款』 程式碼 if 陳述條件成立: 執行這行陳述子句程式 需要特別注意的是,上面的語法中,tab的地方可以採

15個你應該知道的常用命令列指令

圖片
你是否看過電影中駭客對著一個全黑畫面只有滿滿文字的螢幕快速地敲打著鍵盤,有時候還會同時開啟兩三個一樣的畫面。看著螢幕上一行行綠色的文字飛快的向上掃過,映射在駭客的眼鏡上給人一副很帥的感覺? 你是否想過,如果有一天我也可以像電影中的駭客那樣,坐在星巴克咖啡店的沙發上快速敲打著鍵盤? 其實這個畫面就是我們電腦中的一個應用程式。終端機(terminal),他就在你電腦的其他項目裡面。如果你不是工程師的話,應該很少會用到這個應用程式吧。 然而,如果要成為會coding的工程師,熟悉使用終端機的操作和常用的 Linux 命令列指令碼操作則是必須的。 以Python為例,以下列出開發上常用的 Linux 命令如下:  註:前面加上錢字號($)代表此行為 command line 開始,真正在打的時候不用加入$ ls 功能:列出所在目錄的檔案 我想這個ls指令可能是命令列指令中最常被執行的吧!在操作的過程中我們時常都需要知道檔案或者是目錄的相關資訊。 $ ls 加上 -al 可以顯示所在目錄檔案的顯示詳細資料以及隱藏檔。 $ ls -al pwd 功能:列出目前完整路徑 $ pwd clear 功能:清除終端機上面的內容 $ clear mkdir 功能:創建新資料夾 如果你想要創建一個叫做test的資料夾,你可以這樣寫: $ mkdir test cd 功能:移動 root 位置 移動到myfolder $ cd myfolder 移動到使用者根目錄 $ cd ~ 往上一層移動 $ cd .. touch 功能:建立新空白檔案 建立一個名稱為 test.py 的空白檔案 $ touch test.py cp 功能:拷貝複製檔案 複製example.txt檔案到 myfolder 資料夾內 $ example.txt myfolder/example.txt mv 功能:移動檔案 移動example.txt檔案到 myfolder 資料夾內 $ example.txt myfolder/example.txt rm 功能:刪除檔案 刪除example.txt檔案 $ rm example.txt 刪除my

如何利用Python實現攝氏轉華氏的溫度轉換

圖片
編寫程式的目的就是為了解決問題,因此,在開始設計程式之前,先暸解問題是很重要的。 開始寫程式之前要先暸解以下幾件事: 待解決的問題其具體內容是什麼? 使用者為何? 要處理的資料類型是什麼?放在哪裡? 資料要如何輸入電腦? 要如何處理資料? 資料處理完畢後,要如何呈現? 處理完畢的資料需要儲存嗎?如果要儲存,需要放在哪裡? 既然已經暸解問題了,接下來透過程式處理的方法與處理的順序又是什麼呢? 這時候可以利用流程圖來分析。不過,在畫圖之前需要先把程式處理的方式依照邏輯的順序與步驟一個一個地寫下來。 把程式運作的主要流程列出來之後,再透過流程圖來表示出來。 這個程式其實網路上到處都有可以使用的 線上轉換器 ,在這裡我們只是想要透過Python這個程式語言來看看,是否也可以實現,也算是一個牛刀小試。 我們希望:使用者輸入攝氏溫度後,可以得到相對應的華氏溫度。 思考方式: 關於這個問題要如何解呢?首先應該要問的是,如果是徒手轉換這兩個數值的話,該如何進行? 為了解答這個問題,首先我們先找出攝氏轉華氏的公式。 以下是 維基百科 上面的說明: 可以看出攝氏轉華氏的公式是: F = C x 9/5 + 32 整個流程是下面這樣。 分析完畢之後,我們就可以開始寫程式了。 程式碼說明: 先印出說明, 提示使用者輸入攝氏溫度,並且移除輸入字串頭尾多餘的空白 帶入攝氏轉華氏公式,並將結果指定為F 印出轉換的結果(華氏溫度) 其中: print() 函數: python保留字 ,可以印出想要的結果。 int(C): 透過 int() 函數,把C轉換為整數(integer) strip()方法:用來移除字串頭尾指定的字元(預設為空格)或字元序列。 format()格式化函數:用來格式化字串 其實,要實現攝氏轉華氏不只有上面的方式,你也可以把程式改寫成函式的方式來獲取答案: 如果將上面的程式加上while迴圈,程式就會不斷的幫你轉換數值。 在迴圈中加入停止控制選項,只要按下q,就可以停止程式的執行。