原创 《JS高程(3)》DOM擴展-HTML5-第11章筆記(20)

HTML5 HTML5規範圍繞如何使用新增標記定義了大量JavaScriptAPI。其中一些API與DOM重疊,定義了瀏覽器應該支持的DOM擴展。 與類相關的擴充 HTML5 新增了很多API,致力於簡化CSS類的用法。 get

原创 《JS高程(3)》BOM-03(navigation)-第8章筆記(08)

navigator對象 識別客戶端瀏覽器的事實標準,是所有支持JavaScript的瀏覽器所共有的。 屬性或方法 說明 appCodeName 瀏覽器名稱。通常是Mozilla appName 完整的瀏覽器名稱

原创 《JS高程(3)》DOM節點層次Comment類型-第10章筆記(15)

註釋類型,特徵: - - nodeType的值: 8 nodeName的值: “#comment” nodeValue的值: 註釋內容 parentNode的值: Document或Element 子節

原创 《JS高程(3)》DOM操作技術-第10章筆記(17)

由於瀏覽器中充斥着隱藏陷阱和不兼容問題,用JavaScript代碼處理DOM的某些部分要比處理其他部分更復雜,操作DOM並不像表面上看起來那麼簡單。 動態腳本 使用< script>元素可以向頁面中插入JavaScript代碼,

原创 《JS高程(3)》DOM2和DOM3-DOM變化-第12章筆記(22)

DOM1級主要定義的是HTML和XML文檔的底層結構。 DOM2和DOM3級則在這個結構的基礎上引入了更多的交互能力,也支持了更高級的XML特性。 DOM2級核心(DOM Level2 Core): 在1級核心基礎上構建,爲

原创 《JS高程(3)》DOM擴展-元素遍歷-第11章筆記(19)

元素遍歷 Element Traversal API爲DOM元素添加了5個屬性: childElementCount: 返回子元素(不包括文本節點和註釋)的個數 firstElementChild: 指向第一個子元素;

原创 CSS3:background-size屬性

語法:background-size:[<length>|<percentage>|auto]{1,2}|cover|contain 用途:指定背景圖片的尺寸; 1.寬度40px,高度20px(浮點數+單位或百分比): backg

原创 《JS高程(3)》DOM節點層次Document類型-第10章筆記(12)

JavaScript通過Document類型表示文檔。在瀏覽器中,document對象是HTMLDocument(繼承自Document類型)的一個實例,表示整個HTML頁面。document對象是window對象的一個屬性,因此

原创 《JS高程(3)》DOM擴展-API選擇符-第11章筆記(18)

(最近有些私人的事,忍不住想念叨兩句。今天雪格外的大,因爲一些拖了很久的事,說不上來的抑鬱,很多事到最後往往都是事與願違。還是太軟弱,一刀斬斷就不會像現在這樣割一次腐肉催眠自己一次了。要讓自己強大起來,稱爲自己的依靠纔不會失望!)

原创 標籤錨點,置頂置底

我們在瀏覽一個較長的頁面時,往往會看一個類似“top”置頂控件,實際上這就是錨點的作用,當我們觸發這個控件時便能回到頁面頂部,即回到頁面標記的錨點位置。 <a href="#here">come to here</a> //<

原创 模擬隊列

根據指令添加刪除 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html17</title> <style> #conten

原创 Adobe Animate:創建HTML5動畫01軟件基本問題

目前用的是Adobe Edge Animate cc 2015版 ,剛剛接觸記錄一些簡單的操作步驟。 Adobe Animate CC官方網站 :https://www.adobe.com/cn/products/animate.htm

原创 《JS高程(3)》事件-事件流 第13章筆記(26)

JavaScript與HTML之間的交互是通過事件實現的。 事件:文檔或瀏覽器窗口中發生的一些特定的交互瞬間。 事件流 事件流:描述從頁面接收事件的順序。 事件冒泡 IE事件流:事件冒泡,即事件開始時由最具圖的元素(文檔中嵌套層次最深的節

原创 個人網站

吼吼終於完成備案啦啦啦 第一個個人網站:http://www.cc0925.cn/ 做個簡單的簡歷希望面試的時候能加分。

原创 animation-fill-mode:both理解

both:向前和向後填充模式都被應用; W3C上的解釋比較抽象,寫了個demo測試下效果; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">