本篇重點
- 常見的添加元素方法
- 添加到指定元素內部：
.append()、.prepend()、.appendTo()、.prependTo() - 添加到指定元素外部：
.after()、.before() - 介紹各方法的使用效果及適用情境
【PHP、JavaScript】三種實用的符號運算子 ?:、??、??=
本篇重點
- 介紹
?:、??、??=的使用方式 - JavaScript 沒有
?:符號相鄰的簡化用法，但可以使用||來達到類似效果 - PHP 和 JavaScript 判斷假值標準不完全相同
- 了解符號運算子的可使用版本
【HTML】解決 Lazy loading 導致滾動定位不準的問題
本篇重點
- 解決 Lazy loading 導致
.scrollIntoView()滾動定位不準的問題 - 檢查目標元素是否進入視窗的方式
.getBoundingClientRect()、window.innerHeight、.clientHeight的應用
本篇重點
- 屬性必須以
data-為前綴 - 建議使用 kebab-case 命名
data-*的常見應用時機- JavaScript 使用
dataset.取值 - jQuery 使用
.data()或是.attr()取值
本篇重點
- PHP 的
usort()陣列自定義排序 - JavaScript 的
.sort()陣列自定義排序 - 自定義排序比較函數的規則
- PHP
usort()和 JavaScript.sort()的反向排序 - 陣列自定義排序應用範例
本篇重點
- 了解
<a>的rel屬性 <a>常見的rel屬性值和用途- 不同情境下
<a>rel屬性的使用方式 - 現代瀏覽器在大部分情況下已經自動為帶有
target="_blank"的連結加上rel="noopener" - 調用
window.opener的方法
本篇重點
- 尋找父元素的常用方法：
.parent()、.parents()、.closest() - 尋找同層元素的常用方法：
.siblings()、.next()、.prev() - 尋找子元素的常用方法：
.children()、.find() - 每個尋找元素方法的具體用途和應用場景
本篇重點
$('選擇器').click()的應用和使用時機$(document).on('click', '選擇器', function(){})的應用和使用時機.on('click', function() {})不是委派給 document 就無法適用在動態生成的元素
