最近忙里抽閑,搞了些Web方面的小東東,即HTML+CSS+Javascript應用。
感覺這些小東西挺有意思,可以很好的鍛煉自己的動手能力,鞏固知識。
扔在硬盤太可惜了,因此拿出來分享一下,給需要的童鞋參考。
其實俺的水平還很菜,做的這些東西根本沒啥實用性,因為小菜試了試只兼容火狐和谷歌,IE下就悲劇了。。。
前台這些東西,沒四五年工作經驗,真是不敢做。。。
下面簡單介紹一下這些小東東。
以下介紹的所有應用,文章末尾提供打包下載,里邊有非常詳細的注釋。
網頁版超級計算器:
這個計算器核心是Javascript的應用,為啥叫超級計算器呢?因為小菜用Javascript寫了個簡單的表達式分析器,可以用來計算表達式的值,支持括號。
可以供大家學習一下小菜是怎么解析表達式的,絕對沒有用堆棧,非常容易理解,哈哈。
別的就沒啥了,效果如下:
仿百度視頻選項卡
這個小應用主要是CSS+DIV布局的應用,看起來挺簡單,但如果自己動手做,還是比較麻煩的,最困難的就是兼容性,實在是可望不可及,期待讀者來完善,哈哈。
百度的網站簡潔大方,值得學習!
剛剛看了下百度視頻,讓小菜差點吐血。。。百度竟然改版了!!小菜前天才仿制成功的,今天竟然改版了。。。有機會再仿!
個人覺得仿的還是挺像的,截圖如下:
仿百度搜索框
地球人應該都見過百度首頁的搜索框,看着挺簡潔,但是做起來卻不是那么簡單,很有技術含量,當然,最頭疼的還是兼容性問題。
小菜仿的這個搜索框基本和百度的一樣,但沒有識別鍵盤的上、下方向鍵,這個功能不同的瀏覽器差異太大,小菜精力有限,就沒有實現。
為了演示,當向文本框輸入內容時,下面彈出的列表固定顯示10個元素,元素的內容是文本框內容+順序號。
提醒讀者一下,百度已經提供了搜索的API,可以直接調用,不需要自己去寫。
效果圖如下:
網頁版超級計算器,仿百度視頻選項卡,仿百度搜索框打包下載:
里邊的代碼有非常詳細的注釋,希望對讀者有所幫助。