在前端開發中，js和css是不可或缺的兩個部分，而框架則是為了方便開發而生的。下面我們來看一下常見的js和css框架。

常見的js框架：

1. jQuery

jQuery是一個快速、簡潔的JavaScript框架，它封裝了很多常見的js操作，使得開發者能夠基于jQuery自己的需求快速開發。

// jQuery的一個例子：通過id獲取元素并改變元素顏色
$("#myId").css("color", "red");

2. Vue.js

Vue.js是一個漸進式的JavaScript框架，它能夠逐漸地應用到不同規模和復雜度的應用程序開發中。它為數據綁定和操作DOM提供了很多實用的方法。

// Vue.js的一個例子：定義一個數組并顯示到頁面上
var app = new Vue({
el: '#app',
data: {
items: ["item1", "item2", "item3"]
}
})

常見的css框架：

1. Bootstrap

Bootstrap是Twitter開發的一個強大的前端框架，它提供了很多預制的組件和樣式，能夠快速構建網站頁面。

// Bootstrap的一個例子：定義一個導航欄

2. Materialize

Materialize是一個基于Google Material規范的前端框架，它提供了很多現代化的UI組件，極大地提升了網站的用戶體驗。

// Materialize的一個例子：定義一個卡片
Card Title
This is a card.
This is a link

以上就是常見的js和css框架，當然還有很多其他的框架，我們可以根據實際需求選擇相應的框架來完成開發。