文档章节

nodejs 基础 + http

GZhiDao
 GZhiDao
发布于 2015/12/10 15:24
字数 1240
阅读 53
收藏 0

CRUD应用:创建、读取、更新、删除

AngularJS双向数据绑定
your name:<input type="text" ng-model="yourname" placeholder="world">
hello {{yourname || 'world'}}!

AngularJS应用三个组成部分:
模板:HTML/CSS
应用程序逻辑Logic和行为Behavior
模型数据Data :通过作用域来保持数据模型与视图界面UI的双向同步

服务特性:
底层服务:依赖注入,XHR,缓存,URL路由和浏览器抽象服务
可以扩展和添加自己特定的应用程序

nodejs

1.下载 angular-phonecat 文件 在e:盘

2.git bash默认路径也是在e:盘
3.用 git bash  输入
mkdir scott 回车
ls 回车 --》看到当前目录的所有文件
cd scott
ls
cd imooc/beginning (scott文件里的文件)
li
node server.js -->运行 server.js


URL:定位
URI:标识

打开node的URL文档 http://nodejs.cn/api/url.html

git bash-->
node -->
url-->
1.url.parse('http://imooc.com/course/list') -->
显示:Url {
  protocol: 'http:', 底层协议
  slashes: true,
  auth: null,
  host: 'imooc.com', 网址
  port: null, 端口 默认为8080
  hostname: 'imooc.com', 主机名
  hash: null,
  search: null, 查询字符串参数
  query: null,
  pathname: '/course/list', 路径名
  path: '/course/list', 路径
  href: 'http://imooc.com/course/list'  超链接
}

2.url.parse('http://imooc.com:8080/course/list?from=scott&course=node#floor1') -->

显显示 Url {
  protocol: 'http:',
  slashes: true,
  auth: null,
  host: 'imooc.com:8080',
  port: '8080',
  hostname: 'imooc.com',
  hash: '#floor1',
  search: '?from=scott&course=node',
  query: 'from=scott&course=node',
  pathname: '/course/list',
  path: '/course/list?from=scott&course=node',
  href: 'http://imooc.com:8080/course/list?from=scott&course=node#floor1' }

3.url.format({
protocol: 'http:',
  slashes: true,
  auth: null,
  host: 'imooc.com:8080',
  port: '8080',
  hostname: 'imooc.com',
  hash: '#floor1',
  search: '?from=scott&course=node',
  query: 'from=scott&course=node',
  pathname: '/course/list',
  path: '/course/list?from=scott&course=node',
  href: 'http://imooc.com:8080/course/list?from=scott&course=node#floor1'
}) -->
显示http://imooc.com:8080/course/list?from=scott&course=node#floor1

4.url.resolve('http://imooc.com','/course/list') -->
显示 http://imooc.com/course/list


5.url.parse('http://imooc.com:8080/course/list?from=scott&course=node#floor1',

true)
-->
显示 Url {
  protocol: 'http:',
  slashes: true,
  auth: null,
  host: 'imooc.com:8080',
  port: '8080',
  hostname: 'imooc.com',
  hash: '#floor1',
  search: '?from=scott&course=node',
  query: {from:'scott',course:'node'},   不同地方 变成了对象
  pathname: '/course/list',
  path: '/course/list?from=scott&course=node',
  href: 'http://imooc.com:8080/course/list?from=scott&course=node#floor1' }

6.url.parse('//imooc.com/course/list',true,true)  -->
Url {
  protocol: null,
  slashes: true,
  auth: null,
  host: 'imooc.com',
  port: null,
  hostname: 'imooc.com',
  hash: null,
  search: '',
  query: {},
  pathname: '/course/list',
  path: '/course/list',
  href: '//imooc.com/course/list' }

协议 端口号 主机 主机名 哪些是hash   来标识唯一的特定资源

url的作用:识别路径 访问数据

HTTP的重要性:
http:就是协议
流程:
http客户端发起请求,创建端口
http服务器在端口监听客户端请求
http服务器向客户端返回状态和内容
具体如下:
1.Chrome 搜索自身的DNS缓存
2.搜索操作系统自身的DNS缓存(浏览器没有找到缓存或缓存已经失效)
3.读取本地的HOST文件
4.浏览器发起一个DNS的一个系统调用
5.浏览器获得域名对应的IP地址后,发起HTTP “三次握手”
6.TCP/IP连接建立起来后,浏览器就可以向服务器发送HTTP请求了使用了,比如说:用http的

GET方法请求一个根域里的一个域名,协议可以采http1.0的一个协议
7.服务器端接受到了这个请求,根据路径参数,经过后端的一些处理之后,把处理的一个结果

的数据返回给浏览器。如果是百度的页面,就回把完整的hTML页面代码返回给浏览器
8.浏览器拿到了百度的完整的HTML页面代码,在解析和渲染这个页面的时候,里面的JS CSS

图片静态资源,一个HTTP请求,都是需要经过上面主要的七个步骤。
9.浏览器根据拿到的资源进行渲染显示

