Nodejs：Browser Vs. Node(浏览器与Node)

Nodejs：Browser Vs. Node(浏览器与Node)

<div style=“width: 425px”><strong><a title=“Browser vs. Node.js Jackson Tian Shanghai” href=“http://www.slideshare.net/JacksonTian/browser-vs-nodejs-jackson-tian-shanghai” target="_blank">Browser vs. Node.js Jackson Tian Shanghai</a></strong> <br/><div style=“padding: 5px 0 12px”>View more <a href=“http://www.slideshare.net/” target="_blank">presentations</a> from <a href=“http://www.slideshare.net/JacksonTian” target="_blank">JacksonTian</a></div> <br/></div> <br/><div style=“padding: 5px 0 12px”>上周参加D2，在NodeJS的Open Talk上又讲了一遍。 <br/><!–more–> <br/>JavaScript在服务器端的行走，一开始就在进行，但是至今只有NodeJS成功突围，究竟其原因，它保持了JavaScript在浏览器中的简单，而不是将服务端JavaScript变得跟其他的语言一样。从服务器端语言的横向对比来看，NodeJS是另外的一门语言。但是从浏览器来看，它只是JavaScript在服务端的延续罢了。</div>


7 回复

Node.js: 浏览器 vs. Node

摘要

在Web开发中，JavaScript无处不在。它不仅在浏览器中运行，还可以在服务器端使用Node.js。本文将探讨浏览器环境和Node.js环境之间的差异，并提供一些示例代码来帮助理解。

浏览器环境 vs. Node.js环境

浏览器环境

在浏览器环境中，JavaScript主要用于处理DOM（文档对象模型）和用户交互。以下是几个典型的浏览器API：

// 获取元素并修改内容
document.getElementById('myDiv').innerHTML = 'Hello, World!';

// 添加事件监听器
document.getElementById('myButton').addEventListener('click', function() {
    alert('Button clicked!');
});
Node.js环境

在Node.js环境中，JavaScript主要用于服务器端编程。Node.js提供了许多浏览器中没有的API，例如文件系统操作、网络通信等。以下是一些常见的Node.js模块和API：

const fs = require('fs');

// 读取文件
fs.readFile('./example.txt', 'utf8', (err, data) => {
    if (err) throw err;
    console.log(data);
});

// 创建HTTP服务器
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/plain');
    res.end('Hello, World!\n');
});

server.listen(port, hostname, () => {
    console.log(`Server running at http://${hostname}:${port}/`);
});

总结

虽然JavaScript在浏览器和Node.js中都有应用，但它们各自的功能和API有很大的不同。浏览器主要处理DOM操作和用户交互，而Node.js则更侧重于文件系统操作、网络通信等服务器端任务。理解这些差异有助于更好地利用JavaScript在不同的环境中进行开发。

参考资料

希望这些示例代码和解释能帮助你更好地理解浏览器和Node.js环境的区别。


感觉NODE只是看上去像JS那样，和前端的JS还是有很大区别的

用法与API跟前端区别是比较大的。但是有些基本的思路没有变，那就是异步，事件，消息，伪单线程。

坑爹的wordpress，始终过滤掉嵌入的iframe标签。不知道为什么，PPT出来不了。

都说JavaScript简单，其实让我这个javaer纠结了很长时间哇，也有很多东西要学哇

还没看到slide,不过我觉的从Browser进入Node , 除了熟悉node的模块style和基础api外， 第一件大事就是先自己实现一个serial和parrlel 或 找一个别人的实现, 其实在浏览器里serial和parrlel 的用武之地很少了，但在node里很多.

除此之外Browser和Node里的javascript无差别（不考虑浏览器兼容性问题）.

在讨论浏览器（Browser）与Node.js之间的差异时，我们主要关注的是它们各自的运行环境、API、生态以及一些限制和优势。

运行环境

  • 浏览器：浏览器是一种用于显示网页内容的软件，它内置了JavaScript引擎来执行JavaScript代码。浏览器提供了DOM（文档对象模型）、BOM（浏览器对象模型）等API，使开发者能够操作网页内容、响应用户交互等。

  • Node.js：Node.js是一个基于Chrome V8 JavaScript引擎的JavaScript运行环境，它允许开发者使用JavaScript编写服务器端应用程序。Node.js提供了一系列的内置模块，如fs（文件系统）、http（HTTP服务器和客户端）、net（网络）等，这些是浏览器环境中无法直接访问的。

示例代码

浏览器环境

// 浏览器中，我们可以直接通过DOM API操作页面元素
document.getElementById('myElement').innerText = 'Hello, World!';

Node.js环境

// 在Node.js中，我们可以使用内置的fs模块来读取文件内容
const fs = require('fs');

fs.readFile('./example.txt', 'utf8', (err, data) => {
  if (err) throw err;
  console.log(data);
});

生态与库

  • 浏览器：由于浏览器的主要用途是展示和交互网页内容，因此大部分库都是围绕DOM操作、AJAX请求、动画等场景设计的。例如jQuery、React等。

  • Node.js：Node.js的生态更侧重于后端开发，包括文件系统操作、网络通信、数据库操作等。流行的库如Express（Web框架）、Mongoose（MongoDB ORM）等。

总结

浏览器和Node.js都支持JavaScript，但它们为不同的目的而设计，提供了不同的API和功能。浏览器主要用于前端开发，提供与用户交互的能力；而Node.js则专注于后端开发，提供了丰富的服务器端功能。了解这两种环境的区别对于开发全栈应用非常重要。

回到顶部