原创 對W3C的認識

W3C是對web代碼的規範要求: 一、對結構的要求 1.標籤字母要小寫 2.標籤要閉合 3.標籤不允許隨意嵌套 HTML標籤規範可以可以提高搜索引擎對頁面的抓取效率。 二、對於css和js的要求 1.使用外鏈css樣式表和js腳本

原创 進階javascript學習1:數組方法

一、排序方法 1、sort 數組排序,Array.sort(); 默認按字符編碼順序排序,如果需要排序數字,需要自定義函數(規則),非string自動轉爲string類型。 升序:如果參數1比參數2的值大,返回正數 如果參數1比

原创 選擇器優先級

優先級:style屬性>id選擇器>class選擇器>標籤選擇器

原创 對Web標準的理解

WEB標準是由三部分組成:結構、表現和行爲。對應的標準也分三方面:結構化標準是指HTML標籤,表現標準語言主要包括CSS樣式,行爲標準主要包括JS,與用戶的交互。 web標準是將三部分獨立分開,使其更具有模塊化。

原创 window.addEventlistener和document.addEventlistener區別

window.addEventlistener(“click”,showa,true); 括號裏三個參數: 1:“click” 事件類型,有click、onmouseover……等事件類型; 2:showa (函數名稱)事件觸發後

原创 JavaScript學習:JavaScript表單API

一、約束驗證DOM方法:checkValidity() 檢查有效性、setCustomValidity()設置自定義有效性 二、約束驗證DOM屬性 屬性 描述 validity 包含與input元素的合法性相關的布爾

原创 JavaScript學習:JavaScript this 關鍵詞

使用this關鍵詞例子: var person = { firstName: “Bill”, lastName : “Gates”, id : 678, fullName : function() { return t

原创 JavaScript學習:JavaScript 提升hoisting

一、Hoisting 是 JavaScript 將所有聲明提升到當前作用域頂部的默認行爲(提升到當前腳本或當前函數的頂部)。 例1與例2結果相同 例1: x = 5; // 把 5 賦值給 x elem = document.ge

原创 JavaScript學習:JavaScript運算符

一、 JavaScript 算數運算符 算數運算符用於對數字執行算數運算: 加法:+ 減法:- 乘法:* 除法:/ 係數:% 遞加:++ 遞減:– 二、JavaScript 賦值運算符 賦值運算符向 JavaScript 變量賦值

原创 CSS盒子模型

CSS盒子模型由margin(邊距)、border(邊框)、padding(填充)、content(內容)組成。 **例:**寬爲300px的一個空間 div{width:250px; border: 10px solid red

原创 CSS佈局

CSS佈局的幾種方式

原创 JavaScript學習:JavaScript數組排序

一、sort()方法最強大的數組方法之一 sort()方法以字母順序對數組進行排序。 例: var fruits = [“Banana”, “Orange”, “Apple”, “Mango”]; fruits.sort();

原创 JavaScript學習:JavaScript數組

一、JS數組兩種表示方法 1、var cars = [“Saab”, “Volvo”, “BMW”]; 2、var cars = new Array(“Saab”, “Volvo”, “BMW”); 使用JavaScript關鍵詞

原创 JavaScript學習:js語法

一、JavaScript 語法是一套規則,它定義了 JavaScript 的語言結構。 var x, y; // 如何聲明變量(JavaScript 關鍵詞用於標識被執行的動作。var 關鍵詞告知瀏覽器創建新的變量) x = 2;

原创 JavaScript學習:JavaScript 字符串和字符串方法

一、特殊轉義字符 由於字符串必須由引號包圍,JavaScript 會誤解這段字符串: var y = “中國是瓷器的故鄉,因此 china 與"China(中國)“同名。” 該字符串將被切爲 “中國是瓷器的故鄉,因此 china