NodeJS——代码逻辑
NodeJS整理
客户端
服务器端 处理数据和业务逻辑
请求
客户端---------------------->服务器端
<--------------------
响应
ip地址/域名 http://www.baidu.com
端口(不同的服务) ---服务器的端口唯一
URL(统一资源定位符)
https://www.baidu.com/index.html
本地IP 127.0.0.1 本地域名localhost
报文 请求和响应的过程中传递的数据块
服务器的开发
node---ajax
---域名!!!
域名绑定,租服务器,自己搭建网站等等
部署上线\运维等等
响应报文
1 HTTP 状态码
200 ok 请求成功
404 请求资源不存在
500 服务器错误
400 客户端请求有语法错误
2 内容类型
text/html
text/css
text/javascript
image/jpeg
application/json
HTTP请求处理与响应处理
1 请求参数
路由：客户端请求地址与服务器端程序代码的对应关系
静态资源：服务器不需要处理 可以直接响应给客户端
动态资源：相同的请求地址不同的响应资源
.../blog/article?id=1
.../blog/article?id=2
index.html about.html (html,css,js,图片) news.html imge.html
模块有路径没有后缀名
1 首先找同名js 找到则执行
2 找不到则找同名js文件夹
3 假如找到同名js文件夹,会找package.json文件main选项指定的入口文件
4 如果指定的package.json文件main选项指定的入口文件不存在或者没有配置,则会找index.js
5 否则,报错
没有路径也没有后缀
1 首先会假设这是系统模块
2 node会去node_modules文件夹
3 首先看有没有该名字的js
4 再看有没有该名字的文件夹
5 假如找到同名js文件夹,会找package.json文件main选项指定的入口文件
6 如果指定的package.json文件main选项指定的入口文件不存在或者没有配置,则会找index.js
7 否则,报错
---
技术为王
Alt+上箭头
shift+alt+a 添加或删除块注释
shift+alt+上下箭头 向上或下复制当前行开发岗位：
前端：html+css+js
后端：处理数据，提供接口
html4\5+css2\3 PC页面+移动页面
javascript:
原生客户端js(es5\6\7+dom+bom)
JQuery
bootstrap
服务器相关技术 node(原生框架express\koa)+数据库(mongodb\mysql\redis)+...
流行框架： vue\react\angular
高级知识：ts+...
<!DOCTYPE html> --->DTD 文档类型声明 h5
<html lang="en"> --->
<head>
<meta charset="UTF-8"> --->字符集
<meta name="viewport" content="width=device-width, initial-scale=1.0"> --->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title> --->网页标题
</head>
<body>
this is a first page!
</body>
</html>html 常用的标签
html4
标题 h1~h6:语义化，给文本内容赋予标题含义{样式：加粗加黑} 容器标签：可以包裹其他标签，如P,span,a,img
段落 p
超链接 a
<a href="http://www.baidu.com" title="点我搜索" target="_blank">百度一下</a>
href 表示链接跳转地址，可以是网址，也可以是本地资源文件地址{必须写的属性}
title 表示悬停文本
target 表示以何种窗口打开；假如其值为_blank,新窗口打开
a链接也可以做锚点img
<img src=路径/>
相对 从自身出发
1 当资源文件和自身处于同一级目录下 路径直接写文件名（后缀名需要写完整）
2 当资源文件的文件夹与自身处于同一级目录 路径需要加上文件夹
3 上一级
绝对 一般是带盘符或URL具体地址list
无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
注意：ul的儿子只能是li,li的父亲是ul,li属于容器级标签有序列表
<ol>
<li></li>
<li></li>
<li></li>
</ol>自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>使用范畴：ul > ol
html5——语义
css 样式
