流和脚本

最新推荐文章于 2020-11-20 13:05:11 发布

乔木思

最新推荐文章于 2020-11-20 13:05:11 发布

阅读量157

点赞数

本文链接：https://blog.csdn.net/ziyer666/article/details/99537859

版权

###day02

流的概念

  const zlib = require( 'zlib' ) // zlib是一个压缩包的内置模块

  const fs = require( 'fs' ) // fs是文件系统 

  // const in = fs.createReadStream(文件路径)

  // 通过fs文件系统将1.txt中的内容读出来 - 班长水杯中的水倒出来

  const inp = fs.createReadStream('./dist/1.txt') // 创建可读的流

  // 通过fs文件系统将 data 中的内容写进去

  const out = fs.createWriteStream('1.txt.gz') //创建可写的流 

  const gzlib = zlib.createGzlip() // 创建一个空的压缩包 

inp
    .pipe( gzlib )
    .pipe( out )

爬虫

 通过后端语言爬取网站中的数据，然后通过特定模块进行数据清洗，最后将数据输出给前端
 解决办法:放一张图片

const http = require( 'http' )

const cheerio = require( 'cheerio' )

// http://jx.1000phone.net/teacher.php/Class/classDetail/param/rqiWlsefmajGmqJhXXWhl3ZiZGZp

const options = {
  hostname: 'jx.1000phone.net',
  port: 80,
  path: '/teacher.php/Class/classDetail/param/rqiWlsefmajGmqJhXXWhl3ZiZGZp',
  method: 'GET',
  headers: {
    Accept: 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3',
    'Accept-Encoding': 'gzip, deflate',
    'Accept-Language': 'zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7',
    'Cache-Control':' no-cache',
    Cookie: 'PHPSESSID=ST-22290-Uo8KnobsTgDO-TrQvhjA4TfoJI4-izm5ejd5j1npj2pjc7i3v4z',
    Host: 'jx.1000phone.net',
    Pragma: 'no-cache',
    'Proxy-Connection': 'keep-alive',
    Referer: 'http://jx.1000phone.net/teacher.php/Class/index',
    'Upgrade-Insecure-Requests': 1,
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36',
    'Content-Type': 'application/x-www-form-urlencoded',
    'Content-Length': 0
  }
};

const req = http.get( options, (res) => {
  const { statusCode } = res;  // 获取状态码  1xx - 5xx
  const contentType = res.headers['content-type']; // 文件类型  text/json/html/xml

  res.setEncoding('utf8'); // 字符编码 

  // 核心 -- start
  let rawData = '';
  res.on('data', (chunk) => { rawData += chunk; }); // 数据拼接 
  res.on('end', () => { // 数据获取结束
    try {

      const $ = cheerio.load( rawData )

      $('td.student a').each( function ( item ) {
        console.log( $( this ).text() )
      })

    } catch (e) {
      console.error(e.message);
    }
  });

  // 核心  -- end
}).on('error', (e) => {
  console.error(`Got error: ${e.message}`);
});


req.end()

模块化

1.为什么前端要使用模块化
    1.js引用其他类型文件需要模块化.
    2.模块化复用性高,一次定义,多次使用
2.前端模块化
    1.AMD
       AMD的实现需要使用  require.js 
    2.CMD
       CMD的实现需要使用  sea.js 【 不更新 】
    3.Common.js
        Node.js使用了Common.js规范 
          1.内置模块引用
              Node.js中内置模块使用
                  1. 格式： var/let/const 变量名 = require(路径)  内置模块路径就是模块名称 
                  2. 使用内置模块身上的方法
          2.自定义模块引用
              const name={};
              module.exports={name}/name
          3.第三方模块引用
              作用： 数据请求
                  使用： 
                      1. 安装
                          npm/cnpm i/install request --dev-save/-D           开发环境安装
                          npm/cnpm i/install request --save/-S               生产环境安装
                      2. 导入
                          let/var/const 变量名  =  require( 模块名称 )
                      3. 使用
          4.EcmaScript  模块化
              1.es5
                  module.export / exports 
              2.es6
                  export default / export

