doctype位於文件最前面,處於標籤之前,用來告知瀏覽器該用什麼文件型別規範來解析這個文件.
用正確的標籤做正確的事.
html語義化讓頁面的內容結構化,便於瀏覽器、搜尋引擎解析;
利於seo優化;
便於閱讀維護理解.
行內元素 : a、span、img、input、select、i...
塊級元素 : h1~h6、p、ul、li、ol、div...
空元素 : br、hr、img、input、link、meta...
行內樣式
@import是等頁面載入完畢後才載入, 是css提供的,css2.1以下瀏覽器不支援.
link是在頁面載入時同時載入.屬於xhtml標籤,無相容性支援試用js改變樣式.
盒模型有兩種:
!important>行內》id選擇器》類選擇器》標籤選擇器》萬用字元》繼承
因為瀏覽器的相容問題，不同瀏覽器對有些標籤的預設值是不同的，如果沒對css初始化往往會出現瀏覽器之間的頁面顯示差異.
直接使用成熟的框架(html5shim框架)
this是乙個關鍵字,他代表函式執行時自動生成的乙個內部物件,只能在函式內部使用.
1.this作為乙個純粹的函式呼叫this指向全域性物件(window)
//直接列印
console.log(this); //window
//function宣告函式
function bar ()
bar(); //window
//function宣告函式賦給變數
var bar = function ()
bar(); //window
//自執行函式
(function ())(); //window
2.作為物件的方法呼叫this指向呼叫的物件
var person =
}person.run(); // person
//不使用new指向window
function person (name)
person('tom');
//使用new
function person (name)
var people = new person('tom')
console.log(self === people) //true
//這裡new改變了this指向，將this由window指向person的例項物件people
1.執行的時間不同
window.onload:必須等頁面內包括的所有元素都載入完畢後才能執行.
$(document).ready(function(){})是dom結構繪製完畢後執行,不需要等到載入完畢後才執行
2.編寫個數不同
window.onload:不能同時編寫多個,如果有多個該方法,只能執行乙個.
$(document).ready(function(){})可以同時編寫多個,並且都能執行.
3.簡寫
window.onload無簡寫
$(document).ready(function(){})可以簡寫成$(function(){})
顯示 : tostring()、string() 轉換成字串
number()、parseint()、parsefloat() 轉換成數字
boolean() 轉換成布林型別
cookie:儲存容量小,只有4k左右,解析麻煩,可以在多視窗共享.
sessionstorage:儲存容量大,約4m,生命週期為關閉瀏覽器視窗,同一視窗下資料可以共享.
localstorage:儲存空間大,月20m,永久生效,除非手動刪除,可以在多視窗共享.
相關用法:
setitem(key,value)設定儲存內容
getitem(key)讀取儲存內容
removeitem(key)刪除鍵值為key的儲存內容
clear() 清空所有儲存內容
get : 儲存內容有限;
安全性相對較低,請求的資料會顯示在位址列;
在做資料查詢的時候或提交一些不緊要資訊時建議用get.
post : 請求需要加密和解密的過程,相對安全,在做資料增刪改的時候建議用post,檔案上傳只能用post.
預載入是指在網頁全部載入完畢之前,在頁面優先顯示一部分內容,以提高使用者體驗.
// 利用es5的indexof方法
function dupremove(arr)
}return tmp;
}
http是乙個基於tcp/ip通訊協議來傳遞資料(html檔案,影象檔案,查詢結果等).
http是在網路傳輸html的協議,用於瀏覽器和伺服器的通訊.
CSS知識點集錦
updatetime 2017年3月21日08 03 13 2.css樣式優先順序問題 正常情況下，外部樣式 行內樣式 內部樣式 由低到高 important 可以打破這種優先順序順序，如果css樣式，被 important 修飾，則被其修飾的樣式具有最高優先順序，即 外部樣式 行內樣式 內部樣式 ...
Vue知識點集錦
一 使用了vue的頁面，肯定會經歷乙個完整的生命週期，與一般的普通頁面是不一樣的，所以直接獲取dom結構是獲取不到的，只有在mounted之後才能獲取到 servicemanagementaddcrud.vueinit function 一些dom操作，在vue的mounted 函式裡面再進行繫結 ...
前端知識點
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 知識點 ul li 中預設選擇class active firstli rem...