前端开发、IDE、Node.js与Sublime text3

来源:互联网 发布:linux qemu 安装 编辑:程序博客网 时间:2024/05/16 18:32
  1. 前端/后端
    前端/运行于浏览器端的程序或语言(HTML+CSS+JavaScript)
    后端/传送或响应客户端请求(操作系统+web服务器+数据库+服务器端脚本语言)

    发展方向
    页面效果->网页设计师->前端工程师

    网页设计师
    Web前端开发技术三要素:HTMLCSSJavaScript

    网站重构
    实现MVC框架,即HTML作为信息模型(Model),CSS控制样式(View),JavaScript负责调度数据和实现某种展现逻辑(Controller)

    用户体验
    XHTML+CSS重新布局后的页面,文件更小,下载速度更快
    DHTML可以让用户的操作更炫,更吸引眼球
    Ajax可以实现无刷新的数据交换,让用户的操作更流畅

    技能
    切图:PS\Fireworks\AI
    页面:html/xhtml/dhtml/html5、div、css
    特效/页面效果:javaScript(浏览器端运行的.js程序)、jQueryExtJS

    工具
    网页发布:http 服务器(Apache/iis/node.js
    浏览器:chrome
    IDE/编辑器:sublime text3(针对html5)/webstorm/visual studio(针对前端)
    Eclipse/Myeclipse/JBuilder/NetBeans(针对Java)


    http服务器=web服务器,2种习惯说法
    http/web服务器软件(搭建)IIS/Lighttpd/Apache/Nginx/Node.js

    应用服务器软件 Weblogic/WebSphere

    软件开发语言 C/C++/C#/Java/Python/Ruby

    web开发语言
    服务器端脚本 ASP/CGI/.NET/JSP/PHP/Python/Ruby/Node.js
    客户端脚本 JavaScript/HTML/CSS

    其它应用脚本语言 Shell/Ruby/Python/Perl/Lua

    .NET是 Microsoft XML Web services 平台。XML Web services 允许应用程序通过 Internet 进行通讯和共享数据,而不管所采用的是哪种操作系统、设备或编程语言。运行其上的语言有C#/VB.net/ASP.net。

    数据库 SQL Server/ORACLE/Mysql

    网站开发架构 IIS+ASP/Apache+Tomcat/LAMP/LNMP/Node.js+JavaScript

    Java web开发环境
    Eclipse+Apache+Tomcat(Servlet+JSP)+Mysql+Spring+Struts+Hibernate(或iBatis)+jQuery+Ajax

    参考
    WEB服务器、应用程序服务器、HTTP服务器区别-aito-博客园
    http://www.cnblogs.com/zhaoyl/archive/2012/10/10/2718575.html

  2. JavaScript/任何服务器与日益复杂的浏览器客户端应用程序间共享代码的愿望只能通过Javascript来实现。

  3. Node.js
    Node.js是一个开放源代码、跨平台、面向JavaScript的运行环境(runtime)。应用于服务器端(搭建http server/服务器端编程)和网络应用客户端(浏览器端运行的.js程序)。

    Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。

    Node.js含有一系列内置模块,使得程序可以作为独立服务器运行,从而脱离Apache HTTP Server或IIS运行。

    Node.js正在向服务器端平台发展,并已被IBM、Microsoft、Yahoo!、Walmart、Groupon、SAP、LinkedIn、Rakuten、PayPal、Voxer和GoDaddy等采用。

    Node.js主要用于编写像Web服务器一样的网络应用,这和PHP和Python是类似的。

    软件官网/版本/下载
    安装包(搭建windows本地服务器)/源码包(适合mac和linux操作系统)/插件包(集成在IDE中)
    windows/linux/mac/sublime
    v4.4.5LTS(recommended)/v6.2.1Current
    这里写图片描述

    这里写图片描述

    这里写图片描述

    参考
    Node.js-维基百科
    https://zh.wikipedia.org/wiki/Node.js

    node.js_百度百科
    http://baike.baidu.com/link?url=MgY1aUGybyOFsVjZTHKDV99HDLs3d_DnTCaeT3bu-LnI6HbaPbKWTjiILvOPdhGWqdwIyAlpXJz-Oo2SN-suTa

  4. Sublime text3
    本质是富文本编辑器,添加相关插件,即变身前端开发IDE
    官网/版本/下载
    这里写图片描述

    这里写图片描述

  5. Node.js+Sublime text3+其它相关插件/前端开发IDE

  6. Node.js程序示例

用Node.js撰写的HTTP Server版hello world示例:

var http = require('http');http.createServer(function (request, response) {    response.writeHead(200, {'Content-Type': 'text/plain'});    response.end('Hello World\n');}).listen(8000);console.log('Server running at http://127.0.0.1:8000/');

另一个简单的TCP服务器示例,监听(Listening)端口7000并输出 (echo)之前输入的消息:

var net = require('net');net.createServer(function (stream) {    stream.write('hello\r\n');    stream.on('end', function () {        stream.end('goodbye\r\n');    });    stream.pipe(stream);}).listen(7000);
0 0
原创粉丝点击