在實際的前端開發過程中，涉及到大量的CSS和JS代碼。那么什么時候需要使用CSS和JS呢？

CSS：

CSS主要用于美化頁面，使頁面具備良好的用戶體驗。CSS通常通過樣式表嵌入到HTML文檔中，可以設置頁面的背景色、字體、字號、行高、邊距、定位等樣式。

對于一個簡單的靜態網頁，我們完全可以使用HTML和CSS編寫，不需要任何JS代碼。

當頁面需要動態效果時，我們可以使用CSS3的一些動畫效果如transition和animation，實現一些簡單動畫的功能，如hover效果、下拉菜單等。

但是，當我們需要實現更復雜的動態效果、交互效果的時候，CSS就無法勝任了。這時候我們就需要使用JS。

JS：

JS用于頁面交互和動態效果的實現。JS可以通過操作DOM，實現一些用戶交互的功能，如表單驗證、下拉框、輪播圖等。

當我們需要在頁面中實現一些復雜的交互、動態效果時，我們就需要使用JS了。比如說，當我們需要實現一個交互性比較強的表格，可以使用JS來實現數據的動態加載和排序。

另外，在開發響應式頁面的時候，也需要使用JS來實現一些頁面適配的功能，比如移動端頁面的滑動事件等。

// 以下是JS代碼示例
// 四舍五入函數，用于保留小數點后兩位
function round(num) {
return Math.round(num * 100) / 100;
}
// ajax查詢數據
$.ajax({
url: "http://example.com/data",
type: "GET",
dataType: "json",
success: function (data) {
console.log(data);
},
error: function () {
console.log("請求失敗");
},
});

綜上所述，CSS主要用于美化頁面，JS則用于實現頁面的交互和動態效果。在實際開發中，需要根據具體的頁面需求來決定是否使用CSS和JS。