前后端交互的知识点总结

node开发

  1. node使用javascript语法开发后端应用。生态系统活跃,有大量开源库可以使用。前端开发工具大多基于node开发。
  2. node是一个基于chrome v8引擎的javascript代码运行环境。(可以运行代码的软件称为代码运行环境)。
  3. 浏览器、node可以运行javascript代码,是javascript的代码运行环境。
  4. node环境安装失败解决办法:
    (1)错误代号2502.2503 原因:系统帐户权限不足。
    办法:以管理员的身份运行powershell命令行工具,输入运行安装包命令msiexec /package node +安装包位置/安装包名字打开安装包安装。
    (2)执行命令报错
    原因:node安装目录写入环境变量失败。解决办法:将node安装目录添加到环境变量中。打开此电脑属性——高级设置——环境变量,找到path,双击、新建把安装包放到里面。
  5. path环境变量:存储系统中的目录,在命令行中执行命令的时候系统会自动去这些目录中查找命令的位置。
  6. nodejs语法核心ECMAScript。
  7. nodejs软件开发方式——模块化开发。javaScript开发弊端 :文件依赖和命名冲突。
  8. 模块化开发好处:某一个模块的损坏不会影响其他模块的正常运行。一个功能就是一个模块,多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行。
  9. nodejs中规定一个javaSCript文件就是一个模块。模块内部定义的变量和函数默认情况下在外部无法得到。
  10. 模块内部可以使用exports对象进行成员导出。使用require方法导入其他模块。
  11. 还可以使用 module.exports进行导出。两者区别:当两个导出不同对象是的时候,以module.exports为准。
  12. 系统模块:node运行环境提供的API,因为这些都是以模块化方式进行开发的,所以又称node运行环境提供的API为系统模块。
  13. 系统模块fs(file system)文件操作系统。
  14. 读取文件内容fs.reaFile(‘文件路径名称’[文件编码] , callback);回调函数里面跟两个参数err,doc。如果文件读取失败返回错误信息,如果读取成功返回null,输出doc读取结果。
  15. 写入文件内容fs.writeFile('文件路径文件名称,数据(写入内容)。callback);跟一个参数err,判断err是否为空,如果不为空输出err,否则输出成功。
  16. 系统模块path路径操作。为什么进行路径拼接:不同的操作系统的路径分隔符不统一。windows是\ /,linux 上是/,linxx通常被用作网站服务器。
  17. 路径拼接语法:path.join('路径,路径…)路径之间加引号,用逗号隔开,返回的是拼接好的路径。
  18. 相对路径和绝对路径:在读取文件或设置文件时都会选择绝对路径。使用__dirname获取当前文件所在的绝对路径。
  19. 第三方模块:别人写好的,具有特定功能的,直接使用的模块。由多个文件组成并且被放在一个文件夹中,被称为包。
  20. 第三方模块两种存在形式:以js文件的形式存在,提供实现项目具体功能的API接口。第二种以命令行工具形式存在,辅助项目开发。
  21. 获取第三方模块:npmjs.com第三方模块的存储和分发仓库。npm(node package manager)node的第三方模块管理工具。
  22. 下载:npm install 模块名称;卸载: npm unintall package 模块名称。
  23. 命令行工具:全局安装(-g);库文件:本地安装。
  24. 第三方模块nodemon是一个命令行工具,用以辅助项目开发。每次修改文件后不用重新执行该文件。
    安装npm install nodemon -g
  25. 第三方模块:nrm(npm下载地址切换工具),查询可用下载地址列表nrm ls ,切换npm下载地址nrm use 下载地址名称。
  26. 第三方模块Gulp:基于node平台开发的前端构建工具,将机械化操作编写成任务,想要执行机械化操作时执行一个命令行命令任务就能自动执行了。提高了开发效率。
  27. Gulp使用(1)下载gulp库文件(2)在项目根目录下建立gulpfile.js文件。(3)重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件。(4)在gulpfile.js文件中编写任务。(5)在命令行工具中执行gulp任务。
  28. gulp中提供的方法:gulp.src()获取任务要处理的文件(2)gulp.dest()输出文件(3)gulp.task()建立gulp任务(4)gulp.watch()监控文件的变化。
//引用gulp模块
const gulp = require('gulp');
//使用gulp.task创建任务
gulp.task('first' , () => {
	console.log('第一个gulp任务执行');
	gulp.src('./src/css/base.css')
		.pipe(gulp.dest('dist/css'));
} )

29.gulp插件 : (1)gulp-htmlmin:html文件压缩(2)gulp-csso:压缩css(3)gulp-babel:javascript语法转化(4)gulp-less:less语法转化(5)gulp-uglify:压缩混淆javascript(6)gulp-file-include:公共文件包含(7)browsersync浏览器实时同步
30. package.json文件的作用:记录当前项目信息,版本,名称,作者,依赖了哪些第三方模块。使用npm init -y命令生成。

发布了53 篇原创文章 · 获赞 1 · 访问量 900

猜你喜欢

转载自blog.csdn.net/h_el_lo/article/details/105229776