原创 菜鳥學習日記:關於scolltop的問題

問題情況:“當滾動條滾動到一定scolltop值的時候去浮動或者取消浮動某些元素”我實現了這種效果,但是我將代碼寫死了,我指定了固定的滾動條scolltop數值,當網頁內容發生 改變,比如網頁內容沒有那麼大的scolltop值的時候,則會

原创 檢查當前瀏覽器是否安裝flash插件

雖然現在html5流行起來,flash逐漸會被引退,但是在平常開發的時候偶爾會用得到對於flash插件有需求的小插件,比如uploadify插件用習慣了flash的版本的話就不太想換html5版本的,但是有些瀏覽器會沒有安裝flash插件

原创 Google推薦的15條HTML 5代碼軍規

 今天無意間看到了Google的HTML/CSS編碼規範,發現了不少自己很容易忽略的問題,特意仔細看了看,將其整理翻譯出來分享給大家。Google規範的原文鏈接大家可以訪問:http://google-styleguide.google

原创 HTML5+CSS3(一)

 HTML5+CSS3概述     HTML5和CSS3不僅僅是兩項新的Web技術標準,更代表了下一代HTML和CSS技術。雖然HTML5的標準規範還沒有正式發佈,但是未來的發展前景已經可以預見,那就是HTML5必將被越來越多的Web

原创 web.xml中配置啓動時加載的servlet,load-on-starup

前陣子一直在搞前端結果搞得自己所學的java相關知識丟得一乾二淨。現在重新撿起來的時候,遇到N多問題,所以做筆記先。 這次項目中遇到我想搞清楚的小問題,就是項目加載後一些配置文件的讀取,也就是啓動的時候就將一些配置讀到內存中以待使用。

原创 CSS3&HTML5各瀏覽器支持情況一覽表

CSS3性質(CSS3 Properties) 平臺 MAC WIN 瀏覽器 CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI IE 版本

原创 AngularJS快速開始

Hello World! 開始學習AngularJS的一個好方法是創建經典應用程序“Hello World!”: 使用您喜愛的文本編輯器,創建一個HTML文件,例如:helloworld.html。將下面的源代碼複製到您的HTML文件

原创 在struts2中使用tiles框架

爲什麼使用Tiles框架? 通常來說我們在開發Web應用時都會要求所有Web頁面保持一致的外觀,比如我們有頁頭,頁腳,菜單和佈局。下面如圖所示爲一種典型的頁面佈局:  以上網頁被劃分爲了5個部分:Header,Menu,poster,F

原创 Jquery上傳插件uploadify的使用(JSP)版

今天,突然想研究下那個uploadify插件,在網上搜索好多資料,發現千奇百怪,可能是版本問題,關於服務端處理腳本我發現了兩種說法,一種是通過‘script’來設置的,另一種是用‘uploadify’來設置的。我下面演示的是使用後者來設置

原创 JS 獲取網頁內容高度 和 網頁可視高度 支持IE 6789 Firefox Chrome

function getClientHeight() { //可見高 var clientHeight=document.body.clientHeight;//其它瀏覽器默認值 if(navigator.use

原创 HTML5+CSS3(二)

HTML5新元素及其特性 HTML5的語義化標籤以及屬性,可以讓開發者非常方便地實現清晰的web頁面佈局,加上CSS3的效果渲染,快速建立豐富靈活的web頁面顯得非常簡單。 本次學習HTML5的新標籤元素有: <header>定義

原创 快速提升CSS編碼能力的五個必備知識點

作爲web開發人員,無論你是前端開發或者是後端開發,也無論你是新手還是大神,對於CSS的知識瞭解都是需要,在這篇文章中,我們將從五個不同的角度幫助大家快速的提升自己的CSS水平,如果你能夠在以下五點有所突破的話,CSS的編碼能力肯定會有

原创 前端面試題

 HTML相關 HTML相關的面試題目 1:html5有哪些新特性? HTML5 中的一些有趣的新特性: 用於繪畫的 canvas 元素 用於媒介回放的 video 和 audio 元素 對本地離線存儲的更好的支持 新的特殊內容

原创 CSS樣式命名規則及參考命名標準

(一)常用的CSS命名規則 頭:header 內容:content/container 尾:footer 導航:nav 側欄:sidebar 欄目:column 頁面外圍控制整體佈局寬度:wrapper 左右中:left right

原创 background-position 用法詳細介紹

background-position 用法詳細介紹 語法:  background-position : length || length  background-position : position || positio