Gulp

最新推荐文章于 2023-06-26 16:24:51 发布
最新推荐文章于 2023-06-26 16:24:51 发布
阅读量222 收藏 1
点赞数
分类专栏： node+Gulp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30754745/article/details/108857757
版权

第三方模块 Gulp

基于node平台开发的前端构建工具
将机械化操作编写成任务，想要执行机械化操作时执行一个命令行命令任务就能自动执行了。
用机器代替手工，提高开发效率。比如压缩css代码。

Gulp能做什么
  • 项目上线，HTML、CSS、JS文件压缩合并
  • 语法转换（es6、less…）
  • 公共文件抽离
  • 修改文件浏览器自动刷新
Gulp使用
  1. 项目根目录下，使用npm install gulp下载gulp库文件
  2. 在项目根目录下建立gulpfile.js文件
  3. 重构项目的文件夹结构，src目录放置源代码文件，dist目录放置构建后文件
  4. 在gulpfile.js文件中编写任务.
  5. 在命令行工具中执行gulp任务 gulp 方法名

还有一个命令行工具需要安装，在后续使用的时候会用（全局安装），有时已经安装

 npm install gulp-cli -g

Gulp的提供的方法：

gulp.src():		获取任务要处理的文件
gulp.dest():	输出文件
gulp.task():	建立gulp任务
gulp.watch():	监控文件的变化

示例：

	const gulp = require('gulp');
	//使用gulp.task()方法建立任务(这是一个拷贝操作)
	gulp.task('first', () => {
	  //获取要处理的文件
	  gulp.src('./src/css/base.css')
	    //将处理后的文件输出到dist目录
	    .pipe(gulp.dest('./dist/css'));
	});
//注意，处理的代码必须写在 .pipe(); 中。

gulp.task('任务名',回调函数):

gulp插件

gulp提供方法非常少，很多功能都是由插件完成的。

常用插件：

  • gulp-htmlmin:html文件压缩
  • gulp-csso：压缩css
  • gulp-babel:JavaScript语法转化
  • gulp-less:less语法转化
  • gulp-uglify：压缩混淆JavaScript
  • gulp-file-include公共文件包含
  • browsersync浏览器实时同步
插件的使用：
  1. 下载插件
  2. 在gulpfile.js中引入这个插件
  3. 调用插件
  4. 在cmd中执行 gulp 方法名
    ⭐⭐⭐插件很多，在使用的时候去文档里看引入和使用方法就可以。
html任务：
  1. 代码压缩
	const gulp = require('gulp');
	const htmlmin = require('gulp-htmlmin');
	gulp.task('htmlmin', () => {
	  gulp.src('./src/*.html')
	    .pipe(htmlmin({ collapseWhitespace: true }))  //是否压缩
	    console.log('压缩完成');
	    .pipe(gulp.dest('./dist'));
	    console.log('输出完成');
	});
  1. 抽离公共代码

注意，任务是有顺序的，先抽取，后压缩，后输出。注意执行顺序不能错。

把公共部分拿出来，新建文件放进去（只放进去就可以，不需要加html>head+body），然后在原地留下 @@include('./commen/header.html') ，这个语法是由gulp-file-include提供。

	const gulp = require('gulp');
	const htmlmin = require('gulp-htmlmin');
	const fileinclude = require('gulp-file-include');
	gulp.task('htmlmin', () => {	//建立任务
  	gulp.src('./src/*.html')		//获取文件
    .pipe(fileinclude())			//抽离公共部分
    .pipe(htmlmin({ collapseWhitespace: true }))  //是否压缩
    .pipe(gulp.dest('./dist'));		//输出文件
});
css任务：
  1. less语法转换
	const less = require('gulp-less');
	gulp.task('cssmin',()=>{
	  gulp.src('./src/less/*.less')
	  .pipe(less())
	  .pipe(gulp.dest('./dist/css/'));
	});

多个路径同时操作（用数组）；

gulp.src(['./src/less/*.less','./src/css/*.css'])
  1. css代码压缩
	gulp.task('cssmin',()=>{
	  gulp.src('./src/css/*.css')
	  .pipe(csso())
	  .pipe(gulp.dest('./dist/css/'));
	});