npm上传

创建一个自定义模块【文件夹名称一定记住是唯一的，去npmjs.com查是否有】
创建package.json文件
将npm源切换到npmjs上【 nrm切换】
nrm安装： cnpm i nrm -g
nrm ls 列出当前所有源
nrm use 源名称切换到某一个源
注册npmjs.com账号【 qq邮箱】
激活npmjs.com账号【重要/ 犯错高发点】【小弹框只出一次】
在当前目录下登录npm账号
$ npm adduser
填写用户名、密码、激活邮箱
发布
$ npm publish

npm脚本

一、什么是 npm 脚本？
npm 允许在package.json文件里面，使用scripts字段定义脚本命令。

    {
    // ...
    "scripts": {
        "build": "node build.js"
    }}

上面代码是package.json文件的一个片段，里面的scripts字段是一个对象。它的每一个属性，对应一段脚本。比如，build命令对应的脚本是node build.js。

**使用：
命令行下使用npm run命令，就可以执行这段脚本。

$ npm run build
# 等同于执行
$ node build.js

这些定义在package.json里面的脚本，就称为 npm 脚本。它的优点很多。

**优点：

    项目的相关脚本，可以集中在一个地方。
    外接口。用户不不同项目的脚本命令，只要功能相同，就可以有同样的,对需要知道怎么测试你的项目，只要运行npm run test即可。
    可以利用 npm 提供的很多辅助功能。

查看当前项目的所有 npm 脚本命令，可以使用不带任何参数的npm run命令。


$ npm run

二、原理
npm 脚本的原理非常简单。每当执行npm run，就会自动新建一个 Shell(终端)，在这个 Shell 里面执行指定的脚本命令。因此，只要是 Shell（一般是 Bash）可以运行的命令，就可以写在 npm 脚本里面。
比较特别的是，npm run新建的这个 Shell，会将当前目录的node_modules/.bin子目录加入PATH变量，执行结束后，再将PATH变量恢复原样。
这意味着，当前目录的node_modules/.bin子目录里面的所有脚本，都可以直接用脚本名调用，而不必加上路径。比如，当前项目的依赖里面有 Mocha，只要直接写mocha test就可以了。

"test": "mocha test"退出码

而不用写成下面这样。

"test": "./node_modules/.bin/mocha test"

由于 npm 脚本的唯一要求就是可以在 Shell 执行，因此它不一定是 Node 脚本，任何可执行文件都可以写在里面。
npm 脚本的，也遵守 Shell 脚本规则。如果退出码不是0，npm 就认为这个脚本执行失败。
三、通配符
由于 npm 脚本就是 Shell 脚本，因为可以使用 Shell 通配符。

"lint": "jshint *.js"
"lint": "jshint **/*.js"

上面代码中，*表示任意文件名，**表示任意一层子目录。
如果要将通配符传入原始命令，防止被 Shell 转义，要将星号转义。

"test": "tap test/\*.js"

四、传参
向 npm 脚本传入参数，要使用--标明。

"lint": "jshint **.js"

向上面的npm run lint命令传入参数，必须写成下面这样。


$ npm run lint -- --reporter checkstyle > checkstyle.xml

也可以在package.json里面再封装一个命令。

"lint": "jshint **.js","lint:checkstyle": "npm run lint -- --reporter checkstyle > checkstyle.xml"

五、** 执行顺序
如果 npm 脚本里面需要执行多个任务，那么需要明确它们的执行顺序。
如果是并行执行（即同时的平行执行），可以使用&符号。

$ npm run script1.js & npm run script2.js

如果是继发执行（即只有前一个任务成功，才执行下一个任务），可以使用&&符号。


$ npm run script1.js && npm run script2.js

六、** 默认值
一般来说，npm 脚本由用户提供。但是，npm 对两个脚本提供了默认值。也就是说，这两个脚本不用定义，就可以直接使用。

