原创 HTML5的變化1
1.1 HTML5推出的理由 推出的緣由和目標： 目前web端存在的一些問題，比如兼容性問題，同樣頁面，在不同瀏覽器上呈現的效果不同，那麼開發人員需要做很多額外的工作去解決這一問題，需要花費過多的時間在這上面；一些特殊的權限沒有開放給開
2018-08-25 09:34:48
原创 HTML5 Canvas畫布 7
（1）canvas元素： width、height和style裏面的width、height一樣嗎？ 如果直接設置canvas的width和height，畫布和元素的寬度都是你設置的值。如果設置的是style裏面的width和heig
2018-08-25 09:34:48
原创 非主體結構元素 3
（1）header標籤 一般用來放置整個頁面的標題。比如說一個新聞頁面，header一般放新聞的標題。如果是一個官方網址，一般header用來放logo和網站導航。 （2）footer標籤 一般用來放置腳註，只要包含：作者信息、cop
2018-08-25 09:34:48
3
原创 JQuery 插件6
6.1 validate (1)required:必填字段 (2)email:驗證郵箱格式，支持很多格式的郵箱 <input type="email" id="email" required> (3)url:驗證網址，形如htt
2018-08-25 09:34:46
原创 增強的頁面元素 5
5.1、details元素和summary元素 Details語義上有詳情的意思。 summary語義上有概要、摘要的意思。 Details元素可以實現類似顯示/隱藏的功能，summary用於顯示details的標題或間接。 注意：
2018-08-25 09:34:46
原创 JSDOM11
11.1 DOM概念 DOM（Document Object Model）：文檔對象模型。 整個文檔是由一系列節點對象組成的一棵樹。 節點（Node）包括元素節點（1）、屬性節點（2）和文本節點（3）。 <body> <table>
2018-08-25 09:34:46
原创 JS事件10
10.1 事件的概念 事件源 事件名 事件註冊 事件處理 以火災爲例： 粵商大酒店201房間發生火災，119電話報警，南湖區消防支隊出警，趕赴現場通過噴水作業成功滅火。 事件源：粵商大酒店201房間 事件名：火災 事件註冊
2018-08-25 09:34:46
2
原创 JQuery Ajax5
5.1 ajax Ajax:實現頁面和後臺服務器的數據交互、通信的技術。 $.ajax({ url:url, data: data, //提交的數據 type: "GET", //提交方式 timeou
2018-08-25 09:34:46
原创 導航 4
4.1祖先 parent():當前元素的父元素 $("#myself").parent().css("backgroundColor","red"); parents():所有的祖先元素 $(".myself").parents("[na
2018-08-25 09:34:46
原创 主體結構元素 2
主體結構元素，它是爲了語義可以結構化，說白了就是爲了更好的SEO，再白一點就是爲了瀏覽器更好的抓數據。包含的元素：article、section、nav、aside、time （1）article（使用頻率低） <body> <
2018-08-25 09:34:46
1
原创 BOM 12
概念：BOW（browser object model是瀏覽器對象模型） 12.1 常用對象 Window：窗口，瀏覽器的窗口。 我們定義的全局變量和全局函數都是window對象的屬性和方法。 <script> var a =
2018-08-25 09:34:44
原创 音頻和視頻處理 6
爲什麼會有audio？或者說audio的出現說是爲了解決一些什麼問題？ 在H5之前，如果想在瀏覽器上播放視頻或者音頻的話需要通過一些插件的支持（比如flash），但是因爲瀏覽器和插件之間存在一些兼容性的問題，所以爲了解決這些問題，H5就
2018-08-25 09:34:44
原创 js自帶函數
js 字符串操作函數 ..concat() – 將兩個或多個字符的文本組合起來，返回一個新的字符串。 indexOf() – 返回字符串中一個子串第一處出現的索引。如果沒有匹配項，返回 -1 。 charAt() – 返回指定位置
2018-08-25 09:34:44
原创 JQuery動畫2
2.1顯示、隱藏 hide（）：隱藏 將高度、寬度、透明度變爲0，display爲“none” show（）：顯示 將高度、寬度、透明度變爲初始值（css設置的時候），display爲“none” toggle()：切換 若di
2018-08-25 09:34:44
原创 JQuery基礎知識1
1.1基本概念 JQuery是一個JS庫,能夠幫助我們輕鬆實現一些原本可能比較麻煩的功能。 Jquery每個版本又有兩個小版本：壓縮版和未壓縮版，壓縮版文件較小，但沒有排版和註釋，所以不便閱讀；而未壓縮版文件較大，有排版和註釋，便於閱讀
2018-08-25 09:34:44