Nodejs 模块化

模块化简介 在 Node.js 中每个文件都被当做是一个独立的模块,模块内定义的变量和函数都是独立作用域的,因为 Node.js 在执行模块代码时,将使用如下所示的函数封装器对其进行封装 而且项目是由多个模块组成的,每个模块之间都是独立的,而且提高模块代码复用性,按需加载,独立作用域 但是因为模块内的属性和函数都是私有的,如果对外使用,需要使用标准语法导出和导入才可以,而这个标准...

Node.js

Nodejs npm

简介 npm 简介链接: 软件包管理器,用于下载和管理 Node.js 环境中的软件包 npm 使用步骤: 初始化清单文件: npm init -y (得到 package.json 文件,有则跳过此命令) 注意 -y 就是所有选项用默认值,所在文件夹不要有中文/特殊符号,建议英文和数字组成,因为 npm 包名限制建议用英文和数字或者下划线中划线 下载软件包:npm i 软件包...

Node.js

Nodejs 压缩HTML

前端工程化:前端代码压缩,整合,转译,测试,自动部署等等工具的集成统称,为了提高前端开发项目的效率 需求:把准备好的 html 文件里的回车符(\r)和换行符(\n)去掉进行压缩,写入到新 html 中 步骤: 读取源 html 文件内容 正则替换字符串 写入到新的 html 文件中,并运行查看是否能正常打开网页 代码如下: 12345678910111213141516171819...

Node.js

Nodejs 创建web服务

基于 Web 服务,开发提供网页资源的功能,了解下后端的代码工作过程 步骤: 基于 http 模块,创建 Web 服务 使用 req.url 获取请求资源路径为 /index.html 的时候,读取 index.html 文件内容字符串返回给请求方 其他路径,暂时返回不存在的提示 运行 Web 服务,用浏览器发起请求 123456789101112131415161718192...

Node.js

Nodejs 包的概念

概念 包:将模块,代码,其他资料整合成一个文件夹,这个文件夹就叫包 包分类: 项目包:主要用于编写项目和业务逻辑 软件包:封装工具和方法进行使用 包要求:根目录中,必须有 package.json 文件(记录包的清单信息) 包使用:在引入一个包文件夹到代码中,默认引入的是包文件节下的 index.js 模块文件里导出的对象,如果没有 index.js 文件,则会引入 package.js...

Node.js

Nodejs 基础知识

概念 Node.js 是一个独立的 JavaScript 运行环境,能独立执行 JS 代码,因为这个特点,它可以用来编写服务器后端的应用程序 Node.js 作用除了编写后端应用程序,也可以对前端代码进行压缩,转译,整合等等,提高前端开发和运行效率 Node.js 基于Chrome V8 引擎封装,独立执行 JS 代码,但是语法和浏览器环境的 V8 有所不同,没有 document 和 wi...

Node.js

宏任务与微任务

JS执行机制同步任务同步任务都在主线程上执行,形成一个执行栈。 异步任务JS 的异步是通过回调函数实现的。 一般而言,异步任务有以下三种类型: 1、普通事件,如 click、resize 等 2、资源加载,如 load、error 等 3、定时器,包括 setInterval、setTimeout 等 异步任务相关添加到任务队列中(任务队列也称为消息队列)。 事件循环 先执行执行栈中的同...

Javascript

回调地狱及其解决方法

同步与异步的概念 同步代码:逐行执行,需原地等待结果后,才继续向下执行 异步代码:调用后耗时,不阻塞代码继续执行(不必原地等待),在将来完成后触发回调函数传递结果 回答代码打印顺序:发现异步代码接收结果,使用的都是回调函数 12345678910const result = 0 + 1console.log(result)setTimeout(() => { consol...

Ajax

XMLHttpRequest

基本使用1234567const xhr = new XMLHttpRequest()xhr.open('请求方法', '请求url网址')xhr.addEventListener('loadend', () => { // 响应结果 console.log(xhr.response)})xhr.sen...

Ajax

模拟封装Axios

简易版 需求:基于 Promise 和 XHR 封装 myAxios 函数,获取省份列表展示到页面 核心语法: 1234567891011121314function myAxios(config) { return new Promise((resolve, reject) => { // XHR 请求 // 调用成功/失败的处理程序 &#...

Axios
123459