讀取陣列變數值，存入清單項目
2020-11-05
2020-11-05
網頁Web-Javascript-物件(object)-{ }與陣列(array)-[] 的抓值方式
1.物件類型 { }
- 建立物件類型{屬性1:值1,屬性2:值2,屬性3:值3 }
- 抓物件{ }裡面的值
2.陣列類型 [ ]
- 建立陣列類型 [值1,值2,值3 ]
- 抓陣列整組資料
- 抓陣列[]裡面的值
3.#物件(object)與陣列(array)抓值方式
2020-11-04
AWS-S3-放置靜態網站
AWS-S3-放置靜態網站
2020-11-03
網頁Web-Javascript-在function()中再呼叫其他function()
1.表單-使用者輸入單價、數量後，計算出總額
- 先建立HTML
2.建立兩個function()
- 抓A值、B值的值
- 計算A值*B值
2020-11-03
網頁Web-Javascript-表單-使用者輸入單價、數量後，計算出總額
文、意如
2020-11-03
網頁Web-Javascript-表單空值提示
1.html-空值提示
2.javascript-空值提示
3.實作:讓使用者輸入數量1-10
- 3-1.空值提示:
- 提示文字"輸入數量1-10"
- 3-2.使用者輸入正確(1-10)時:
- 提示文字"OK"
- 3-3.使用者輸入不正確時:
- 提示文字 "請輸入1-10"
- 3-4.輸入其他字串時:
- 提示文字"無效數值"
- 3-5.數入大於10時
- 提示文字"庫存量不足"
2020-11-03
網頁Web-Javascript-即時更新日期時間
1.即時更新日期時間
2.客製化自己的日期時間
3.實作:客製化按鈕，使用function功能
2020-11-03
網頁Web-[HTML]+[JQuery] 二維條碼 QRCode 製作
[HTML]+[JQuery] 二維條碼 QRCode 製作
2020-10-29
網頁Web-Javascript-日期、時間，Date() 使用方式
1.抓取目前標準時間
2.把抓到的標準日期時間顯示在網頁上
3.抓出 "年、月、日、時、分、秒"
4.顯示格式：
顯示日期時間：0000/00/00 下午4:33:41
顯示日期：0000/00/00
顯示時間：下午00:00:00
5.實作:
按鈕功能:
- 日期時間: 顯示標準時間
- 今天日期: 只抓年/月/日
- 現在時間: 只抓時/分/秒
2020-10-29
網頁Web-Javascript-Function()使用與呼叫
1.Function()使用與呼叫
2.練習:點選計算按鈕，即可顯示計算結果
3.在javascript中使用變數
2020-10-29
網頁Web-Javascript-基礎篇
1.彈窗
2.運算式
3.開發者模式下看的提示訊息 (F12 -> console)
4.javascript執行先後順序
5.改變標籤中的文字
6.按下按鈕後才改變標籤的文字
7.引入javascript檔案
8.使用javascript寫html
2020-10-29
Vue.js-6.事件處理-物件屬性中的methods-實作:計數器
實作:計數器
2020-10-27
CSS瀏覽器支援度，各家瀏覽器的前綴詞
- 1942
- 0
- 2021-04-14
CSS支援
2020-10-27
網頁Web-CSS-選擇器 (行內樣式、類別樣式、ID樣式、標籤樣式、串接樣式表)
網頁Web-認識CSS篇
1.行內樣式
2.類別樣式(Class)
3.ID樣式(ID)
4.標籤樣式(<HTML>)
5.CSS套用優先權
串接樣式表
2020-10-27
Vue.js-5.屬性綁定
1.v-bind 縮寫為：(冒號)
2.綁定多個Style屬性
3.綁定:style物件object 寫法(集合)
4.綁定:style array 寫法
2020-10-27
Vue.js-4.資料綁定
Vue.js-3.資料綁定
選項物件屬性：
- data
v-text (綁定一般字串資料)
v-html (綁定含html標籤)
v-model(雙向綁定)
2020-10-26
Vue.js-3.了解整個流程，及第一個vue.js
每個 Vue 都需要通過實例化
var myvue = new Vue({ })
2020-10-26
Vue.js-2.目錄結構
目錄結構:
2020-10-26
Vue.js-1.安裝環境
- 下載 Vue.min.js 引入檔 或 使用 CDN 引入
- 下載npm
- 下載vue-ci
- 基於webpack模板建立一個新項目
2020-10-22
網頁Web-HTML-表單篇
HTML-表單篇