https://github.com/wangxiaoyugg/learn-nodejs

learning notes about NodeJs ,easy tutorial
https://github.com/wangxiaoyugg/learn-nodejs

easy learning-notes nodejs tutorial

Last synced: 3 months ago
JSON representation

learning notes about NodeJs ,easy tutorial

Host: GitHub
URL: https://github.com/wangxiaoyugg/learn-nodejs
Owner: WangXiaoyugg
Created: 2017-10-21T01:52:52.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2017-10-28T12:12:11.000Z (over 7 years ago)
Last Synced: 2025-01-27T16:48:17.329Z (4 months ago)
Topics: easy, learning-notes, nodejs, tutorial
Language: HTML
Size: 4.75 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# learn-nodejs

### 学习目标

学会NodeJs的基本使用

- NodeJs 是什么，相对优势
- 项目代码的调试和初始化
- 基础的常用API
- 开发一个简易的Web static server
- 单元测试发布
- 开发一个简易的 NodeJs 爬虫

#### NodeJSNodeJs 是什么
- Node.js is a JavaScript runtime built on Chrome's V8
- Node.js use an event-driven , non-blocking I/O model

##### 非阻塞I／O
- 阻塞: I/O 时进程休眠时等待I／O 完成后进行下一步
- 非阻塞： I／O 时函数立即返回，不用等待进程I／O 完成
- I/O 操作非常耗时，耗性能

##### 事件驱动
- I/O 等异步操作结束后通知
- 观察者模式

#### 为什么使用前端偏爱NodeJs
- 前端的职能范围扩大，统一开发经验
- 处理高并发、I／O 密集场景性能优势明显(web 开发)

##### cpu 密集 I/O 密集
- cpu密集压缩解压加密解密
- I／O 密集文件操作网络操作数据库操作

##### web 常见场景
- 静态资源读取
- 数据库操作
- 渲染页面

##### 高并发解决方式
- 增加机器数
- 增加每台机器的CPU数 - 多核

##### 进程
- 计算机的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位
- 多进程：启动多个进程，多个进程可以执行多个任务

##### 线程
- 线程是进程内一个相对独立的，可调度的执行单元，与同属一个进程共享进程的资源
- 多线程是启动一个进程，在一个进程内启动多个线程，多个线程也可以一块执行多个任务

##### NodeJs 单线程
- 单线程只是针对主进程，I/O操作系统多线程调度
- 单线程不是单进程

##### 常用场景
- web Server
- 本地代码构建(前端)
- 实用工具开发(性能不一定是最佳)

### 开发环境
- 官网下载 NodeJS [安装包](http://nodejs.cn/download/)
- CommonJS
- global
- process

###### CommonJS
```
console.log(1);

(function (exports,require,module,__filename,__dirname) {
console.log(1);
});
```
- 每个文件是一个模块，有自己的作用域
- 在模块内部 module 变量代表模块本身
- module.exports 属性代表模块的对外接口

##### require 规则
- / 表示绝对路径 ./表示相对路径
- 支持 js json node 扩展名文件，不写依次尝试
- 不写路径则认为是 build-in 模块或是各级的node_modules 下的模块

##### require 特性
- module 被加载的时候执行，加载后缓存
- 一旦出现某个某块被循环加载，只输出自己已执行的部分，还未执行的部分不会输出

##### global
- CommonJS
- Buffer process console
- timer

#### 调试
- Inspector
使用谷歌浏览器调试控制台
node --inspect-brk xxx.js
- VS Code
- WebStorm
- 条件调试

##### path模块
- __diranme ,__filename 总是返回文件的绝对路径
- process.cwd() 总是返回node 执行命令时的路径

##### ./
- require 的方法中总是相对当前的文件所在文件夹
- 在其他地方和 process.cwd() -样，相对node的启动文件夹

#### Buffer
- 用于处理二进制数据流
- 实例类似整数数组，大小固定
- C++代码在V8 在堆外分配物理内存

#### events
- demo/event.js

#### fs
- demo/fs.js

#### promise
- demo/promise.js

#### static Server
- 功能类似 anywhere

#### .gitignore
- 前 / 代表项目根目录
- 后 / 表示目录
- ! 表示取反
- * 表示任意字符
- ？匹配一个字符
- ** 匹配多级目录

#### npmignore

#### editorconfig

#### eslint
- eslint --init
- npm scripts
- pre-commit packages

#### supervisor chalk

#### range
- range: bytes = [start]-[end]; 超出范围 416 状态码
- Accept-Ranges:bytes
- Content-Range:bytes start-end/total

- curl -r 0-20 -i url

#### 缓存
用户请求 => 本地缓存 => 请求资源 => 协商缓存/返回响应
失败
本地缓存(没失效)
server没改变(失效) => 协商缓存/返回响应
yes
本地缓存 <= 304

换图片直接改路径

- Expires, Cache-Control
- If-Modified-Since / Last-Modified
- If-None-Match / ETag

#### cli
- npm i -g anywhere

使用方法
staticServer # 把当前文件夹作为静态资源服务器的根目录
staticServer -p 8080 # 设置端口号
staticServer -h localhost #设置localhost
staticServer -d /usr # 设置根目录为usr

#### 语义化版本号
x.y.z
z => bug fix
y => add functions
x => new version , it can absolute different form last version

x.y.* <=> ~1.2.0
2.x <=> ^2.0.0

#### 发布包
- npmjs.org 注册账号
- npm login 输入 username/password
- npm publish

#### git
- git rm -r --cached . 撤销提交

### 本地构建
- babel
- 不能解决依赖
- Object.assign({a:1},{b:1});是es2015之前的，只支持2015
使用plugins:Modules

### 打包webpack
- 模块 bundler
- 官网文档，tutorial
- 核心概念
```
entry: 入口文件（多入口和设置入口的名字）
output: 输出的文件
module: {rules:[]} 配置 loader;
plugins:[];extract-text-webpack-plugin;
externals:{jquery:"jQuery"};'减少react,react-dom'
new webpack.optimize.CommonsChunkPlugin({names:['vendor','runtime']})
entry:{
vendor:['react','react-dom']
}
treeShaking 打包用到的模块 uglifyjs-webpack-plugin
```
#### 测试
- 断言 assert 模块
- BDD 行为驱动开发 chai
- TDD 测试驱动开发 chai
- mocha describe it 可以嵌套
语义化非常明显 it.only(),it.skip();
- 单元测试 ustanbul 覆盖率

##### 持续集成
- 频繁将代码集成到主干
- 每次集成都通过自动化构建测试
- 尽早发现错误
- 防止分支大幅偏离主干
- build:passing coverage:100%(repo-badges)
- travis-cli
- library 验证性能更高 bench-mark 性能测试
- 浏览器 jspref.com

#### UI测试
- React 组件UI 测试 jest (简单API 测试类似 chai)
- React jest Dom 测试
- sinon 包
- 测试写好的网页 selenium-webdriver
[selenium-webdriver](http://seleniumhq.github.io/selenium/docs/api/javascript/)

#### 爬虫
- 按照一定规则自动抓取网络信息的程序
- cherrio + superagent
- puppeteer

#### 反爬虫
- User-Agent,Referer,验证码
- 单位时间访问次数，访问量
- 关键信息图片混淆
- 异步加载

##### 空目录上传
- .gitkeeper

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/wangxiaoyugg/learn-nodejs

Awesome Lists containing this project

README