原创 jQuery操作dom元素

jQuery操作dom元素 1.操作元素的屬性 attr(),prop()    獲取或者設置元素的屬性值 attr(): $("input[type='button']").attr("value","按鈕1");//設置bu

原创 JS繼承的實現

JS繼承的實現 繼承的概念:繼承的是對象,對象具有三大特徵:(封裝、繼承、多態),繼承的是屬性和行爲。 要實現繼承,首先我們需要有一個父類,代碼如下: function Animal(){ //在其中寫關於父類這一類的特徵和行爲

原创 jQuery的環境配置

jQuery的環境配置 jQuery是一個js庫,方便,簡單,易學。 $元素代表jQuery對象,要使用jQuery,必須先引用,$可以用對象,也可以用函數,即可以帶括號,也可以點出來。 $(document).ready(funct

原创 播放器video標籤

播放器video標籤 video標籤的屬性 src:媒體資源的來源 poster:視頻封面,視頻沒有播放時的封面 preload:預加載 autoplay:自動播放 loop:循環播放 control:瀏覽器自帶的控制條 width、

原创 HTML5中的離線存儲

HTML5中的離線存儲 存儲:客戶端存儲   session    硬盤存儲  local 1.客戶端存儲 window.sessionStorage 存在瀏覽器上的,瀏覽器關閉後不在保留數據,用於臨時保存數據 存儲的屬性 wi

原创 Canvas標籤

Canvas標籤 canvas是HTML5中新加的標籤和和操作js的API,它可以在網頁中完成2d和3d動態創建,可以完成動畫,遊戲,圖表等功能。 創建canvas <canvas id="can"></canvas> 獲取canv

原创 正則表達式以及表單驗證(正則表達式)

正則表達式以及表單驗證(正則表達式) 一、正則表達式 正則表達式是一種字符串匹配的模式,可以用來檢查一個串是否含有某種子串、將匹配的子串替換或者從某個串中取出符合某個條件的子串等。 常用的字符有: 普通字符:1.\n 匹配換行 2.\

原创 Ajax的瞭解及其封裝

Ajax的瞭解及其封裝 Ajax是一種在無需重新加載的情況下,能夠更新部分網頁的技術。 通過在後臺與服務器進行少量數據交換,Ajax 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。 例如:微

原创 鹿長的前端之路第一節

鹿長的前端之路第一節 1、HTML(超文本標記語言) 一般用到的簡單標籤如下: <h1></h1> *標題標籤(1~6)從大到小* <p1></p1> *段落標籤* <pre></pre> *按照預先設定的格式顯示* **無序和

原创 鹿長的前端之路第二節——網站框架

鹿長的前端之路第二節——網站框架 一、注意事項 1、當有元素塊寫完卻不出現時,應該從此元素的父元素中去檢查相對絕對定位 2、注意塊與塊的包裹 3、隨時細心,注意拼寫是否正確 4、相同的樣式,可以節省代碼量 5、代碼寫規範整齊,在大模塊