http1.0的请求方法:
GET 读取数据
POST 提交数据
PUT 更新内容
DELETE 删除
HEAD 发出指定资源的请求
TRACE
OPTIONS

客户端 --》 服务器 --》

浏览器向服务器发起请求的流程:
接受请求后

chrome://net-internals/#dns 查看浏览器的DNS缓解记录

HTTP进阶
什么是回调
案例:
function learn(something){
    console.log(something)
}

function we(callback,something){
    something += ' is cool'
    callback(something)
}
we(learn,'nodejs')

we(function(something){
    console.log(something)
},'jade')

显示:
nodejs is cool
jade is cool


什么是同步/异步
同步:就执行一个任务后再执行下一个任务,只能按顺序执行

异步:每个任务都有几个回调函数



什么的单线程/多线程
单线程:单个进行
多线程:同时进行多个

什么是I/O:数据的进/出


什么是阻塞/非阻塞 :
什么是事件:鼠标点击是一个事件
什么是事件驱动:
什么是基于事件驱动的回调
什么是事件循环

什么是作用域:全局 局部
访问函数的能力

什么是上下文:
是调用当前代码的引用 this指向调用这个方法的对象
全局变量使用this,指向函数拥有者
构造函数使用this,指向新构建好的函数,实例对象。




© 著作权归作者所有

共有 人打赏支持
GZhiDao
粉丝 6
博文 119
码字总数 89796
作品 0
广州
前端工程师
Nodejs express、html5实现拖拽上传

Nodejs express、html5实现拖拽上传 一、前言 文件上传是一个比较常见的功能,传统的选择方式的上传比较麻烦,需要先点击上传按钮,然后再找到文件的路径,然后上传。给用户体验带来很大问题...

james_laughing
2015/06/02
0
0
Linux搭建Nodebb论坛指南-安装篇

[Nodebb][1]是一个很酷很简洁的论坛系统。基于nodejs,使用[socket.io][2]实现实时通信。socket.io的好处在于提供了多种传输实现作为消息传输的方式(支持的[传输方式][3]WebSocket,Flash,A...

bfleeee
2014/05/26
0
0
《Node.js开发指南》书评汇总

刚查了下库存,发现订阅《Node.js开发指南》的读者大增,这是为什么呢?看了下近期本书在豆瓣的评论,口碑很好,现将豆瓣的书评汇总如下: ----------------------------------------------...

生气的散人
2012/10/15
0
0
深入浅出Node.js(一):什么是Node.js

专栏的第一篇文章《什么是Node.js》尝试从各个角度来阐述Node.js的基本概念、发展历史、优势等,对该领域不熟悉的开发人员可以通过本文了解Node.js的一些基础知识。 从名字说起 有关Node.js...

leeldy
2012/10/25
0
1
JS服务端系列-nodejs+express+ejs+mongodb的数据显示

1.我们下载好mongodb数据库,这个程序我放在nodejs的目录下了, 我的nodejs是安装在d: nodejs目录下,看图可以看到我的存放位置,这个随便放置 2.打开cmd窗口,转到mongodb的bin目录下, 执行...

透笔度
2015/08/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Boot 入门 - 进阶篇(4)- REST访问(RestTemplate)

经常需要发送一个GET/POST请求到其他系统(REST API),通过JDK自带的HttpURLConnection、Apache HttpClient、Netty 4、OkHTTP 2/3都可以实现。 HttpClient的使用:http://rensanning.iteye.c...

onedotdot
30分钟前
2
0
Wi-Fi也有版本号了!

据Solidot消息,行业组织 Wi-Fi 联盟宣布当前的版本 Wi-Fi 802.11ac 重命名为 Wi-Fi 5,而下一个版本 802.11ax 重命名为 Wi-Fi 6,之前的版本 802.11n 改名为 Wi-Fi 4。 Wi-Fi 标准之前使用单...

linux-tao
31分钟前
3
0
项目经验不丰富、技术不突出的程序员怎么打动面试官?

前言 相信不少的程序员都有过类似的困惑:如果我没有大型的项目经历,也不能靠技术征服面试官,那我要怎么才能给面试官留下一个好印象呢? 按照本人的面试经验来说,面试主要看几点:项目经验...

Mamba1
42分钟前
4
0
MyBatis 源码分析----MyBatis 整体架构概要说明

MyBatis整体架构 MyBatis的整体架构分为三层1:基础支持层,2:核心处理层,3:接口层 1:基础支持层: 1-1反射模块: 该模块对Java 原生的反射进行了良好的封装,提供了更加简洁易用的API ,...

西瓜1994
48分钟前
7
0
如何让 J2Cache 在多种编程语言环境中使用

现在的系统是越来越复杂了,不仅仅是功能复杂,系统结构也非常复杂,而且经常在一个系统里包含几种不同语言编写的子系统。例如用 JavaScript 做前端开发、用 Java/PHP 等等做后端,C/C++/Go ...

红薯
49分钟前
50
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部