透過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基礎篇『加減乘除』


說到Python的加減乘除,我們要討論的是『算術運算子』。算術運算子就是我們用來執行一般數學運算的運算子。嗯,這聽起來好饒舌。簡單來說,就是加減乘除商餘等基本的數學。

下面就是算術運算子的符號:

符號 意義
+
-
*
/
% 取餘數
// 取商數
** 次方

下面是算術運算子的簡單運算例子,可以在Python Shell中輸入下面的表示式:

1 + 2.5 會得到:
3.5 的結果。

又如,2 - 3.5會得到:
-1.5 的結果。

乘法:2 * 3.5 會得到:
7.0 的結果。

除法: 2 / 3.5 會得到:
0.5714285714285714 的結果。

次方:3 ** 4 會得到:
81 的結果。

和數學一樣,每個運算元有其優先順序,我們稱之為「優先權」。算術運算子的運算順序從左至右:次方(**)會先運算,接下來是乘(*)、除(/)、取商數(//)、和取餘數(%)。如果想要改變計算的優先順序,可以使用括號。

例如: 2+3*10**2 會得到:
302 的結果。

如果使用括號來改變順序的話,
(2+3)*10**2 會得到:
500的結果。

留言

這個網誌中的熱門文章

用Python的條件實現電影分級流程

Vue元件實作,將HTML網頁Vue元件化

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