JQuery是一款輕量級的JavaScript庫,被廣泛應(yīng)用于Web開發(fā)。它提供了強(qiáng)大的DOM遍歷和操作能力,使得JavaScript編程更加簡潔高效。
// 例子:使用JQuery獲取并修改網(wǎng)頁元素 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $("button").click(function() { $("h1").text("Hello JQuery!"); }); }); </script>
Bootstrap是一套現(xiàn)代化的前端開發(fā)框架,提供了豐富的UI組件和工具,使得Web開發(fā)變得更加快速和簡單。
// 例子:使用Bootstrap創(chuàng)建響應(yīng)式導(dǎo)航欄 <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Bootstrap-navbar</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li> </ul> </div> </nav>
Node.js是一款基于Chrome V8引擎的JavaScript運(yùn)行環(huán)境,可以在服務(wù)器端運(yùn)行JavaScript代碼并提供強(qiáng)大的模塊化機(jī)制。
// 例子:使用Node.js創(chuàng)建HTTP服務(wù)器 const http = require('http'); const server = http.createServer((req, res) =>{ res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello Node.js!'); }); server.listen(3000, () =>{ console.log('Server running at http://localhost:3000/'); });