js任务：
  1. es6代码转换
	gulp.task('jsmin', () => {
	  gulp.src('./src/js/*.js')
	    .pipe(babel({
	      //判断当前代码的运行环境，将代码转换成当前代码环境支持的代码
	      presets: ['@babel/env'] 
	    }))
	    .pipe(gulp.dest('./dist/js/'));
	});
  1. 代码压缩
	gulp.task('jsmin', () => {
	  gulp.src('./src/js/*.js')
	    .pipe(babel({
	      //判断当前代码的运行环境，将代码转换成当前代码环境支持的代码
	      presets: ['@babel/env'] 
	    }))
	    .pipe(uglify())
	    .pipe(gulp.dest('./dist/js/'));
	});
复制文件夹
gulp.task('copy',()=>{
  //复制img
  gulp.src('./src/img/*')
  .pipe(gulp.dest('./dist/img/'));
  //复制fonts
  gulp.src('./src/fonts/*')
  .pipe(gulp.dest('./dist/fonts/'));
  //复制upload
  gulp.src('./src/upload/*')
  .pipe(gulp.dest('./dist/upload/'));
});

执行一个任务，其他任务跟着一起执行。

gulp.task('default',['htmlmin','cssmin','jsmin','copy']);

node_modules文件夹的问题

存放Gulp插件的文件夹，内部文件非常多。

  1. 文件夹以及文件过多过碎，当我们将项目整体拷贝给别人的时候，传输速度会很慢很慢.
  2. 复杂的模块依赖关系需要被记录，确保模块的版本和当前保持一致，否则会导致当前项目运行报错
1的解决方法

⭐⭐⭐在项目拷贝的时候，不需要传输这个文件夹，在package.json文件中储存所有的插件及其版本信息。
项目描述文件，记录了当前项目信息，例如项目名称、版本、作者、github地址、当前项目依赖了哪些第三方模块等。使用npm init -y命令生成。

npm可以同时下载多个插件，空格隔开。npm install gulp gulp-csso

协同办公时，怎么同步插件环境，给package.json就可以了。
拿到package.json文件后，放到项目目录下，打开cmd，执行npm install，会自动找到package.json文件中保存的所有插件及其版本信息，然后全部下载。

2的解决方法
项目依赖

在项目的开发阶段和线上运营阶段，都需要依赖的第三方包，称为项目依赖
使用npm install 包名命令下载的文件会默认被添加到package，json文件的dependencies字段中

开发依赖

在项目的开发阶段需要依赖，线上运营阶段不需要依赖的第三方包，称为开发依赖
使用npm install 包名–save-dev命令将包添加到package.json文件的devDependencies字段中

安装开发依赖
npm install gulp --save-dev

区分项目依赖和开发依赖的好处，在不同环境下安装不同的依赖。
开发环境，使用npm install下载全部依赖
运行环境（服务器环境），使用npm install --production下载项目依赖

在安装第三方模块的时候，会生成一个文件package-lock.json。作用：

  • 锁定包的版本，确保再次下载时不会因为包版本不同而产生问题
  • 加快下载速度，因为该文件中已经记录了项目所依赖第三方包的树状结构和包的下载地址，重新安装时只需下载即可，不需要做额外的工作

package.json文件夹中有个scripts，可以使用命令别名，把较长的命令使用别名代替。
在这里插入图片描述

Node.js中模块的加载机制

模块查找规则

一、当模块拥有路径但没有后缀时

