文档章节

nodejs 基础 + http

GZhiDao
 GZhiDao
发布于 2015/12/10 15:24
字数 1240
阅读 53
收藏 0
点赞 0
评论 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
博文 115
码字总数 89796
作品 0
广州
前端工程师
用electron开发Mark Down编辑器(一) ——功能简介

引子(废话) 从使用github托管个人静态博客开始,了解到了MarkDown,不得说这个标记行语言确实让人非常着迷。 我又是一个爱折腾的人,电脑系统经常换,每次重新搭建Hexo,感觉特别麻烦,每次...

newbiebt ⋅ 2016/11/25 ⋅ 5

Linux CentOS6系统安装最新版本Node.js环境及相关文件配置

Node.js,当前应用非常广泛的Javascript运行环境,采用C++编写的,目前应用较多的用于WEB应用中,执行效率还是非常高的,虽然老左不从业程序的开发,但是有些时候在玩VPS的时候还是会遇到使用...

bengozhong ⋅ 2016/02/20 ⋅ 0

Node.js 应用性能优化的五个技巧

在这个由软件定义的世界里,企业往往是通过 Web 应用和移动应用程序来提供他们大部分的服务。所以对企业来说,一个非常重要的任务就是要确保用户拥有出色的使用体验。Node.js 正迅速成为时下...

OneAPM蓝海讯通 ⋅ 2015/07/09 ⋅ 0

如何使用 npm 管理 NodeJS 包

前一段时间,我们发布了一个使用 pip 管理 Python 包的指南。今天,我们将讨论如何使用 npm 管理 NodeJS 包。npm 是最大的软件注册中心,包含 600,000 多个包。每天,世界各地的开发人员通过...

作者: Sk ⋅ 05/07 ⋅ 0

初识NodeJS后的总结

最近刚从JavaScript中痛苦的挣扎出来,然后开始转战NodeJS学习。。。据说NodeJS很强大,所以简单学习后,还有待更进一步了解深入学习。在这里先把初步了解的一些信息做下整理。。。 NodeJS基...

ACE-705 ⋅ 2014/03/12 ⋅ 0

Skywalking Node.js 探针 0.1.0 版本正式发布

项目介绍: Skywalking Node.js探针0.1.0版本正式发布了. Skywalking Node.js探针是由Skywalking社区提供专门针对Node.js生态下的后端应用提供的自动探针。 Skywalking Node.js探针遵守Skywa...

Xin_Zhang_BJ ⋅ 05/21 ⋅ 1

超过 40 个 Node.js 开发者资源

主站: http://www.nodejs.org/ Node.JS on OpenShift https://openshift.redhat.com/community/blogs/nodejs-on-openshift-you-bet-your-javascript Getting Started with Node.JS on OpenS......

oschina ⋅ 2012/08/15 ⋅ 9

Sequelize v5.0.0-beta.4 发布,基于 Nodejs 的 ORM 框架

Sequelize v5.0.0-beta.4 发布,Sequelize 是一款基于 Nodejs 的异步 ORM 框架,它同时支持PostgreSQL、MySQL、SQLite 和 MSSQL 多种数据库,很适合作为 Nodejs 后端数据库的存储接口,为快速...

雨田桑 ⋅ 04/30 ⋅ 0

深入浅出Node.js_Index

深入浅出Node.js系列 【深入浅出Node.js系列一】什么是Node.js 【深入浅出Node.js系列二】Node.js&NPM的安装与配置 【深入浅出Node.js系列三】深入Node.js的模块机制 【深入浅出Node.js系列四...

陶邦仁 ⋅ 2016/01/07 ⋅ 0

Sequelize 5.0.0-beta.7 发布,基于 Nodejs 的 ORM 框架

Sequelize 5.0.0-beta.7 发布了,此次更新内容如下: fix(data-types/blob): only return null for mysql binary null #9441 fix(errors): use standard .original rather than .raw for ac......

雨田桑 ⋅ 05/29 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

磁盘管理—逻辑卷lvm

4.10-4.12 lvm 操作流程: 磁盘分区-->创建物理卷-->划分为卷组-->划分成逻辑卷-->格式化、挂载-->扩容。 磁盘分区 注: 创建分区时需要更改其文件类型为lvm(代码8e) 分区 3 已设置为 Linu...

弓正 ⋅ 13分钟前 ⋅ 0

Spring源码解析(六)——实例创建(上)

前言 经过前期所有的准备工作,Spring已经获取到需要创建实例的 beanName 和对应创建所需要信息 BeanDefinition,接下来就是实例创建的过程,由于该过程涉及到大量源码,所以将分为多个章节进...

MarvelCode ⋅ 33分钟前 ⋅ 0

a href="#"

<a href="#">是链接到本页,因为你有的时候需要有个链接的样式,但是又不希望他跳转,这样写,你可以把这个页面去试试

颖伙虫 ⋅ 40分钟前 ⋅ 0

js模拟栈和队列

栈和队列 栈:LIFO(先进后出)一种数据结构 队列:LILO(先进先出)一种数据结构 使用的js方法 1.push();可以接收任意数量的参数,把它们逐个推进队尾(数组末尾),并返回修改后的数组长度。 2....

LIAOJIN1 ⋅ 40分钟前 ⋅ 0

180619-Yaml文件语法及读写小结

Yaml文件小结 Yaml文件有自己独立的语法,常用作配置文件使用,相比较于xml和json而言,减少很多不必要的标签或者括号,阅读也更加清晰简单;本篇主要介绍下YAML文件的基本语法,以及如何在J...

小灰灰Blog ⋅ 49分钟前 ⋅ 0

IEC60870-5-104规约传送原因

1:周期循环2:背景扫描3:自发4:初始化5:请求6:激活7:激活确认8:停止激活9:停止激活确认10:激活结束11:远程命令引起的返送信息12:当地命令引起的返送信息13:文件传送20:响应总召...

始终初心 ⋅ 今天 ⋅ 0

【图文经典版】冒泡排序

1、可视化排序过程 对{ 6, 5, 3, 1, 8, 7, 2, 4 }进行冒泡排序的可视化动态过程如下 2、代码实现    public void contextLoads() {// 冒泡排序int[] a = { 6, 5, 3, 1, 8, 7, 2, ...

pocher ⋅ 今天 ⋅ 0

ORA-12537 TNS-12560 TNS-00530 ora-609解决

oracle 11g不能连接,卡住,ORA-12537 TNS-12560 TNS-00530 TNS-12502 tns-12505 ora-609 Windows Error: 54: Unknown error 解决方案。 今天折腾了一下午,为了查这个问题。。找了N多方案,...

lanybass ⋅ 今天 ⋅ 0

IDEA反向映射Mybatis

1.首先在pom文件的plugins中添加maven对mybatis-generator插件的支持 ` <!-- mybatis逆向工程 --><plugin><groupId>org.mybatis.generator</groupId><artifactId>mybatis-generator-ma......

lichengyou20 ⋅ 今天 ⋅ 0

4.10/4.11/4.12 lvm讲解 4.13 磁盘故障小案例

准备磁盘分区 fdisk /dev/sdb n 创建三个新分区,分别1G t 改变分区类型为8e 准备物理卷 pvcreate /dev/sdb1 pvcreate /dev/sdb2 pvcreate /dev/sdb3 pvdisplay/pvs 列出当前的物理卷 pvremo...

Linux_老吴 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部