NPM、JS、CSS 是現代 web 開發過程中必不可少的三個工具。
NPM 是一個 JavaScript 包管理工具,可以使用它來安裝、升級、刪除 JavaScript 依賴庫。
// 使用 npm 安裝依賴庫
npm install// 安裝依賴庫并保存到 dependencies 中
npm install --save// 升級依賴庫
npm update// 刪除依賴庫
npm uninstall
JS(JavaScript)是一種會編程語言,用于為網頁添加交互效果和動態功能。
// 修改 HTML 元素的內容
var element = document.getElementById("myElement");
element.innerHTML = "Hello World!";
// 顯示一個警告框
alert("This is an alert message!");
// 發送一個 AJAX 請求
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/api/users", true);
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
console.log(this.responseText);
}
};
xhr.send();
CSS(Cascading Style Sheets)是一種用于設計網頁外觀的語言。
/* 設置元素的背景色和字體樣式 */
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
}
/* 定義鏈接的樣式 */
a {
text-decoration: none;
color: #333;
}
/* 設置元素的邊框和內邊距 */
.box {
border: 1px solid #ccc;
padding: 10px;
}