require(./find.js');
  1. require方法根据模块路径查找模块，如果是完整路径，直接引入模块。
require(./find');
  1. 如果模块后缀省略，先找同名JS文件，找不到再找同名JS文件夹
  2. 如果找到了同名文件夹，找文件夹中的index.js
  3. 如果文件夹中没有index.js就会去当前文件夹中的package.js文件中查找main选项中的入口文件
  4. 如果找指定的入口文件不存在或者没有指定入口文件就会报错，模块没有被找到，就会报错。

二、当模块没有路径且没有后缀时

require('find');
  1. Node.js会假设它是系统模块
  2. Node.js会去node_modules文件夹中
  3. 首先看是否有该名字的JS文件
  4. 再看是否有该名字的文件夹
  5. 如果是文件夹看里面是否有index.js
  6. 如果没有index.js查看该文件夹中的package.json中的main选项确定模块入口文件
  7. 否则找不到报错

URL

统一资源定位符，又叫URL（Uniform Resource Locator），是专为标识Internet网上资源位置而设的一种编址方式，我们平时所说的网页地址指的即是URL。

URL的组成：

传输协议 😕/ 服务器IP或域名 : 端口 / 资源所在位置标识
http://www.baidu.cn/img/index.html

http：超文本传输协议，提供了一种发布和接收HTML页面的方法
端口默认80

开发过程中客户端和服务器端说明

在开发阶段，客户端和服务器端使用同一台电脑，即开发人员电脑。

开发人员电脑：客户端（浏览器）、服务器端（Node）

本机域名：localhost
本地IP：127.0.0.1

创建web服务器

创建server文件夹，添加app.js文件，代码写入其中，而后去cmd中用node命令执行。

	//创建网站服务器
	//引入系统模块
	const http = require('http');
	//创建网站服务器
	const app = http.createServer();
	//当客户端发送请求的时候
	app.on('request', (req, res) => {
	  //响应
	  res.end('<h1>nihao</h1>');
	});
	//监听3000端口
	app.listen(3000);
	console.log('服务器已启动，监听3000端口，请访问localhost:3000。');
http协议

超文本传输协议。
超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端（用户）和服务器端（网站）请求和应答的标准。
在这里插入图片描述

报文

在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵守规定好的格式。

分为 请求报文 和 响应报文。
在这里插入图片描述

查看请求的方法：

浏览器 F12 — Network ，F5刷新就能看到请求了，这时候点击任一请求，会看到：
在这里插入图片描述

请求报文
  1. 请求方式：
    get：获取数据使用，
    post：添加数据使用，一般逻辑也用post，post较为安全
//根据请求方式，做出不同的回应

const http = require('http');
const app = http.createServer();
app.on('request', (req, res) => {
  //获取请求方式 req.method 
  if (req.method == 'POST') { res.end('<h1>POST</h1>'); }
  else if (req.method == 'GET'){ res.end('<h1>GET</h1>'); }
  res.end('<h1>nihao</h1>');
});
app.listen(3000);
console.log('服务器已启动，监听3000端口，请访问localhost:3000。');

//请求模块
  <form action="http://127.0.0.1:3000" method="POST">
    <input type="text" name="" id="">
    <input type="submit" value="提交">
  </form>

在这个时候，客户端请求http://127.0.0.1:3000/xxxx，后跟的xxx不管是什么，都是get请求。
那我们怎么才能根据不同的请求地址，返回不同的页面呢。

  1. 请求地址
    在这里插入图片描述

解决这个问题呢，我们可以用到请求地址。
例如我们访问：http://127.0.0.1:3000/index

	console.log(req.url);		//返回值：  /index

那么，我们就可以通过判断req.url的返回值来进行不同的响应。

const http = require('http');
const app = http.createServer();
app.on('request', (req, res) => {
  //响应
  //获取请求地址
  // console.log(req.url);
  if(req.url == '/index'){
    res.end('<h1>index</h1>');
  }
  else if(req.url == '/list'){
    res.end('<h1>list</h1>');
  }else{
    res.end('<h1>no document</h1>');
  }
});
//监听3000端口
app.listen(3000);
console.log('服务器已启动，监听3000端口，请访问localhost:3000。');

然而，当我们不给任何参数的时候，获取到的是一个 / ，那么再加上一个 / ，就可以了。

  //获取请求地址
  // console.log(req.url);
  if(req.url == '/index' || req.url == '/'){
    res.end('<h1>index</h1>');
  }
  else if(req.url == '/list'){
    res.end('<h1>list</h1>');
  }else{
    res.end('<h1>no document</h1>');
  }

我们如何获取请求报文里的东西呢： 上图F12中的Request Headers
使用 req.headers

  //获取请求报文里的东西
  console.log(req.headers);

在这里插入图片描述
获取其中的某一个呢：

  //获取请求报文里某一个东西
  console.log(req.headers['cookie']);
响应报文
  1. http状态码
    以状态码的形式返回，告诉客户端情况

200 请求成功
404 请求的资源没有被找到
500 服务器端错误
400 客户端请求有语法错误

为服务器端设置不同的响应，使用 res ，res.writeHead

  res.writeHead(400);   //书写响应头。第一个参数不写默认200，

http状态码就是一个标识，返回的时候状态码设置成多少，完全取决于你当前的情况。

  1. 内容类型
    返回什么文件要加上文件类型。
//部分文件类型
	text/html
	text/css
	application/javascript
	image/jpeg
	application/json
	text/plain

  res.writeHead(200, {   //书写响应头。第一个参数不写默认200，
    'content-type': 'text/html'
  });

我们上面输出的文字都是英文，因为输出中文会出错，我们现在解决这个出错的问题，给它加上utf-8：

const http = require('http');
const app = http.createServer();
app.on('request', (req, res) => {
  //响应
  res.writeHead(200, {   //书写响应头。第一个参数不写默认200，
    'content-type': 'text/html;charset=utf8;'
  });
  //获取请求地址
  // console.log(req.url);
  if(req.url == '/index' || req.url == '/'){
    res.end('<h1>index首页</h1>');
  }
  else if(req.url == '/list'){
    res.end('<h1>list分类</h1>');
  }else{
    res.end('<h1>no document没找到</h1>');
  }
});
//监听3000端口
app.listen(3000);
console.log('服务器已启动，监听3000端口，请访问localhost:3000。');

http请求与响应处理

  1. 请求参数：

客户端向服务器端发送请求时，有时需要携带一些客户信息，客户信息需要通过请求参数的形式传递到服务器端，比如登录操作。

  1. GET请求参数

参数被放置在浏览器地址栏中，例如：http://localhost:3000/?name=zhangsan&age=20
?后加参数，键值对用=连接，&连接多个参数。

案例：
请求地址：http://localhost:3000/?name=zhangsan&age=20

console.log(req.url);   //  /index?name=xy&age=12

我们不需要对参数进行截取，node.js中提供了内置url模块，用于处理url地址。
引入url模块：

	const url =require('url');

url.parse有两个参数，要解析的url地址 和 将查询解析成对象形式

写第一个参数，写入要解析的url地址：

  console.log(url.parse(req.url));

在这里插入图片描述
写第二个参数，将查询解析成对象形式

  console.log(url.parse(req.url,true));

在这里插入图片描述

获取解析出来的对象中的参数：

  let params = url.parse(req.url,true).query;
  console.log(params);

在这里插入图片描述
总结也就是，使用url模块将返回的字符串转换成对象。

上面我们对req.url进行判断，以显示页面，那么我们加上参数之后，就全部判断无效了，返回了找不到页面，上图我们看到url.parse(req.url)返回的有一个pathname是地址，这里我们可以判断url.pathname。

const http = require('http');
const url =require('url');
const app = http.createServer();
app.on('request', (req, res) => {
  //响应
  let {query , pathname} = url.parse(req.url,true); //  ES6对象解构
  console.log(query.name); 
  console.log(query.age); 

  //获取请求地址
  if(pathname == '/index' || pathname == '/'){
    res.end('<h1>index首页</h1>');
  }
  else if(pathname == '/list'){
    res.end('<h1>list分类</h1>');
  }else{
    res.end('<h1>no document没找到</h1>');
  }
});
//监听3000端口
app.listen(3000);
console.log('服务器已启动，监听3000端口，请访问localhost:3000。');
  1. POST请求参数
    请求以name获取到，所以那么一定要写。
    发送请求的时候，在Network中有传输的form内容。
    在这里插入图片描述

由于post请求的参数没有在地址栏之中，所以不能用req.url获取。

理论上post参数是可以无限多的，所以当数量多的时候会分批次获取。

post参数是通过事件的舱室接收的。
data 、 end
开始请求参数传递的时候触发data，传递完成触发end。

	const http = require('http');
	const app = http.createServer();
	app.on('request', (req, res) => {
	
	  //由于参数不是一次传递完成的，所以我们要拼接
	  let postParams = '';
	  req.on('data',params=>{
	    postParams += params;
	
	  });
	  req.on('end',()=>{
	    console.log(postParams);  //  username=123&userpwd=qwe  注意这里还是字符串
	  });
	  res.end('ok');  //对于客户端的每次请求，服务器端都要给出响应，否则客户端一直处于等待状态。
	});
	//监听3000端口
	app.listen(3000);
	console.log('服务器已启动，监听3000端口，请访问localhost:3000。');

注意这里的返回值还是字符串格式。
注意url模块是处理请求地址的，这里是字符串，不能使用url模块。
node提供了另一个模块，querystring模块，用来处理POST数据。

const http = require('http');
//处理请求参数模块
const querystring = require('querystring');
const app = http.createServer();
app.on('request', (req, res) => {

  //由于参数不是一次传递完成的，所以我们要拼接
  let postParams = '';
  req.on('data', params => {
    postParams += params;
  });
  req.on('end', () => {
    let querys = querystring.parse(postParams);
    console.log(querys);  
  });
  res.end('ok');  //对于客户端的每次请求，服务器端都要给出响应，否则客户端一直处于等待状态。
});
//监听3000端口
app.listen(3000);
console.log('服务器已启动，监听3000端口，请访问localhost:3000。');

在这里插入图片描述

post请求总结：

  • 参数被放置在请求体中进行传输
  • 获取POST参数需要使用data事件和end事件
  • 使用querystring系统模块将参数转换为对象格式

路由

路由是指客户端请求地址与服务器端程序代码的对应关系。简单的说，就是请求什么响应什么。
在这里插入图片描述
实际上路由就是一堆判断代码，判断请求什么，决定响应什么。
路由代码的实现：

const http = require('http');
const url = require('url');
const app = http.createServer();
app.on('request', (req, res) => {
  const method = req.method.toLowerCase();
  const pathname = url.parse(req.url).pathname;
  res.writeHead(200, {
    'content-type': 'text/html;charset=utf8'
  });

  if (method == 'get') {
    if (pathname == '/index' || pathname == '/') {
      res.end('<h1>index首页</h1>');
    }
    else if (pathname == '/list') {
      res.end('<h1>list分类</h1>');
    } else {
      res.end('<h1>no document没找到</h1>');
    }
  } else if (method == 'post') {
  }
});

app.listen(3000);
console.log('服务器已启动，监听3000端口，请访问localhost:3000');

静态资源访问

服务器端不需要处理，可以直接响应给客户端的资源就是静态资源，例如CSS、JavaScript、image文件。

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const app = http.createServer();
app.on('request', (req, res) => {
  
  //获取用户路径，过滤参数
  let pathname = url.parse(req.url).pathname;
  //将用户的请求路径转换为实际的服务器硬盘路径
  let realPath =path.join(__dirname , 'public' + pathname);
  // res.end(realPath);
  fs.readFile(realPath,(error,result)=>{
    if(error!=null){
      res.writeHead(404, {
        'content-type': 'text/html;charset=utf8'
      });
      res.end('文件读取失败！');
    }
    res.end(result);
  });
});
//监听3000端口
app.listen(3000);
console.log('服务器已启动，监听3000端口，请访问localhost:3000');

在这里，不写地址的时候，是无法读取到index的；
这里我们要给用户返回文件类型，
我们接下来完善一下。

动态资源

相同的请求地址不同的响应资源，这种资源就是动态资源。
http://baidu.com/search?id=1
http://baidu.com/search?id=2

这两个可能就不一样。

gulp 20.此部分为服务器端内容，稍后补上。

鸵鸟大师
关注
专栏目录
gulpDemo
02-14
【gulpDemo】是一个针对前端开发的实践项目，主要利用了`gulp`这一自动化构建工具来提升工作效率。在前端开发过程中，我们经常会遇到诸如文件编译、压缩、合并、自动刷新等重复性工作，`gulp`就是为了解决这些问题而...
gulp的简单搭建
04-13
**gulp的简单搭建** 在现代前端开发中，自动化构建工具起着至关重要的作用，它们能够帮助我们提升工作效率，简化重复性工作。其中，`gulp`是一个流行的选择，它基于流的构建系统，允许开发者通过编写任务来自动化...
XC7K325T PCIE 的摄像头视频采集方案(含教程和FPGA工程上位机)
11-25
XC7K325T PCIE 的摄像头视频采集方案(含教程和FPGA工程上位机)，有操作教程，FPGA源码（VIVADO2017.4打开），参考原理图，资料总共276MB。
PCIe的TLP(Transaction Layer Packet)结构
坚持
07-24 2万+
无论Request TLP，还是作为回应的Completion TLP，它们模样都差不多： 图5.1 TLP主要由三部分组成：Header，Data和CRC。TLP都是生于发送端的事务层(Transaction Layer)，终于接收端的事务层。 每个TLP都有一个Header，跟动物一样，没有头就活不了，所以TLP可以没手没脚，但不能没有头。事务层根据上层请求内容，生成TLP Head...
PCI-E TLP（处理层协议）学习经验分享 I
05-28 1060
今天给大侠带来PCI-Express transaction Layer specification（处理层协议），本次PCIE TLP 学习经验分享分为三篇，今天带来第一篇TLP概况（四种空间、三种处理类型、两种属性、主要包格式、TLP通用包头）和TLP打包地址和路由导向方式（Address寻址、ID寻址方式、处理层描述符），话不多说，上货。 为了方便各位大侠浏览，下面列出三篇分享的大概内容目录介绍： 一、TLP概况 1. 四种空间 2. 三种处理类型 3. 两种属性 4. 主要包格式 5.
FPGA XDMA 中断模式实现 PCIE X8 OV5640摄像头视频采集 提供工程源码和QT上位机源码
qq_41667729的博客
06-20 714
FPGA XDMA 中断模式实现 PCIE X8 OV5640摄像头视频采集 提供工程源码和QT上位机源码 本设计使用Xilinx官方的XDMA方案搭建基于Xilinx系列FPGA的PCIE通信平台，使用XDMA的中断模式与QT上位机通讯，即QT上位机通过软件中断的方式实现与FPGA的数据交互；输入是OV5640摄像头，分辨率为1280x720@60Hz；视频采集模块采集OV5640摄像头输入的RGB565数据并转换为RGB888数据，再经过FDMA视频三帧缓存架构将视频写入DDR，XDMA将视频从DDR3
老男孩读PCIe之四：TLP类型
kunkliu的博客
11-03 1892
来源： http://www.ssdfans.com/?p=3704Host与PCIe设备之间，或者PCIe设备与设备之间，数据传输都是以Packet形式进行的。事务层根据上层（软件层或者应用层）请求（Request）的类型、目的地址和其它相关属性，把这些请求打包，产生TLP，也就是Transaction Layer Packet。然后这些TLP往下，经历数据链路层，物理层，最终到达目标设备。根据软件层的不同请求，事务层产生四种不同的TLP请求： 1. Memory 2. IO 3. Configurati
gulp4.0.2 前端构建脚手架
10-31
**gulp4.0.2 前端构建脚手架** `gulp` 是一个流行的JavaScript任务运行器，用于自动化前端开发过程，如编译Sass、压缩JavaScript、合并CSS、图像优化等。版本4.0.2是其一个重要版本，带来了更稳定和高效的性能。在...
gulp3.9.1 前端构建脚手架
10-31
**gulp3.9.1 前端构建脚手架** `gulp` 是一个流行的JavaScript任务运行器，用于自动化前端开发中的重复性工作，如编译Sass、压缩JavaScript、合并CSS和HTML模板等。在版本3.9.1中，gulp提供了高效且灵活的工作流程...
gulp管理版本号
05-06
gulp管理版本号，安装过程和使用过程介绍 gulp管理版本号，安装过程和使用过程介绍
浅谈PCIe体系结构
01-04
转自http://blog.sina.com.cn/sailingxr，学习PCIe不错的文章，感谢作者
PCIe 32GT/s 含义
weixin_30847271的博客
07-28 453
如下： Jul 26 03:42:53 kernel: ixgbe 0000:01:00.1: PCI Express bandwidth of 32GT/s available Jul 26 03:42:53 kernel: ixgbe 0000:01:00.1: (Speed:5.0GT/s, Width: x8, Encoding Loss:20%) 5*8b/10b*8 = 3...
PCIe扫盲——PCIe错误源详解（一）
kunkliu的博客
07-05 8673
转载地址：http://blog.chinaaet.com/justlxy/p/5100057797 这篇文章来详细地分析一下各种错误源的产生原理，由于内容较多，因此分为两篇文章。第一篇介绍一下ECRC校检错误和Data Poisoning等；第二篇文章介绍事务（Transaction）错误、链路流量控制（Link Flow Control）相关的错误、异常的TLP（Malformed TLP）...
PCIe扫盲系列博文连载目录篇
萌主不萌的专栏
05-12 684
介绍PCIE协议各种内容
PCIE扫盲转发-理解
penjoy的脚印
06-26 2155
错误类型分为：correctable errors （可被硬件识别并自动校正和恢复）和uncorrectable error（分为non-fatal和fatal），non-fatal由设备驱动软件处理，且链路可恢复数据一般不会丢失，fatal只能由os处理，且一般需要复位，数据会丢失。物理层：8b/10b编解码异常；错误报告（Error Reporting）：通知系统错误发生，pcie中发生错误的设备会通过错误消息逐级将错误发送至root，root接收到错误消息后会产生对应的中断通知os。
PCIe扫盲——PCIe错误检测机制
kunkliu的博客
07-05 6634
转载地址：http://blog.chinaaet.com/justlxy/p/5100057784 PCIe总线错误检测囊括了链路（Link）上的错误以及包传递过程中的错误，如下图所示。用户设计的应用程序层中的错误不属于链路传输中的错误，不应当通过PCIe的错误检测与处理机制处理，一般可借助设备特殊中断（Device Specific Interrupt）等合适的方式进行报告与处理。 包...
PCIe扫盲系列博文连载目录
山音水月
11-28 9941
转载自 http://blog.chinaaet.com/justlxy PCIe扫盲系列博文连载目录篇（第一阶段） 1、前言篇：PCIe扫盲——PCIe简介：http://blog.chinaaet.com/justlxy/p/5100053066 2、PCIe扫盲——PCI总线基本概念：http://blog.chinaaet.com/justlxy/p/5100053077 3、PCIe扫盲...
STM32——SPI接口
热门推荐
血染风采2019
04-19 3万+
STM32——SPI接口 宗旨：技术的学习是有限的，分享的精神的无限的。 一、SPI协议【SerialPeripheral Interface】         串行外围设备接口，是一种高速全双工的通信总线。在ADC/LCD等与MCU间通信。 1、SPI信号线         SPI 包含 4 条总线，SPI 总线包含 4 条总线，分别为SS 、SCK、MOSI、MI
PCIe扫盲——TLP Header详解（三）
justlxy的博客
05-14 852
Completions Completions的TLP Header的格式如下图所示： 这里来解释一下Completion Status Codes · 000b (SC) Successful Completion：表示请求（Request）被正确的处理； · 001b (UR) Unsupported Request：表示请求是非法的或者不能被Completer所识别的。在PCIe V1.1以及之后的版本将这作为Advisory Non-Fatal Err...
gulp watch
最新发布
06-04
Gulp是一个基于流的自动化构建工具，可以自动化地执行常见的开发任务，如文件压缩、文件合并、代码检查等。gulp watch是gulp的一个插件，它可以监听文件的变化，当文件被修改时，自动执行对应的任务。这个插件可以帮助开发者在开发过程中自动化执行任务，提高开发效率。 例如，我们可以使用gulp watch来监听CSS文件的变化，当CSS文件被修改时，自动执行压缩任务，并将压缩后的文件保存到指定的目录中。这样，我们就可以在修改CSS文件后，自动地生成压缩后的文件，而不需要手动执行压缩任务。 需要注意的是，gulp watch需要先安装gulp和gulp-watch插件。在安装完成后，我们可以通过编写gulpfile.js文件来定义需要执行的任务和监听的文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值