原创 3.3Javascript函數-調用函數

函數調用 函數調用: 函數在定義好之後,不能自動執行,需要進行調用 調用方式: 在<script>標籤內調用 在HTML文件中調用 例子 在<script>標籤內調用 <script> function demo

原创 2.2jQuery選擇器和事件-事件之事件常用方法

jQuery事件 jQuery事件: 常用事件方法 綁定事件 解除綁定事件 事件的目標 事件的冒泡 自定義事件 例子 <!DOCTYPE html> <html> <head lang="en"> <meta ch

原创 3.5Javascript函數-帶返回值的函數

帶返回值的函數 返回值: 有時,我們需要將函數的值返回給調用他的地方 通過return語句就可以實現 注意:在使用return語句時,函數會停止執行,同時返回值 <script> function demo()

原创 3.2Javascript函數-定義函數

定義函數 定義函數 function 函數名() {    函數體;(代碼塊) } 注意: JavaScript對大小寫十分敏感,所以這裏的function必須小寫。在函數調用時,也必須按照函數的相同名稱來調用

原创 2.1jQuery選擇器和事件-選擇器

課程概要 jQuery選擇器 jQuery事件 jQuery選擇器 元素選擇器 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

原创 3.1Javascript函數-瞭解函數的用途

課程概要 瞭解函數 定義函數 函數調用 帶參數的函數 帶返回值的函數 瞭解函數 函數: 函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。 例:實現10組數字的和 alert()

原创 JavaScript模塊化最全總結

JavaScript模塊化最全總結 沒有模塊化規範的時候 在沒有CommonJS,AMD,CMD等規範的時候,人們爲了讓代碼模塊化,採用了下面這個鏈接裏的方法:http://www.ruanyifeng.com/blog/201

原创 移動端設置詳解

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-

原创 CSS的工程化 + CSS 方法論

CSS的工程化 + CSS 方法論 CSS 是 Web 開發中不可或缺的一部分,在前端工程化不斷進步的今天,一方面, CSS 特性隨着規範的升級越來越豐富,另一方面,前端業務複雜性性的增加帶來的工程愈加龐大,驅使着開發者不斷尋找

原创 2.5jQuery選擇器和事件-事件之自定義事件

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.

原创 3.4Javascript函數-帶參數的函數

帶參數的函數 函數參數: 在函數的調用中,也可以傳遞值,這些值被稱爲參數 例:demo(arg1,arg2); 參數的個數可以任意多,每個參數通過”,“隔開 注意: 參數在傳遞時,其順序必須一致 參數 : 通過傳遞參數的

原创 2.3jQuery選擇器和事件-事件之綁定、解除綁定事件

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.

原创 1.2引入jQuery的方法

引入jQuery 網頁中添加jQuery 從jQuery.com下載jQuery庫 從CDN中載入jQuery,如從Google中加載jQUery 百度和新浪的服務器存有jQuery 例如:http://libs.baid

原创 6.Javascript語法-循環語句while循環

循環語句while循環 while循環的方式 <script> var i = 1; while(i<10){ document.write("i="+i+"<br/>"); i+

原创 2.4jQuery選擇器和事件-事件之事件目標與冒泡

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="jquery-3.1.