Please enable JavaScript.

Coggle requires JavaScript to display documents.

REVISION FRONT-END, HTML, ES6, JS (Variables, numbers and operators,…

- - - - Semantic HTML (HTML ngữ nghĩa) là cách viết HTML sử dụng các thẻ có ý nghĩa rõ ràng về nội dung bên trong, giúp trình duyệt và người dùng (bao gồm cả công cụ hỗ trợ) dễ dàng hiểu được cấu trúc trang web.
        Ví dụ:
        Thẻ semantic: <header>, <nav>, <article>, <section>, <footer> (có ý nghĩa cụ thể).
        Thẻ không semantic: <div>, <span> (chỉ dùng để bọc nội dung, không có ý nghĩa rõ ràng).
    - - ✅1. Cải thiện SEO
        Công cụ tìm kiếm như Google dễ hiểu nội dung trang web hơn, giúp tăng thứ hạng SEO.
        ✅ 2. Trợ năng tốt hơn
        Hỗ trợ công nghệ đọc màn hình (screen readers), giúp người khiếm thị dễ dàng tiếp cận nội dung.
        ✅ 3. Dễ bảo trì và mở rộng
        Mã nguồn rõ ràng, dễ đọc, dễ chỉnh sửa hoặc mở rộng trong tương lai.
        ✅ 4. Tăng khả năng tương thích trình duyệt
        Các trình duyệt hiện đại tối ưu hóa việc hiển thị nội dung dựa trên thẻ semantic.
        ✅ 5. Hỗ trợ kỹ thuật viên khác
        Khi làm việc nhóm, code semantic giúp đồng nghiệp hiểu nhanh cấu trúc trang web mà không cần đọc quá nhiều code CSS hoặc JavaScript.
- - - - function collectArgs(...args) {
        }
    - - let [first, ...rest] = [1, 2, 3, 4];
    - - let { a, b, ...restProps } = { a: 1, b: 2, c: 3, d: 4 };
  - - - let numbers = [1, 2, 3];
        console.log(sum(...numbers));
    - - let arr2 = [...arr1, 4, 5, 6];
    - - let obj2 = { ...obj1, c: 3, d: 4 };
    - - let copyArray = [...originalArray];
        let combinedArray = [...array1, ...array2];
    - - let copyObject = { ...originalObject };
        let combinedObject = { ...object1, ...object2 };
- - - - Defer: load xong html => load jss
    - - Để file riêng, import vào bằng thẻ script thuộc tính src:
        Trước HTML5: Bạn cần khai báo type="text/javascript" để xác định loại tệp hoặc mã trong thẻ <script>.
        Từ HTML5 trở đi: type="text/javascript" trở thành giá trị mặc định, vì vậy bạn có thể bỏ qua thuộc tính này.
- - - - CSS Simple Selectors: *, #, ., tag
      - CSS Attribute Selectors: [a], [a=value],[a~=value],...
      - CSS Nesting Selectors: &
    - - Descendant (A B) – Chọn tất cả B bên trong A (số lượng nhiều, mọi cấp).
        Child (A > B) – Chọn tất cả B là con trực tiếp của A (số lượng ít hơn A B).
        Adjacent Sibling (A + B) – Chọn chỉ 1 B ngay sau A (số lượng tối đa 1, cùng cấp).
        General Sibling (A ~ B) – Chọn tất cả B sau A (số lượng nhiều, cùng cấp).
        Group Selector (A, B) – Chọn nhiều nhóm A và B cùng lúc.
    - - (:) - Chọn trạng thái hoặc vị trí phần tử
        
        :hover – Khi di chuột vào.
        
        :focus – Khi phần tử được focus.
        
        :nth-child(n) – Chọn phần tử con thứ n.
        
        :first-child – Chọn phần tử con đầu tiên.
        
        :last-child – Chọn phần tử con cuối cùng.
        
        :not(selector) – Chọn tất cả ngoại trừ selector.
        
        :checked – Chọn input checkbox/radio được chọn.
        
        :disabled – Chọn phần tử bị vô hiệu hóa.
    - - (::) - Chọn một phần của phần tử
        
        ::before – Thêm nội dung vào trước phần tử.
        
        ::after – Thêm nội dung vào sau phần tử.
        
        ::first-letter – Chọn chữ cái đầu tiên.
        
        ::first-line – Chọn dòng đầu tiên.
        
        ::selection – Tạo kiểu khi văn bản được chọn.
- - - - their initialization is not hoisted
        
        undefined
    - - ReferenceError
  - - - fully hoisted, including both the function name and its body
    - - Only the variable declaration is hoisted
        
        TypeError/ReferenceError
- - - - var, let, const
    - - Function Scope
        
        var
      - Block Scope
        
        let, const
- - - - Execute in parallel
      - Wait until all of them are ready
      - If any of the promises is rejected, the promise returned by Promise.all
    - - Waits for all promises to settle
      - The resulting array
        
        {status:"fulfilled", value:result} for successful responses.
        
        {status:"rejected", reason:error} for errors.
    - - Similar to Promise.all
      - waits only for the first settled promise
    - - Similar to Promise.race
      - waits only for the first fulfilled promise and gets its result
        => Nếu tất cả đều thất bại thì?
    - - creates a resolved promise with the result value
    - - creates a rejected promise with error
- - - - Call takes the arguments as a list
    - - Apply takes the arguments as an array