w的學習筆記01.(2019年1月7日）
終於有了本身的博客。java
2018年12月25日聖誕節，我正式進入對軟件開發的學習生活中。面試
開課兩週有餘，現基於學習狀況，總結以下：ajax
0 計算機組成
軟件
- 應用軟件：瀏覽器(Chrome/IE/Firefox)、QQ、Sublime、Word
- 系統軟件：Windows、Linux、mac OSX
硬件
- 三大件：CPU、內存、硬盤 -- 主板
- 輸入設備：鼠標、鍵盤、手寫板、攝像頭等
- 輸出設備：顯示器、打印機、投影儀等
1 學習目標:
- 掌握編程的基本思惟
- 掌握編程的基本語法
HTML和CSS 小米
2 課前說明
目標：掌握編程的基本思想
掌握JavaScript的基礎語法,使用常見API(備註)完成相應案例及練習和做業
培養獨立解決問題能力
遇到問題先獨立調試(牛X從規範和調試開始)
可以獨立寫出全部案例代碼
4 ##課外提示
1.敲代碼用指法,通常堅持一週者便可熟練
2.碼農不須要練就一陽指或者二指禪
3.可使用金山打字通，此處並不是打廣告,我的建議，每天敲代碼，不停的反覆的敲練習和做業，速度和基本功的快速提高
5 解決一個問題
## 網頁、網站和應用程序
網頁：單獨的一個頁面
網站：一些列相關的頁面組成到一塊兒
應用程序：能夠和用戶產生交互，並實現某種功能。
=======================================================================================
一、Javascript前世此生
1.一、什麼是Javascript
Javascript運行於Javascript 【解釋器/引擎】中的解釋性腳本語言
Javascript運行環境：
一、Javascript解釋器 ：NodeJS
二、嵌入在瀏覽器中的內核(引擎)
1.二、Javascript 發展
一、1992年 Nombas公司 開發了一款腳本語言 ScriptEase ,能夠嵌入在網頁中
大概在 1992 年，一家稱做 Nombas 的公司開發了一種叫作 C 減減（C-minus-minus，簡稱 Cmm）的嵌入式腳本語言。Cmm 背後的理念很簡單：一個足夠強大能夠替代宏操做（macro）的腳本語言，同時保持與 C （和 C ++）足夠的類似性，以便開發人員能很快學會。這個腳本語言捆綁在一個叫作 CEnvi 的共享軟件中，它首次向開發人員展現了這種語言的威力。
Nombas 最終把 Cmm 的名字改爲了 ScriptEase，緣由是後面的部分（mm）聽起來過於消極，同時字母 C 「使人懼怕」。
如今 ScriptEase 已經成爲了 Nombas 產品背後的主要驅動力。
二、1995年 Netscape[neitskeip]公司(美國Netscape公司，以開發Internet瀏覽器聞名) 爲 [ˈnævɪgeɪtə(r)]Navigator2.0瀏覽器開發了一款腳本語言 LiveScript ,
爲了趕時髦 將其命名爲 Javascript。Javascript與Java沒有一點關係
三、1996年，Microsoft[maikrisouft] ，爲了IE3.0，發佈了一個Javascript克隆版本 JScript
四、1997年 Javascript1.1 做爲草案提交給了 ECMA（歐洲計算機制造商協會）
--> ECMA-262標準 -->ECMAScript
1.3 Javascript (JS)的組成:
一、核心(ECMAScript, ES)
二、文檔對象模型(DOM,Document Object Model) 一套操做頁面元素的API
DOM能夠把HTML看作是文檔樹，經過DOM提供的API能夠對樹上的節點進行操做
三、瀏覽器對象模型(BOM,Borowser Object Model) 彈出框、控制瀏覽器跳轉、獲取分辨率等 一套操做瀏覽器功能的API.
1.4 Javascript特色
一、任何編輯工具均可以編寫Javascript,語法相似於Java,C,...
二、無需編譯
三、弱類型語言
由值來決定數據類型
強數據類型：由數據類型 決定值
1.5 基於對象的編程語言
萬物皆對象
1.6 Javascript的用途
JavaScript的解釋器被稱爲JavaScript引擎，爲瀏覽器的一部分，普遍用於客戶端的腳本語言，最先是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增長動態功能。
最初的目的是爲了處理表單的驗證操做。
### JavaScript如今的意義(應用場景)
JavaScript 發展到如今幾乎無所不能。
1. 網頁特效 客戶端數據計算 表單驗證 非空驗證 數據範圍驗證 瀏覽器事件的觸發和處理
2. 服務端開發(Node.js) 服務器的異步數據提交（ajax）
3. 命令行工具(Node.js)
4. 桌面程序(Electron)
5. App(Cordova)
6. 控制硬件-物聯網(Ruff)
7. 遊戲開發(cocos2d-js)
JavaScript和HTML、CSS的區別
1. HTML：提供網頁的結構，提供網頁中的內容
2. CSS: 用來美化網頁
3. JavaScript: 能夠用來控制網頁內容，給網頁增長動態的效果
二、使用javaScript
2.1 瀏覽器說明
瀏覽器是指能夠顯示網頁服務器或者文件系統的HTML文件內容，並讓用戶與這些文件交互的一種軟件。
通俗的講:能夠顯示頁面的一個軟件,
國內網民計算機上常見的網頁瀏覽器有，QQ瀏覽器、Internet Explorer、Firefox、Safari，Opera、Google Chrome、百度瀏覽器、搜狗瀏覽器、獵豹瀏覽器、360瀏覽器、UC瀏覽器、傲遊瀏覽器、世界之窗瀏覽器等，瀏覽器是最常用到的客戶端程序。
經常使用的五大瀏覽器：chrome，firefox，Safari，ie，opera
咱們用chrome(谷歌瀏覽器)
2.二、JavaScript初體驗（JavaScript的書寫位置）
CSS：行內樣式、嵌入樣式、外部樣式
A:寫在行內
<input type="button" value="按鈕" onclick="alert('Hello World')" />
B:寫在script標籤中
<head>
<script>
alert('Hello World!');
</script>
</head>
C: 寫在外部js文件中，在頁面引入
<script src="main.js"></script>
注意點
引用外部js文件的script標籤中不能夠寫JavaScript代碼
2.3語句
被Javascript引擎所解釋執行的一句代碼
組成：
表達式、關鍵字、運算符
運算符：+，-，*，/，%，> ....
表達式：由一個或多個運算符以及一個或多個操做數組成的。 如：1+2，
特色：以分號表示結束
console.log();
document.write();
window.alert();
習慣:一行只寫一條語句
注意：嚴格區分大小寫
console.log();
console.Log();
2.四、註釋
單行註釋：//
多行註釋：/* */
/*
/*
*/
*/
/*
console.log();
/*window.alert();
document.write()*/
console.log();*/
三、變量
內存 : 臨時性保存據算計程序在【運行過程當中】要用到的數據。
TB->GB->MB->KB->B->bit
8bit = 1B
1024B=1kb
Javascript
硬盤 : 永久性保存數據
0x000000000000000000a13247aaccxx
3.一、什麼是變量
就是內存中的一段空間，用於保存程序運行過程當中要用到的數據。就是存儲數據的容器。
3.二、爲何要使用變量
使用變量能夠方便的獲取或者修改內存中的數據
3.三、什麼是變量名
內存空間的一個別名，爲了方便記憶。即變量的名字。
3.四、如何使用變量 到內存中開闢一段空間用於保存數據
語法：var 聲明變量
var age;
變量的賦值
將數據保存進變量
運算符：= 賦值運算符
語法：
變量名=值;
var name;
name="張無忌";
初始化：聲明變量並賦值
var 變量名稱=值;
注意：沒有被賦值的變量自動取值爲undefined
var name;
var age;
var hobby;
一條語句中聲明多個變量:
var name,age,hobby;
var name="張三丰",age=30;
3.五、變量名命名規範
一、要求
一、不容許使用關鍵字以及保留關鍵字命名
標準關鍵字：
eg : var , function , if , for ,true,false ...
保留關鍵字：
class,int,float,double ... ...
二、命名規範
a、能夠包含字母、數字、下劃線 _、$
b、不能以數字開頭
var name;
var name1;
var 1name;錯誤
c、不容許重複
d、儘可能見名知意
var name;
var age;
var a,b,c,d,....aa,ab,ac,ad;
var xingming,nianling;
e、推薦採用
匈牙利命名法
控件縮寫+功能
txtName
rdoGender
chkHobby
selCity
下劃線命名法
_功能名稱
_name;
_age;
駝峯命名法
若是變量名稱由多個單詞組成，第一個單詞所有小寫，第二個單詞開始，首字符變大小
userName
txtusernmae --> txtUserName
3.六、變量使用注意問題
一、未初始化變量的使用
只定義未賦值，值爲undefined
未定義，使用，錯誤，not defined
二、在可能的狀況下，聲明變量時儘可能初始化
var age=10;
var name="張三";
var isHappy=true;
三、將變量的聲明和賦值分開操做
var name;
var age;
name="";
age=18;
四、對變量進行的存取操做
一、設置變量的值(賦值，存)
=
var name="張三丰";//張三丰
name="張無忌";//張無忌
name+="殷素素";//張無忌殷素素
name = name + "張翠山";//張無忌殷素素張翠山
name = name+""; ==> name+="";
特殊：
var i=10;
i++;
++i; ==> i=i+1;
注意：賦值時，=的左邊必定是變量
二、獲取變量的值(取值)
var uname="張無忌";
console.log(uname);
var newName = uname;
uname : 取值操做(=右邊使用)
newName : 賦值操做(=左邊使用)
四、運算符
一、算數運算符
+,-,*,/,%
%:取餘(模),計算兩個數字相除後的餘數
5%2 結果爲 1
3%5 結果爲 3
經常使用場合：
一、獲取數字的最後一位
1234
1234%10=123 ... 4
1234%100 = 12 ... 34
二、判斷奇偶性 或 判斷 是某數字的倍數
58 % 2 結果是否爲 0?
78 是 3的倍數嗎？？
78 % 3 結果是否爲 0 ？
+ ：
一、求和：數字類型的數值求和
二、"" 與 +聯用 ,做用是追加
"張無忌" + 123 結果爲:張無忌123
123 + "張無忌" 結果爲:123張無忌
12+25 結果爲：37
"12"+25 結果爲：1225
'12'+25 結果爲：1225
注意：由算數運算符 與 操做數 組成的表達式，稱爲 算數表達式
五、數據類型
一、什麼是數據類型
保存在內存中的數據的類型，根據不一樣的類型內存中所開闢的空間也不同
二、數據類型
一、原始類型 (基本類型)
一、number 類型
數字
能夠表示 32 位 (4字節)的整數，或64位(8字節)的浮點數
浮點數：小數
var age;
age=12; //number
age=24.5;//number
二、string 類型
字符串
一系列的文本數據
注意：賦值時，必須使用 " " 或 ' ' 擴起
var name="張三丰";//string
var age = "12"; //string
特殊字符，能夠經過轉移字符實現
"Hello World"
console.log(""Hello World"");錯誤
\ 做爲開始
\" : 表示一個 "
\' : '
\n : 換行
\t : 製表符
\\ : \
console.log("Hello World");
三、boolean 類型
布爾
只表示 確定(真) 或 否認(假)的數據
值：true(真) 和 false(假)
使用場合：做爲程序的條件(判斷、循環)
在與 number 類型作運算時，true=1，false=0
四、null 類型
空
五、undefined 類型
未定義
表示 不存在的數據
二、引用類型chrome
Object 編程
Number數組
Boolean瀏覽器
String
Date服務器
/*JS第二章內容*/app
一、算數運算符
+ - * / %
++自增1 --自減1
++ 在後在前 只要是單獨一行 結果自增1
若是不是單獨一行 ++ 在後 內存裏 自增1 返回舊值
若是不是單獨一行 ++ 在前 內存裏 自增1 返回新值
- * / :出現舍入偏差 toFixed(2);舍入偏差
2 - 1.6 = 0.4[0.399999]
x.toFixed(2);
分析規則:
1:若是++或--運算符單獨一行
放在變量前或放在變量後結果同樣
2:++ -- 屢次運算在一行
i++ + ++i
若是++前 :1內存中變量值發生變化 2:返回新值
若是++後 :1內存中變量值發生變化 2:返回舊值
示例:
var i = 1;
console.log(i++);//i[2]-->結果 1
var j = 1;
二、擴展賦值
=
+= -= *= /= %=
var i = 1;
i+=1;//i = i + 1;
var m = 10;
m += 2;//m = m + 2;
三、數據類型轉換
數據類型：number,string,boolean,null,undefined
var a = 123;
var b = "123";
var c = 1.23;
var result = b +56; //179
一、什麼是數據類型轉換
容許數據在各個類型之間靈活的轉變
二、隱式轉換
不須要認爲參與，由程序自動完成
+
var a = "123";
var b = 56;
var result = a + b; //12356
經過 typeof(參數) 函數幫助查看指定數據的類型
NaN : Not a Number 不是一個數字
isNaN() : 是否是一個數字
isNaN("abc") : true
isNaN(123) : false
三、強制數據類型轉換
轉換函數
一、toString()
var a = 123;
a.toString();
String(x);-->比上面更通用
var b = ""+a; //string
var c = a+""; //string
#x.toString()
#若是數據是 null 報錯
#undefiend 報錯
toString() vs String() *****
二、parseInt(參數)
碰到第一個非數字的字符，中止轉換
若是第一個字符就是非數字的，結果爲NaN
parseInt("123"); --> 123
parseInt("123ABC"); --> 123
parseInt("123.456"); -->123
parseInt("ABC123"); --> NaN
三、parseFloat(參數)
將字符串轉換爲小數
任意類型轉換成->數字
Number(); 強制轉換任意類型-》數值
parseInt(); 強制轉換字符串類型->數值[整值]
parseFloat(); ..... [小數.浮點]
Number(); 轉換嚴格
Number("");-->0
Number(true);-->1
Number(false);-->0
Number(null);--->0
Number("123");--->123
Number("12ab");-->NaN {not a number}不是一個數字
Number(未定義)------->NaN
#parseInt
#字符串轉數字
#從左向右依次分析每一個字符，若是碰到第一個
非數字字符退出.
不識別小數點，小數點後內容省略
"123.90abc"
->[123]
#parseFloat
#字符串轉數字
#功能同上，識點小數點保留小數點後數值
exam:
1:建立變量 保存值 true
2:轉換整型數
3:建立變量 保存值 "123kk"
4:轉換整型數
5:建立變量 保存值 "99.99#"
6:轉換浮點數
小結:
Number 轉換範圍廣{null/true/false/"1a3"}
parseInt 將字符串轉數值
parseFloat
面試題:
Number() vs parseInt(); //區別？
四、邏輯運算
#返回值大部分也是 boolean類型
&& 而且 全部條件都爲true結果true
只要有一個條件爲false結果false
|| 或者 只要一個條件爲true結果true
只有二個條件都爲false結果false
! 不 取反
五、三目 一個兩件事
判斷?值1:值2;
#根據不一樣條件返回不一樣的值，或者執行不一樣
操做..
var i = 5;
var j = 2;
var rs = i < j ? "abc":"bcd";異步
console.log(rs);
- 1. w的學習筆記03.(2019年1月9日）
- 2. w的學習筆記06.(2019年1月12日）
- 3. w的學習筆記05.(2019年1月11日）
- 4. w的學習筆記02.(2019年1月8日）
- 5. w的學習筆記07.(2019年1月21日）
- 6. w的學習筆記04.(2019年1月10日）
- 7. 2019年7月1日~7月7日 第一週學習記錄
- 8. 2019年1月28日學習日記
- 9. 2019年1月23日學習日記
- 10. 2019年1月19日學習日記
- 更多相關文章...
- • 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
- • 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 適用於PHP初學者的學習線路和建議
-
每一个你不满意的现在，都有一个你没有努力的曾经。