JS我的學習之路筆記

1、寫在前面的廢話

##2017年10月14日開始系統的學習JS，及其延伸的框架。之前只是零零星星的學習一些基礎的，現在決定好好學習JS及其優秀框架。

• 每一天堅持學習
• 每一天都要有進步
• 用好剩下的8個小時
• 相信自己，沒毛病

其實程式碼真的真的很簡單，因為以前全部自己都學過，這次，我想從頭到尾的自己認認真真的把所有程式碼都敲一遍，我相信【天道酬勤】。

document.write("<h1>這是一個標題</h1>");
document.write("<p>這是一個段落。</p>");

改變HTML的樣式

<script>
function changeImage()
{
    element=document.getElementById('myimage')
    if (element.src.match("bulbon"))
    {
        element.src="/images/pic_bulboff.gif";
    }
    else
   {
        element.src="/images/pic_bulbon.gif";
   }
}
</script>

每次多寫一遍就是一次進步，我相信前端我一定會更加優秀。加油。

今天學習了練習了——語法、語句、變數。想起了在學校時候學習的時候，現在畢業了，再也回不到之前學校的時光，但是還是要始終堅持，始終如一，保持初心。

2、 堅持好初心

我很喜歡前端 ，喜歡設計，喜歡自由的發揮

喜歡去奇思妙想，喜歡去創新，喜歡加入奇奇怪怪的元素

把生活中的事情融入到作品中，讓作品來源於生活

我認為所有的靈感都是來源於 不知不覺中的生活

生活創造了美，生活讓每個人都很美

我喜歡編碼，喜歡設計前端，喜歡把自己的想法展現給千千萬萬的人

讓千千萬萬的人發現設計師的美，不是他們腦子中想的宅男程式設計師一樣

3、學習JS我從沒懼怕過

認認真真給自己規劃好。堅持共勉。

1 認識JavascriptJavascript是什麼，它的由來是什麼，為什麼要學習javascript,輸出，語法，註釋，什麼是變數等

2 Javascript中迴圈，判斷，運算子學習for迴圈，while迴圈 foreach迴圈，if判斷，==和===的區別等.

3 Javascript的資料型別的認識和轉換javascript的資料型別數值型別和引用資料型別的區分和轉換

4 Javascript中的字串的詳細瞭解

5 Javascript中的陣列和物件,陣列的排序和分組，擷取，過濾等和應用場景，如果快速排序，陣列的最大值和最小值獲取，常見的一些演算法。物件的深入理解，拷貝和賦值，刪除操作等.

6 Javascript中的函式function的深度剖析百度，阿里騰訊大型企業級中的設計模式的開發和講解，閉包和作用域的深度分析，return的深度理解和認識

7 Javascript中的作用域的分析和講解什麼是左查詢什麼是右查詢，什麼是變數提升，分析javascript引擎的執行過程和常見的面試題的分析和講解。

8 Javascript中的定時器setInterval和setTimeout的學習動畫和高階運動的和自定封裝自己的動畫元件.時間版本和運動版本.

9 Javascript中的字串的深度講解字串拼接

10 Javascript的BOM和DOM部分元素節點獲取，標籤樣式的操作各種寬高度與邊距，Window相關操作，快取

11 Event事件物件元素的拖拽操作，事件繫結與解綁，事件冒泡與捕獲，鍵盤事件，滑鼠滾輪事件，阻止預設事件， 事件的委託

12正則表示式講解轉義，量詞，子集，字符集，標識，正則匹配方法

13 Ajax的深入探討什麼是ajax，ajax的執行步驟，傳送資料的兩種方式，如何應用，Jsonp的使用，跨域的應用

14 面向物件程式設計OOP什麼是OOP，關鍵字new的講解，建構函式與類的理解，原型，原型鏈，包裝物件，物件的繼承

15 玩轉Js設計模式

寄生組合式繼承

工廠模式（Factory）

抽象工廠模式（Abstract Factory）

代理模式(Proxy)

觀察者模式（Facade）

單例模式（Singleton）

介面卡模式（Adapter）