原创 05- JavaScript 流程控制語句:循環結構(for和while)

前言 循環語句:通過循環語句可以反覆的執行一段代碼多次。 for循環 for循環的語法 語法: for(①初始化表達式; ②條件表達式; ④更新表達式){ ③語句... } 執行流程: ①執行初始化表達式,初始化變量(

原创 03- JavaScript 運算符

前言 比如說+、- *、/ 都是運算符,而(3+5)/2則是表達式。 運算符的定義和分類 運算符也叫操作符。通過運算符可以對一個或多個值進行運算,並獲取運算結果。 比如:typeof就是運算符,可以來獲得一個值的類型。它會將該值的

原创 07- css浮動

文本主要內容 標準文檔流 標準文檔流的特性 行內元素和塊級元素 行內元素和塊級元素的相互轉換 浮動的性質 浮動的清除 瀏覽器的兼容性問題 浮動中margin相關 關於margin的IE6兼容問題 標準文檔流 宏觀地講,我

原创 06-CSS盒模型詳細闡述

盒子模型 前言 盒子模型,英文即box model。無論是div、span、還是a都是盒子。 但是,圖片、表單元素一律看作是文本,它們並不是盒子。這個很好理解,比如說,一張圖片裏並不能放東西,它自己就是自己的內容。 盒子中的區域

原创 04- JavaScript 流程控制語句:選擇結構(if和switch)

代碼塊 用{}包圍起來的代碼,就是代碼塊。 JS中的代碼塊,只具有分組的作用,沒有其他的用途。 代碼塊中的內容,在外部是完全可見的。舉例: { var a = 2; alert("smyhvae");

原创 01-JavaScript變量

字面量:數字和字符串 “字面量”即常量,是固定值,不可改變。看見什麼,它就是什麼。 簡單的字面量有2種:數字、字符串。 (1)數值的字面量非常簡單,寫上去就行了,不需要任何的符號。例如: alert(886); //886是數

原创 28 - JavaScript 特效:scroll家族和緩動動畫

緩動動畫 三個函數 緩慢動畫裏,我們要用到三個函數,這裏先列出來: Math.ceil() 向上取整 Math.floor() 向下取整 Math.round(); 四捨五入 緩動

原创 Chrome Devtools 高級調試指南(新)總結

1. Chrome Devtools 的用處 前端開發:開發預覽、遠程調試、性能調優、bug跟蹤、斷點調試等 後端開發:網絡抓包、開發調試Response 測試:服務端API數據是否正確、審查頁面元素樣式及佈局、頁面加載性能分析

原创 2019 Web 前端熱點筆試面試題總結【終結版】

提醒:我只是答案的搬運工,如果在瀏覽中發現有錯誤,歡迎評論中提出來,我好修改,謝謝! 簡述異步和同步的區別: 同步:瀏覽器訪問服務器請求,用戶看得到頁面刷新,重新發請求,等請求完,頁面刷新,新內容出現,用戶看到新內容,進行下一步操作 異步

原创 02-JavaScript變量的強制類型轉換

前言 強制類型轉換:將一個數據類型強制轉換爲其他的數據類型。 類型轉換主要指,將其他的數據類型,轉換爲:String、Number、Boolean。你會把某個數據類型轉換成 null或者 undefined嗎?不會,因爲這樣做,沒

原创 08-CSS屬性:定位屬性闡述

CSS的定位屬性有三種,分別是絕對定位、相對定位、固定定位。 position: absolute; <!-- 絕對定位 --> position: relative; <!-- 相對定位 --> position:

原创 23 - JavaScript 通過style對象設置行內樣式

style屬性的獲取和修改 在DOM當中,如果想設置樣式,有兩種形式: className(針對內嵌樣式) style(針對行內樣式) 這篇文章,我們就來講一下style。 需要注意的是:style是一個對象,只能獲取

原创 24 - JavaScript 事件對象Event和冒泡

綁定事件的兩種方式/DOM事件的級別 DOM0的寫法:onclick element.onclick = function () {} 舉例: <body> <button>點我</button> <sc

原创 02-jQuery動畫詳解

前言 jQuery提供的一組網頁中常見的動畫效果,這些動畫是標準的、有規律的效果;同時還提供給我們了自定義動畫的功能。 顯示動畫 方式一: $("div").show(); 解釋:無參數,表示讓指定的元素直接顯示出來。其實這個

原创 03-jQuery操作DOM

文本主要內容 樣式和類操作 節點操作 樣式操作和類操作 作用:設置或獲取元素的樣式屬性值。 樣式操作 1、設置樣式: //設置單個樣式: css(屬性,值); $("div").css("backg