學習資源2

關於前端發展

1. web 前端入坑系列

第一篇： web 前端入坑第一篇：web前端到底是什麼？有前途嗎
第二篇： web前端入坑第二篇：web前端到底怎麼學？乾貨資料！
第三篇： web前端入坑第三篇： web前端| 一條“不歸路” – 學習路線！
第四篇： web前端入坑第四篇： web前端 | 你還在用jQuery？
第五篇： 秒懂Vuejs、Angular、React原理和前端發展歷史！
番外篇： web前端 | 如何選擇擼碼神器

資料處理

0. API RESTful JSON 範例 generated API reference.open in new window

1. request 的方式？ajax & fetch & axios ajax & fetch & axiosopen in new window

2. JavaScript 基本功修練：Day29 - axios 基本語法與練習(GET、POST 請求) axios 基本語法與練習open in new window

3. Axios 介紹(使用+作用)
   
   Axios 介紹(使用+作用)open in new window

登入

1. 登入練習 六角學院
    [六角學院 AJAX 練習](https://github.com/hexschool/nodejs_ajax_tutorial)

---

JS

// 兩個單字先背
// coercion 發音:扣兒二宣->強迫轉型別
// precedence 優先級

陳述式(Statement); //不會回傳結果
var a = 1 * 表達式(Expression); //會回傳結果
1;
true;
return 2;

1. JS 中函式的參數(parameter),arguments 和展開運算子(spread)open in new window

   中文 爭論,論證;白話來說就是 裡面得參數用很像陣列的方式表示

   function argu(帶入的參數1, 參數2) {
     console.log(arguments);
   }
   //斜體的 [] (array-like)
   argu(); // []
   argu("87"); // ["87"]
   argu("54", "87"); // ["54","87"]
   

2. JS 中 coercion 的實際使用--建立函式預設值(default value)open in new window

   function greet(name) {
     // || precedence高
     name = name || "yoyo8787"; // undefined被轉成false
     console.log(name);
   }
   

3. 箭頭函式 ES6open in new window

4. 大推 for 迴圈大亂逗open in new window

5. Object.keys() & Object.values() & Object.entries()open in new window

6. 事件冒泡-DOM 事件傳遞open in new window

[展開/收合]EventFlow

7. Optional chaining operatoropen in new window

[展開/收合]

const response = {
  rows: [
    {
      name: "John",
      age: 28,
      vehicles: {
        car: "Suzuki",
        bike: "Ubike",
        airlines: {
          "UNI AIR": "Air123",
          Mandarin: "Brt707",
        },
      },
    },
  ],
};

if (response.rows?.[0]?.vehicles?.airlines?.Mandarin === "Brt707")
  console.log("Get Brt707");

//語法記憶 a.b有嗎?.c有嗎?
//a.b?.c?

CSS

權重open in new window

Specificityopen in new window