在前端開發中，復用是非常重要的一個概念。不僅可以減少代碼量，提高開發效率，還可以讓頁面在大型項目中保持一致性。在CSS和JS中，復用同樣也是非常重要的

CSS中的復用：

/* 定義一個class用來設置字體 */
.font {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
}
/* 引用 */
.title {
/* 繼承字體 */
@extend .font;
color: #333;
font-size: 16px;
font-weight: bold;
}

CSS中我們可以通過定義一個class，再在其他元素上使用這個class來復用樣式。同時，我們還可以通過Sass或者Less等CSS預處理器的特性，使用@extend關鍵字來將多個class的樣式合并到一個class中，實現更加高效的復用。

JS中的復用：

// 定義一個函數用來顯示彈框
function showModal(content) {
$('.mask').show();
$('.modal').html(content).show();
}
// 定義一個點擊事件
$('.btn').on('click', function () {
showModal('Hello World');
});

在JS中，我們可以通過定義函數來復用代碼，這是一種非常常見的方式。在實際開發中，一些業務邏輯或者動畫效果也是可以通過函數來復用的。這樣既可以減少代碼量，也可以提高開發效率。