window對象 內(nèi)置的JS全局對象(頂級對象)console.log() alert()DOM 知識點 documentBOM location navigato...
![240](https://upload.jianshu.io/users/upload_avatars/27896797/11bae1c2-74ee-4057-b3ba-92757e261d92.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
window對象 內(nèi)置的JS全局對象(頂級對象)console.log() alert()DOM 知識點 documentBOM location navigato...
頁面滾動事件scroll 給某個元素來注冊更多的是給頁面注冊window 或者 document 頁面加載事件 1.load核无,資源加載完畢事件(包含圖像和視頻內(nèi)容)給 win...
綜合案例的小知識點字符串:字符的數(shù)量 通過 length屬性 可以獲取到trim() 去除字符的首尾空格時間對象:toLocaleString() 可以得到本地化時間格...
排他思想 先干掉所有人,在復活我自己先找到高亮的元素正歼,移除到類名,在給當前添加高亮類名 節(jié)點 節(jié)點是DOM樹的任意內(nèi)容包括:1.標簽節(jié)點 2.屬性節(jié)點 3.文本節(jié)點獲取 父節(jié)...
事件 是啥:編程系統(tǒng)內(nèi)發(fā)送的動作點擊動作:注冊事件 語法:元素.addEventListener('事件', 事件處理函數(shù))元素可以注冊同名事件元素注冊之后冗疮,不會立即觸發(fā)頁面...
基本認知 作用:就是使用 JS 去操作 html 和瀏覽器分類:DOM (文檔對象模型)BOM(瀏覽器對象模型) DOM 概念:DOM是瀏覽器提供的一套專門用來操作網(wǎng)頁內(nèi)容的...
匿名函數(shù) 沒有名字的函數(shù)函數(shù)表達式:let 變量= function(){}自調(diào)用函數(shù):沙箱模式;(function(){})() 對象 概念:一種數(shù)據(jù)類型诅挑,無序的 定義:l...
函數(shù) 作用:將代碼塊封裝起來,方便復用聲明定義:function 函數(shù)名稱(形式參數(shù)列表){函數(shù)體} 函數(shù)名命名規(guī)范:1.和變量命名基本一致2.盡量小駝峰式命名法3.前綴應(yīng)該...
循環(huán)關(guān)注點 循環(huán)條件毒嫡,使用while循環(huán)比較好循環(huán)次數(shù),使用for循環(huán)比較好 for循環(huán) 語法:for(變量定義及初始值兜畸;條件努释;變量的變化){循環(huán)體}細節(jié):分號不能少第一次執(zhí)...
運算符 算術(shù)運算符 賦值運算符 對變量進行賦值賦值的簡便寫法num += 1 // num = num + 1將等號右邊的值賦予給左邊, 要求左邊必須是一個變量 一元運算符...
JavaScript介紹 一在扰、JS是什么 1.重要性:前端的唯一腳本語言缕减; Vue,react等框架語言都是基于js的2.概念:是一種通常運行在瀏覽器中(運行環(huán)境)的編程語言...
媒體查詢@media 一、常用寫法 1.max-width上限(小于等于)2.min-width 下限(大于等于) 二皱卓、其他寫法 1.完整寫法,min跟max用and鏈接 2...
vw是相對單位相對視口的尺寸計算結(jié)果(VScode插件:px to vw) vw:viewport width1vw = 1/100視口寬度vw單位的尺寸 = px單位數(shù)值 ...
長度單位 一嫂易、媒體查詢@media 二掐禁、rem1.目標能夠使用rem單位設(shè)置網(wǎng)頁元素的尺寸 2.網(wǎng)頁效果屏幕寬度不同怜械,網(wǎng)頁元素尺寸不同(等比縮放) 3.單位rem是相對單位r...
主軸方向 flex-direction 主軸默認是水平方向, 側(cè)軸默認是垂直方向 修改主軸方向?qū)傩?flex-direction: column列, 垂直(最常用)row 行...
移動端特點 一宫盔、移動端和PC端網(wǎng)頁不同點 1.PC屏幕大,網(wǎng)頁固定版心2.手機屏幕小享完, 網(wǎng)頁寬度多數(shù)為100% 二灼芭、谷歌模擬器 1.使用谷歌模擬器調(diào)試移動端網(wǎng)頁2.可以選擇設(shè)...
空間位移 屬性:transform 一、空間:x 般又、y 和z三條坐標軸構(gòu)成了一個立體空間,z軸的正方向為屏幕到人的眼睛的方向 二彼绷、語法:1.transform: transl...
字體圖標 優(yōu)點:1.靈活性:靈活地修改樣式,例如:尺寸堕义、顏色等2.輕量級:體積小猜旬、渲染快、降低服務(wù)器請求次數(shù)3.兼容性:幾乎兼容所有主流瀏覽器 下載字體圖標(https://...