"start": "node server.js"，
"install": "node-gyp rebuild"，
“build”: "node build.js"

上面代码中，npm run start的默认值是node server.js，前提是项目根目录下有server.js这个脚本；npm run install的默认值是node-gyp rebuild，前提是项目根目录下有对应的文件。

七、钩子
npm 脚本有pre和post两个钩子。举例来说，build脚本命令的钩子就是prebuild和postbuild。

"prebuild": "echo I run before the build script","build": "cross-env NODE_ENV=production webpack","postbuild": "echo I run after the build script"

用户执行npm run build的时候，会自动按照下面的顺序执行。


npm run prebuild && npm run build && npm run postbuild

因此，可以在这两个钩子里面，完成一些准备工作和清理工作。下面是一个例子。

"clean": "rimraf ./dist && mkdir dist","prebuild": "npm run clean","build": "cross-env NODE_ENV=production webpack"

npm 默认提供下面这些钩子。

    prepublish，postpublish
    preinstall，postinstall
    preuninstall，postuninstall
    preversion，postversion
    pretest，posttest
    prestop，poststop
    prestart，poststart
    prerestart，postrestart

自定义的脚本命令也可以加上pre和post钩子。比如，myscript这个脚本命令，也有premyscript和postmyscript钩子。不过，st无双重的pre和po效，比如prepretest和postposttest是无效的。
npm 提供一个npm_lifecycle_event变量，返回当前正在运行的脚本名称，比如pretest、test、posttest等等。所以，可以利用这个变量，在同一个脚本文件里面，为不同的npm scripts命令编写代码。请看下面的例子。


const TARGET = process.env.npm_lifecycle_event;

if (TARGET === 'test') {
console.log(`Running the test task!`);}

if (TARGET === 'pretest') {
console.log(`Running the pretest task!`);}

if (TARGET === 'posttest') {
console.log(`Running the posttest task!`);}

注意，prepublish这个钩子不仅会在npm publish命令之前运行，还会在npm install（不带任何参数）命令之前运行。这种行为很容易让用户感到困惑，所以 npm 4 引入了一个新的钩子prepare，行为等同于prepublish，而从 npm 5 开始，prepublish将只在npm publish命令之前运行。
八、简写形式
四个常用的 npm 脚本有简写形式。

    npm start是npm run start
    npm stop是npm run stop的简写
    npm test是npm run test的简写
    npm restart是npm run stop && npm run restart && npm run start的简写

npm start、npm stop和npm restart都比较好理解，而npm restart是一个复合命令，实际上会执行三个脚本命令： 。具体的执行顺序如下。

    prerestart
    prestop
    stop
    poststop
    restart
    prestart
    start
    poststart
    postrestart

九、变量
npm 脚本有一个非常强大的功能，就是可以使用 npm 的内部变量。
首先，通过npm_package_前缀，npm 脚本可以拿到package.json里面的字段。比如，下面是一个package.json。

{
"name": "foo",
"version": "1.2.5",
"scripts": {
"view": "node view.js"
}}

那么，变量npm_package_name返回foo，变量npm_package_version返回1.2.5。


// view.js
console.log(process.env.npm_package_name); // foo
console.log(process.env.npm_package_version); // 1.2.5

注意，package.json里面的config对象，可以被环境变量覆盖。

{
"name" : "foo",
"config" : { "port" : "8080" },
"scripts" : { "start" : "node server.js" }}

上面代码中，npm_package_config_port变量返回的是8080。这个值可以用下面的方法覆盖。


$ npm config set foo:port 80

最后，env命令可以列出所有环境变量。

"env": "env"

乔木思

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
流和脚本

###day02流的概念 const zlib = require( 'zlib' ) // zlib是一个压缩包的内置模块 const fs = require( 'fs' ) // fs是文件系统 // const in = fs.createReadStream(文件路径) // 通过fs文件系统将1.txt中的内容读出来 - 班长水杯中的水倒出来 con...
复制链接

扫一扫