發表文章

目前顯示的是 8月, 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基礎篇--迴圈 For Loops and While Loops

圖片
Python的主要迴圈指令有二,分別是For迴圈與While迴圈。兩者的差別在於while迴圈不會預設重複的次數,也就是說如果使用while迴圈時,可以無限次的重複。如果預先知道需要重複多少次的話,使用For迴圈會比較恰當。 For迴圈(For loops) 如果預先知道需要重複多少次的話,採用for迴圈是比較洽當的。他的語法如下: for 變數 in 串列: 程式區塊 例如下面的例子。其中i是變數,mylist是串列 ,而程式區塊的內容則是 print(i)。 mylist = [1,2,3,4,5] for i in mylist: print(i) 上面的程式碼執行後,電腦會陸續的將mylist串列的內容印出來,就像下面一樣。 當一切元素都處理完畢後,就會結束for迴圈。 另外,也可以使用range()來設定迴圈的執行次數,其語法如下: for 變數名稱 in range(重複次數):   重複執行的程式 巢狀迴圈 for迴圈也可以放在另外一個for迴圈裡面,這樣就成為所謂的巢狀迴圈。巢狀迴圈的執行次數是各層迴圈的乗績。 利用這個特性,我們可以透過巢狀迴圈製作九九乘法表。 for x in range ( 1 , 10 ): for y in range ( 1 , 10 ): product = x * y print ( "%d x %d =%d" %(x , y , product) , end = "" ) print () While 迴圈(While Loops) 如果條件符合的話,程式區塊就會被執行。反之,若條件不符合時,就結束迴圈繼續執行迴圈後面的程式碼。也就是說while迴圈會在條件為True的狀況下,重複執行內部的程式區塊內容。while迴圈通常沒有固定執行的次數,語法如下: while 條件:     程式區塊 下面的例子。條件是 n <3 ,程式區塊的內容是:print("name") n = 0 while n < 3 print ( "name" ) 需要特別注意

Python基礎篇--[如何安裝Pyrhon環境]

圖片
以前想學寫程式,卻都因為程式碼複雜難懂而半途放棄了,直到發現Python之後... Python是一種物件導向、直譯式的程式語言。相對其他程式語言來說,由於Python的語法簡單,比較像是一般的英語一樣,對於初學者來說,是個比較容易入門的程式語言。並且Python的應用領域十分廣,舉凡作業系統、網站、資料科學、網頁資料蒐集、大數據分析、影像辨識處理、遊戲軟體製作、自動化文件處理等等,都可以辦到。看起來學習Pyrhon似乎是一個不錯的投資。 Python可以在多種平台開發與執行。不論是在Mac、Windows或Linux上面都可以執行Python。本文主要在說明macOS系統上需要的工具。 若Mac電腦的系統版本為 OS X 10.8以上的話,Python 2.7已經內建在裡面了。所以,如果不用Python3的話,是不需要另外安裝的。 如果要安裝最新的Python的話,請到 Python網站 下載軟體。 (https://www.python.org/downloads/) 安裝完畢之後,可以透過終端機輸入:python3 --version 檢查是否安裝成功。 python3 --version IDE編輯器 編輯Python可以在Python系統內建的IDLE編輯器裡面撰寫程式。但是IDLE編輯器功能上面較為陽春。一般人會選擇其他工具進行撰寫。 PyCharm CE 你可以在PyCharm CE中建立Python文件、編寫與編譯,並在console中顯示執行的結果。 Anaconda 包含常用的科學與資料分析模組,內建Spyder編輯器與Jupyter Notebook編輯器。 安裝Anaconda 步驟為: 1. 首先,您可以從 https://www.anaconda.com/download 安裝Anaconda。 接下來可以選擇您要執行Python的作業系統,在這裡我選擇的是macOS。 有兩個版本可供選擇:Python 3.6和Python 2.7,選擇版之後點擊『64-Bit Graphical Installer』進行下載。 依照步驟指示安裝完畢之後。就可以在mac的Launchpad中可以找到名為“Anaconda-Navigator”的圖示,點擊就可

Python基礎--讀取檔案、寫入檔案

一般來說,我們都會把資料儲存在檔案中。如果我們想要分析資料的時候,必須先將資料從檔案中取出並且讀取它。因此,我們可以透過撰寫Python程式碼來取出檔案並且讀取檔案裡面的資料,作為分析資料的前置準備。 如何在預先設定的資料夾中產生一個檔案? 如果想要打開電腦裡面的檔案,只需要下幾行Python程式碼,就可以開啟檔案。 透過下面程式,我們可以在預先建立的in資料夾裡面建立一個檔案testing.txt。 其中open表示開啟檔案,而該檔案的路徑在電腦的  in/testing.txt,這裡使用 in/而不是/in/表示我的python 檔案與in資料夾在同一個層級,你也可以已照您的需要使用不一樣的電腦路徑。 另外,”w”表示寫入模式。(還有“r”與“a”等分別代表不一樣模式的參數可以選擇 ) myfile = open("in/testing.txt", "w") 執行上面的程式後,可以去in資料夾裡面檢查是否已經產生了一個testing.txt檔案,如果檔案存在的話,就表示已經成功了。 然後,在用下面程式關閉檔案。 file.close() 可見,Python是一個簡潔的程式語言。接下來,我們進一步來看這幾個程式碼所代表的意思。 open()函數 open函數是內建的函數。如前面展示,open函數可以開啟指定的檔案,並對檔案進行接下來的讀取或修改寫入等行為。 如果想知道open函數的所有功能,可以在終端機輸入help(open)。如下所示,你可以看到open可以使用的八種參數: open(file, mode='r', buffering=-1, encoding=None, errors=None, newline=None, closefd=True, opener=None) open函數最簡單的用法是讀取檔案,你只要透過下面語法就可以讀取檔案: open("file") 其中的filename,就是檔案名稱,如果檔案與程式不在同一個資料夾目錄的話,需要寫上檔案路徑。路徑可以是相對路徑也可以是絕對路徑。 open("file","mode")