【從學員練習影片觀察到一個關於 TDD 的有趣現象】
極速開發的課後練習作業,雖說重點是放在極速開發要學習的技巧與刻意練習的模型,但開發的方式、順序也是刻意安排成類似 TDD 的進行方式,來讓生產力最大化(TDD 本來就是幫助開發的,不是幫助測試的)
我從2位第一次上我課的學員(當然就是 #極速開發,代表他們沒上過#單元測試 跟 #TDD與持續重構),雖然他們是照著示範影片、上課教學用 TDD 在寫整個 tennis 的過程,但從他們執行測試的時間點就可以發現:
「他是用測試來驗證 production code 的正確性」,即使他先寫了測試,也不先執行,沒有看到紅燈,每次都等到 production code 寫完了,應該要綠燈時,才執行測試。
而其他上過 TDD 課的同學 ,或是上過單元測試的同學,知道測試是用來描述情境,如果現在「加入的這個情境是新的需求或需求異動,代表目前 production code 還不支援這個情境,執行測試跑出的紅燈,就是等等 production code 要完成的 #目標」
test-frist 從來都只是 TDD 其中一個小小的衍生產物,而不是全貌。TDD, 測試驅動開發 從來都是一種開發方法,而不是測試方法。
總有些人老愛把 TDD 拿來跟測試相提並論,就總是喜歡把 test-first 當作靶子打,覺得違反人性跟直覺,覺得先寫測試在很多情況下是浪費時間或是不 work,可能拿來跟一堆測試的方法論相提並論,或總是只拿回歸測試的效益來當作 TDD 的整體。抑或是陷入 isolation unit test 與 integration test (其實就是非 isolation 等級、有實際依賴的自動測試)之爭。
```
註:TDD 事實上是可以不是單元測試等級的。
```
要比較正確看待 TDD 的角度,首先要知道它是幫助開發的、它是一種開發方式(當然不是唯一一種,甚至也不會是最好的一種,因為根本沒有最好,只有剛好)
接著要了解 TDD 可能用 IPO 模型還比較貼切,input-process-output,在你開發任何功能之前,你總要先想過這件事。而先想這件事,才是 TDD 的最基本精神。
接著是怎麼把你想好的東西,變成可執行的 spec,我們只是用測試程式來「描述」你腦袋中的「IPO模型」,把 process 的過程當作一個黑箱子。
而這個 IPO 模型在結合成「使用情境」,就會帶來「高易用性 API 的好處」,只有在一開始就先想好怎麼給別人用,最後才會好用。所謂的一開始想好,指的不是預先設計一堆 class,而是 input/output 想清楚期待(一般會結合實例化需求,搭配 Given/When/Then 的 gherkin style 來把前置條件、資料、前提想好,當發生什麼事,應該是怎樣的結果),然後描述它。在紅燈定義清楚目標,綠燈完成 input/output 關係且沒弄壞前面的所有情境後,來針對 process 進行重構(事實上 Kent Beck 的 TDD by Example 更多是用 refactor 來 #完成 process。
```
註:所謂的 output 不一定只有回傳值,包含外部依賴狀態、資料的改變,甚至顆粒度小一點,針對物件導向設計的話,物件內部狀態的改變也算,只是物件內部狀態改變,驗證點要嘛是拿得到內部狀態,要嘛就是要驗證物件哪個行為會因這個內部狀態而有所不同。
```
## 戰 TDD 之前該先做好的功課
要戰 TDD,是不是至少要把 Kent Beck 的 TDD by Example 看完?
要戰 TDD,請不要拿它跟測試方法論來比,那只是一下就被人看破手腳。因為它是個開發方法論。
要戰 TDD,請不要把它的好處只限縮在跟回歸測試、自動測試的比較,因為那只是它的衍生好處,當你試過在白海報紙上 TDD 就懂,TDD 是在釐清你的思緒的同時,又可以以終為始,確保你在 production code 的每一個動作都是為了滿足某個期待的情境。
要戰 TDD,請不要去把 單元測試、整合測試捲進來,那是測試的顆粒度,那是測試的分類,TDD 從來都不是只能限於單元測試。
要戰 TDD,請不要在那邊戰他是 bottom-up ,是直接從程式/class 的角度出發,事實上 TDD 既不是 bottom-up, 也不是 top-down, (書裡面就有講這件事咩),實務上的 TDD 結合倫敦派(GOOS)跟芝加哥派(Classic TDD),會更像 Outside-In 的進行方式,先定義好驗收情境,接著從最外部(也就是使用者看得到的部份)一路把依賴往另一邊的系統邊界推,直到推到系統以外的依賴資源(persistence 或 external API/service)
```
註: ATDD by Example 中 ATDD by Example, Kent Beck 寫的序最後的一段話。
Kent Beck:
「就像我曾說過的,TDD的一個缺點是,它可能會退化為一種用來滿足開發人員需求的編程技能。某些開發人員從更廣泛的角度來看待TDD,輕易在他們測試的不同抽象級別間跳躍。然而在ATDD中不存在歧義,這是一種加強與非編程人員溝通的技術。我們之間良好的協作關係,以及作為這種關係基礎的溝通,能夠使軟件開發更有效率。採用ATDD是向著溝通更清晰這個目標邁進的重要一步,而此書是一本全面又平易近人的入門讀物。」
```
要戰 TDD,請不要只關注在 test-frist,因為他只是用 test 來幫助你 think-first,不要邊寫邊想。然後不要過份依賴或相信你腦袋的能力,把你想好的東西具體化出來,最好可以被直接執行,最好除了你以外每個人執行出來的結果都會一樣(不管是對的,還是錯的)
要戰 TDD, 請不要把論點放在見樹不見林,如果你有看 TDD by Example 的 Part 1, Part 2 那兩個加起來共 24 個章節,就知道一開始就得把當下想到的全貌紀錄在一個「紙本」的 backlog (所謂的紙本,只是要講這並不依賴於任何工具)
而這個需求輪廓的全貌,會隨著你逐漸完成一部分一部分的情境,設計逐漸浮現後,而隨時跟著增減調整。
但不代表 TDD 就是先想到一個測試案例,就直接先幹下去了,那根本是亂搞。
以上這些,都還不是在列 TDD 的好處,而是針對那些從來沒搞懂 TDD 但又愛戰 TDD 的人一點提醒,你戰的很可能是「你誤解的 TDD」。
TDD 還有許多實務上的用途,列上我在譯者序中的一小段:
>> 測試驅動開發(Test-Driven Development, TDD)!一種以測試為開發輔助、以測試來描述需求情境、以測試來當作目標、以測試來表達期望、以測試來驗證疑問、以測試來實驗學習、以測試來溝通協作、以測試來協助設計高易用性 API 的「開發方法」。
譯者序有開放給大家看,請見:https://tdd.best/book/tdd-by-example/
拜託,要戰之前去看一下祖師爺 Kent Beck 對 TDD 的原始見解:https://www.tenlong.com.tw/products/9789864345618?list_name=srh
如果你想正確的使用 TDD 來幫助你在實務上產生許多的價值,帶來許多的好處,尤其是需求釐清、持續重構、小步快跑的部份,最好理解的培訓課就在這:https://tdd.best/courses/classic-tdd-by-example-video-training/
最後我想講一段話:
TDD 從來都不該被導入到團隊中,但它是一種很好的自我鍛鍊與學習的方式,也是一種能用很低的成本來帶來很多好處的開發方法(見下方註腳),然而它也不是適用所有的情況,但它可以讓『完美』變成一個動詞,而非不變的形容詞。
```
註:
Kent Beck 在 DHH 靠腰:《TDD is Dead》 之後寫的一篇反串文:《RIP TDD》
https://www.facebook.com/notes/1063422864115918/
我幾年前的簡易翻譯,通常也是 TDD 可以幫助你解決的問題,如下:
- Over-engineering (過度設計)
- API feedback (改善API的設計與可用性)
- Logic errors (想的跟寫的不一樣,寫的跟需求不一樣)
- Documentation (寫跟維護文件是痛苦的)
- Feeling overwhelmed (找不到切入點)
- Separate interface from implementation thinking (抽象設計)
- Agreement (確保已修正問題的證據)
- Anxiety (改東壞西的擔心受怕)
```
很久沒對 TDD 發表這種長篇大論了,因為不理解、不想理解、不同角度理解的人居多,能真的到各自的塔上用不同角度來看原義,以及實務上用它來幫助解決的問題有哪些的人,真的太少。
大部分人只想針對這個詞彙來攻訐以博得流量跟吸引目光,而不是想著「我可以用它來幫助我什麼」
問題跟需求是中性的,解決問題跟滿足需求的手段與方式有千萬種,不會只有一種,也不會有所謂的對錯,多點角度去了解不同的方法、方式,然後融會貫通,發揮綜效,在實務上用最少的成本與風險來產生最大的價值,這才是真正的目標。
導入敏捷不該是目標,導入 TDD 也不該是目標,目標永遠都是在實務上產生價值、解決問題、滿足需求。
同時也有5部Youtube影片,追蹤數超過4萬的網紅暴力 Violencee 生活誌,也在其Youtube影片中提到,終於一試真4K投影機的魅力了? 真的一試回不去⋯⋯ 我的銀包在哀號了! 產品資料: ViewSonic PX701-4K https://www.projector.com.hk/product/viewsonic-px701-4k-2/ 原價:$9,999 現優惠價:$6,999跟機享受原...
「input 值」的推薦目錄:
- 關於input 值 在 91 敏捷開發之路 Facebook 的最讚貼文
- 關於input 值 在 動區動趨 BlockTempo - 由社群而生的區塊鏈媒體 - Media for Blockchain Facebook 的精選貼文
- 關於input 值 在 國家衛生研究院-論壇 Facebook 的最佳貼文
- 關於input 值 在 暴力 Violencee 生活誌 Youtube 的最佳貼文
- 關於input 值 在 Guitar Josa Youtube 的最讚貼文
- 關於input 值 在 DMT Studio Taipei official Youtube 的精選貼文
- 關於input 值 在 Re: [問題] 如何將輸入的值帶入網址- 看板Web_Design 的評價
- 關於input 值 在 JS 筆記- 取得與清除input 的值 - 提姆寫程式 的評價
input 值 在 動區動趨 BlockTempo - 由社群而生的區塊鏈媒體 - Media for Blockchain Facebook 的精選貼文
#Cardano #升級完成 #引入Defi
【Cardano完成Alonzo升級,正式進入DeFi時代!智能合約功能啟動】
🔥Cardano 開發團隊 Input Output Global( IOG )今日稍早所發佈的貼文表示,已經成功完成 Alonzo 硬升級
並表示將在 9 月 25~26 日,舉行 Cardano Summit 2021 ...
-
#同場加映
① Cardano創辦人:對 Solana 很感興趣!願與 SOL 在三方面攜手合作
https://pse.is/3p8ywk
② Cardano市值飆至「全球第三」,ADA 被高估了嗎?
https://pse.is/3jlqtf
③ Cardano Alonzo升級 | IOG 新版本錢包藏倒數彩蛋;幣安宣布支援、暫停ADA出入金
https://pse.is/3nn4q8
-
✅ 即時新聞Telegram頻道
https://t.me/blocktemponews
✅ 每日精選 LINE:
https://line.me/R/ti/p/%40kgx9780p
✅ #五千人投資討論群 (已滿)
https://line.me/ti/g2/htySqS7SoKOuGGFx4Gn9dg
-
✅ 動區Line2群👇👇👇
https://bit.ly/dogemoon2
input 值 在 國家衛生研究院-論壇 Facebook 的最佳貼文
【疫情下的護理教學現場】
新型冠狀病毒大流行,全球面臨前所未有的挑戰,自今年五月起國內所有課程開始採用遠距教學,各護理校院也對是否持續臨床實習做出艱難決定。
在權衡教育的價值與學習者的風險,以及參考教育部六月公告之「大專校院醫事類科因應嚴重特殊傳染性肺炎疫情之實習課程應變機制」,多數護理校院暫時將實習課程改為虛擬與其他教學方式。
科技與資訊設備的使用能力考驗遠距教學的品質,護理教師必須在極短的時間內學習透過不熟悉的機制扮演熟悉的角色,包括運用虛擬形式於教學、評量和輔導學生。
另須將學生學習資源的差異,如家中是否有高速網路、電腦設備與安靜的環境等,納入課程設計的考量。透過遠距教學雖讓學習不中斷,卻也因此減少師生互動,使得提供學生情感關懷和學術支持受到挑戰,如何增加師生雙向溝通以及利用虛擬形式提供支持,將持續挑戰教師的創新教學能力。
疫情改變教學現場,對於不熟悉線上和虛擬學習環境的教師,持續的專業發展至關重要。教師需透過額外的學習,花更多的時間與精力,將高品質的教學帶入新的遠距教學方法中。
學生也如同教師一樣,需要時間學習與適應新的教學模式。在疫情下,除了教師的創新教學方式,學校資源的投入與同儕的支持有助於緩解教師的壓力,以確保有效率培育高素質的護理專業人員。
▶ 更多護理相關精采文章,詳 國家衛生研究院-論壇: https://forum.nhri.edu.tw/nursing_info
■撰文者:
王采芷教授兼教務長 國立臺北護理健康大學
■審閱者:
王秀紅諮議委員 國家衛生研究院論壇
【Reference】
📋 國家衛生研究院-論壇 - 109年研議議題
「台灣護理人力發展之前瞻策略規劃」
■議題召集人:王秀紅教授(高雄醫學大學護理學系)
■以護理人力的教育、考試、訓練與任用過程,並融合透過人力「輸入(input)─過程(process)─產出(output)」的概念分為7個面向,從護理人力之人才培育(護理教育)、護理專業之能力提升(專業認證、進階護理),以至從初級照護、次級急性照護、至三級照護的執業場域(社區護理、醫院護理、長照護理)之護理人力需求;再以科技護理橫貫人才培育、能力提升以及人力需求等層面的教育與應用。
➤https://forum.nhri.edu.tw/109-pp-3/
衛生福利部
衛生福利部護理諮詢會
衛生福利部護理及健康照護司
國立臺北護理健康大學
國立臺北護理健康大學
高雄醫學大學護理系學生會
高雄醫學大學護理學院
私立高雄醫學大學
台灣護理學會
中華民國護理師護士公會全國聯合會
護理正義
護理人護理魂-hi,I'm CC
財團法人國家衛生研究院
國家衛生研究院-論壇
input 值 在 暴力 Violencee 生活誌 Youtube 的最佳貼文
終於一試真4K投影機的魅力了?
真的一試回不去⋯⋯
我的銀包在哀號了!
產品資料: ViewSonic PX701-4K
https://www.projector.com.hk/product/viewsonic-px701-4k-2/
原價:$9,999
現優惠價:$6,999跟機享受原廠三年保養
(首50部跟機送出EZCast 2無線投屏器一個)
。真實的 4K HDR/HLG 視覺體驗
。4.2ms Ultra-Fast Input 技術與 240Hz 高更新率,極致遊戲體驗
。自動垂直梯形修正功能與水平/垂直梯形修正功能
。曲面變形校正功能,Projector Warping Tool多點調整
。SuperColor™️ 技術顯示寬廣的色彩範圍
。使用者使用雲端色彩設定檔交流功能,可建立專屬的色彩設定檔並與他人共享
。3,200 ANSI 流明在任何環境下均能呈現明亮影像
。畫面尺寸更大,可達100吋
。內建 USB Type-A 電源輸出 (5V/1.5A) 可用於為 連接HDMI的設備供電
。節能省電 20,000 小時燈泡使用壽命
ViewSonic X10-4K產品專頁
https://www.projector.com.hk/product/viewsonic-x10-4k-2/
0:00 前言
0:37 要介紹的4K投影機
1:25 Subscribe我啦
1:42 買投影機前必須考慮的四點
2:19 投影距離與空間好重要
4:28 擺放位置都要考慮
6:12 投影機用途確定
6:48 240Hz更新率打機畫面實測
9:10 電影畫面實測
11:12 兩部4K投影機買邊部好?
#開燈也能用的投影機 #ViewSonicPX701-4K #ViewSonicX10-4K #投影機開箱
.
加入Discord吹水
https://discord.gg/wMESTAX
.
歡迎合作:vioveevee@gmail.com
.
BGM我都用Artlist.lo
如果你也剛好想訂閱Artlist 希望你可以用我的推薦碼
你會多兩個月的同時,我也能多兩個月!一舉兩得:)
https://artlist.io/artlist-70446/?artlist_aid=VeeVlog_1217&utm_source=affiliate_p&utm_medium=VeeVlog_1217&utm_campaign=VeeVlog_1217
如果你想用任何高質Footage 可以用Artgrid!
https://artgrid.io/Artgrid-114820/?artlist_aid=VeeVlog_1217&utm_source=affiliate_p&utm_medium=VeeVlog_1217&utm_campaign=VeeVlog_1217
-----------------------------------------------------------------------------------------------------
請大家也不要忘記Follow我其他平台啊!
Facebook:
https://www.facebook.com/veetravel/
暴力 Violencee 生活誌
Instagram:
vio_veevee
https://www.instagram.com/vio_veevee/
-----------------------------------------------------------------------------------------------------
我的器材兄弟們 My Gear :
相機 Camera-
Sony A7siii
Blackmagic Pocket CInema Camera 4K
Sony RX100IV
DJI OSMO Pocket2
DJI OSMO Action
Insta360 One R
Insta360 OneX2
iPhone 11 Pro Max
鏡頭 Lens-
Tamron 28-75mm F2.8
SIRUI ANamorphic 50mm F1.8
Sigma 16mm F1.4
Helios 58mm F2
Pentax 50mm F1.8
相機外接螢幕 Monitor:
Portkeys P6
Portkeys LH5H
燈光 Lighting-
Aputure COB 120D
Aputure COB 120Dii
Aputure COB 300D
Aputure Tri-8C
Aputure Mini-20
Aputure F7
Aputure MW
Aputure MC
Aputure B7C
滑軌 Slider-
YC Onion Chocolate Mini Slider
YC Onion Hotdog Slider
至品創造 Micro2
航拍機 Drone-
DJI Spark http://a.co/ctrbCuW
收音 Sound-
Comica Boom X-D D2
Deity D3 Pro
Deity D4 Duo
Deity S-Mic2
Aputure A-Lav
Comica Boom X-D
電腦 Editing-
2018 MacBookPro 15" with Final Cut Pro X
Hackintosh
input 值 在 Guitar Josa Youtube 的最讚貼文
CHASE BLISS CXM 1978 是向 “Reverb”效果器剛萌芽的70年代致敬,70年代也是各種效果技術爆發性成長的年代,Chase Bliss Audio 攜手傑出的聲音效果公司 Meris 設計了CXM 1978,操作介面由Chase Bliss 設計操刀,和Preamp MKII 自動Fader和簡單的控制介面,聲音核心技術由 Meris 提供錄音室等級的音效設計,兩者相輔相成而端出這顆重量級 Reverb, 以現代的極致技術呈現70年代的老靈魂。
@自動Fader即時呈現Preset數值/MIDI Control
@32bit AD/DA
@3種經典Reverb演算法 (Room/Plate/Hall)
@可調整Reverb分頻點設計 (Adjustable decay crossover)
@Expression pedal/MIDI 控制介面
@Stereo input/output
成為這個頻道的會員並獲得獎勵:
https://www.youtube.com/channel/UCqLpLJT7CrR6SawBFwy_Tww/join
=========
🎸贊助Josa🎸
Paypal ▶ https://www.paypal.com/paypalme/josaguitar
歐付寶 ▶ https://p.opay.tw/LzPAz
謝謝你們 !
我會持續做出好內容給大家收看的 !
Follow me on
🎸IG : https://www.instagram.com/josaguitar/
🎸Youtube : https://www.youtube.com/user/MrJosaguitar
🎸Facebook : https://www.facebook.com/JosaGTplayer/
#ChaseBliss
#CXM1978
#Josa
#堅持熱情
#吉他教學
#吉他直播
input 值 在 DMT Studio Taipei official Youtube 的精選貼文
頤原介吉他送音鋪帥吉他最後一波~~~
終於,要送木吉他的時間到了喔!快去分享把握最後機會RRRRRB!
不囉唆一樣是大哥:滅火器 Fire EX.樂團🔥🔥
終於來到最終章,今天訪問到的是主唱:楊大正......
的技師「RB」🙋🏼♂️🙋🏼♂️❤️❤️
讓技術界的鬼塚英吉,教大家舞台演出時各種狀況解法!也包含主唱大正的詳細器材解說!
看完也別忘了任務要繼續完成,抽獎活動持續進行中呦!!
-
*第二集抽獎將於今天晚上4/5(五)直播抽出,請鎖定臉書粉專以及Youtube頻道!
👉👉如果按搶先看和訂閱通知的朋友將會收到系統通知!這樣就不會錯過直播了~~
👉👉我們也將準備簡短的QA時間,讓對頤原介吉他有興趣的朋友也可以得到你想得到的資訊喔❤️
-
*由於本次活動採人工查驗,過程中我們發現有很多朋友完成了部分任務卻沒有私訊粉絲專頁,為了避免你錯失抽獎機會,請務必在完成所有步驟以後將截圖私訊粉專喔❤️❤️
*此活動感謝最讚的「iNPUT Music 音鋪」提供:
「音鋪系列木吉他全品項八折券」三張以及
「音鋪系列350木吉他免費兌換券」乙張!!
🔥🔥抽獎方式如下🔥🔥
___
1. 在此文下方留言你還想看哪些樂團的器材介紹,並標記兩位你想分享的朋友,
ex. 林頤原 林阿夜 我想看 TRASH的器材介紹啦!
2. 到「DMT Studio」及「iNPUT Music 音鋪」FB粉絲團 按讚+追蹤,也別忘了追蹤頤原的IG(這個沒追我就不抽你喔🤔🤔)
3.分享Youtube影片連結到私人FB或IG主頁並且打上Hashtag #謝謝頤原介吉他讓我抽音鋪的帥吉他,並且在貼文標記「iNPUT Music 音鋪」及「DMT Studio」,記得設為公開才能讓我們看到喔!
📺影片連結:https://youtu.be/-3nIik-qbPY
4.截圖分享頁面(IG及臉書皆可)傳至「DMT Studio」FB或是IG粉絲專頁並且打上「已完成任務!」
5.本次滅火器系列影片共三集,我們會在每一集結束後抽出一張音鋪系列木吉他八折券並於下一支影片下方公布得獎名單,並於最後一支影片抽出由「iNPUT Music 音鋪」所提供價值5280的「音鋪系列木吉他350NT或350TB」一把(顏色任選)!
-
👉「音鋪系列木吉他八折券」一集將抽出一張,並不會累計,分享該集即擁有該集抽獎資格,每次抽獎將會在下一集影片內容公佈。
👉「音鋪系列350木吉他」只要完成任務都能延續抽獎資格,所以三集都分享的話你將有三個名額,數學好的都知道,三集都分享的話抽中機率一定是更高的喔!
👉「DMT Studio」保有對以上活動更改內容以及獎品的權利。
-
#頤原介吉他 #全新一季 #滅火器 #FireEX #下集
#趕快解任務抽免費吉他吧
___________________
【頤原介吉他 Euan's friends' Rig】
「頤原介吉他」節目專門訪問台灣知名音樂人及樂團吉他手與貝斯手的設備器材與他們的故事,
如果有想要我們採訪的樂團歡迎在下面留言讓我們知道,
喜歡我們的影片請記得按讚分享訂閱,
頤原介吉他不定時更新,
如果有任何合作方面洽談請私訊洽 DMT studio
★【頤原介吉他 Euan's friends' Rig】專屬Donate網址https://gum.co/RlAev
DMT studio
FB: https://goo.gl/TA7wnm
E-mail: [email protected]
林頤原
FB: https://goo.gl/Vg8Gqv
IG: lin_euan
iNPUT 音鋪
FB:https://reurl.cc/pvdqr
IG: input.music.tw
★【頤原介吉他 Euan's friends' Rig】feat.宇宙人:
https://youtu.be/eA1EitM-s-M
★【頤原介吉他 Euan's friends' Rig】feat.麋先生:
https://youtu.be/Z0hl4ugasW8
★【頤原介吉他 Euan's friends' Rig】feat.怕胖團:
https://youtu.be/zhtM3DSXXZw
★【頤原介吉他 Euan's friends' Rig】feat.頑童MJ116 吉他手Joey
https://youtu.be/E95i94z_Vb0
★【頤原介吉他 Euan's friends' Rig】feat.頑童MJ116 貝斯手 道生
https://youtu.be/FkJ-rkPy_pk
★【頤原介吉他 Euan's friends' Rig】Feat.滅火器 吉他手 鄭宇辰
https://youtu.be/1U3rK8akZpk
★【頤原介吉他 Euan's friends' Rig】Feat.滅火器 貝斯手 皮皮
https://youtu.be/I9lgiOejMz8
出品/ DMT Studio
主持人/ 林頤原
攝影/ 林哲旭、管漢雲
剪接/ 林頤原
後製/ 林哲旭
調光/ 林哲旭
字幕/ 林淇評
片頭LOGO設計/ 李怡臻 (栗子設計)
服裝贊助/ Slightly Numb
Photo/ Code Snape
特別感謝/ 宇辰、皮皮、RB、大正、滅火器、阿Ken、火氣音樂、栗子設計、巫虹、iNPUT 音鋪
input 值 在 JS 筆記- 取得與清除input 的值 - 提姆寫程式 的推薦與評價
執行function 會跳出alert 視窗,並顯示輸入的值。 button type="reset" 在 form 標籤內,會自動執行清空 input 的功能。 ... <看更多>
input 值 在 Re: [問題] 如何將輸入的值帶入網址- 看板Web_Design 的推薦與評價
※ 引述《x4wei (chAnceWEI)》之銘言:
: ※ 引述《x4wei (chAnceWEI)》之銘言:
: : https://www.abc.com/test.php?flag=2&year=100&sem=2&rgno=*使用者輸入*
: : 最近自學網頁設計,遇到了一個瓶頸
: : 請問在html語法上是否能將使用者自行輸入"文字欄位"的值帶入網址中?
: : ____________
: : |使用者輸入| 送出
: :  ̄ ̄ ̄ ̄ ̄ ̄
: : 例如像這樣的設計,按下送出即可連結?
: : 請問各位這該如何寫呢?謝謝!
: <form method="get">
: <input name="id" type="text" maxlength="9" />
: <input name="Submit1" type="submit" value="送出"/></form>
: 到這邊就卡關了...
: 抱歉,剛接觸html不到一星期,無法像大家能清楚理解...
<form action="" method="get" name="form">
<!--
action就是執行submit之後,會連到的網址,留空白就是保留原網址
method有兩種,一種是get,另一種是post
get通常用在一些無關安全性的,像是頁數或是名稱之類的
主要是透過網址列來傳資料,也就是你要問的東西
post是用在保密性高的,像是帳號密碼,這個就不會傳到網址列上
-->
<input name="id" type="text" />
<!--
name的值,就是之後帶上網址列的參數,type我想你應該已經知道作用了
-->
<input name="submit" type="submit" value="送出">
</form>
假設,你的網頁是index.html
你的網址連線為:https://localhost/index.html
送出之後,即為:https://localhost/index.html?id=輸入的值
所以透過網址列傳遞的參數,都是在"?"之後
如果參數不止一個,則透過"&"連結
如:......index.html?id=id&num=num&ptt=ptt
不知道這樣說明能否理解?
有誤也請版友幫忙補充~謝謝
--
╭──╮╭╮
╰┐┌╯││ 低調才是王道
││er│╰╮in~☆
╰╯ ╰─╯
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.198.160.217
※ 編輯: terlin10 來自: 114.198.160.217 (06/25 22:38)
... <看更多>