以前只會用DW設計簡單頁面..近幾年手機和電子商務的蓬勃發展..讓網頁的技術也跟著大躍進!!
於是響應式網頁、jquery、API應用等相關技術成為學習網頁的必修課程,所以整理起來分享和日後復習用。
想法: 樂透彩上看xx億,想知道現在去買彩卷的運勢如何 ? 點擊按鈕就可知道!!!! 程式需求: 1.點按鈕就知道結果2.可重新占卜 這次用到的語法有jQu...
想法: 利用尋找附近餐廳,除了列出價錢外,還有特殊需求,例如點擊「含素食」、「可外帶」按鈕就可即時顯示符合的餐廳… 程式需求: 1.網頁顯示各家餐廳欄位。2...
想法: 年底要到台北跟三五好友去跨年,想要搭火車去台北,車票多少錢? 程式需求: 不用按鈕,直接輸入「數量」可立即看到總金額 (數量*票價) 重點語法: $...
想法: 閱讀小說或文章時如果可以切換背景顏色、文字大小可讓眼睛不會吃力。 程式需求: 在文章頁面上方放上功能列,可以變換背景和文字大小。 功能列要永遠置頂...
逛購物或社群網站通常要註冊帳號,一定會有檢測這個帳號名稱是否有使用過,如果沒有才讓你註冊,而且通常是你輸入帳號,立刻就能顯示是否有人使用該帳號,而不用送出資料...
在此先用javascript抓遠端資料(JSON格式)到網頁,並把它轉成文字顯示在網頁上。 html: 功能是按下按鈕下方就會顯示遠端抓取的文字 <b...
本篇案例與之前javascript一樣的功能,按下按鈕將遠端json資料呈現在網頁上。只不過是用jquery來寫,在此用兩種寫法呈現: 顯示是否有抓到資料 顯...
接觸SASS之前,撰寫CSS很容易但是要維護內容卻很麻煩,比如說:「改某頁面的h2顏色」、「網頁主色調改成xx色」…這些工作都會浪費很多時間,透過SASS可以有...
巢狀是SASS的特色之一,剛學SASS時會很常用它的語法,但過度使用會有問題,以下列出他的優缺點: 優點:可以把輸出的CSS做整理,很快就看出語法含意。 缺點:...
安裝: 在此用「prepros」來快速學習SASS,以下是官網載點:https://prepros.io/downloads 選擇好對應的作業系統下載即可。 另...