Forward の Blog

登录凭证 登录成功返回凭证：cookie+session或者是Token令牌；现在基本都是Token令牌作为登录凭证； 为什么需要登录凭证呢？ web开发中，我们使用最多的协议是http，但是http是一个无状态的协议。那什么叫做无状态协议呢？ 举个例子： 我们登录了一个网站 www.fsllala.top； 登录的时候我们需要输入用户名和密码：比如用户名forward，密码：Forward666; 登录成功之后，我们要以forward的身份去访问其他的数据和资源，还是通过http请求去访问。 fsllala的服务器会问：你谁呀？ forward说：我是forward呀，刚刚登录过呀； fsllala：怎么证明你刚刚登录过呀？ forward说：这。。。，http没有告诉你吗？ fsllala：http的每次请求对我来说都是一个单独的请求，和之前请求过什么没有关系。 看到了吧？这就是http的无状态，也就是服务器不知道你上一步做了什么，我们必须得有一个办法可以证明我们登录过； 那如何证明刚才就是我登录的啊？ 登陆成功的时候服务器给我们发过来一个登录凭证，访问其 ...

NodeJs连接MySQLmysql与mysql2 如何可以在Node的代码中执行SQL语句呢?这里我们可以借助于两个库： mysql：最早的Node连接MySQL的数据库驱动； mysql2：在mysql的基础之上，进行了很多的优化、改进； 目前相对来说，更偏向于使用mysql2，mysql2兼容mysql的API，并且提供了一些附加功能； 更快/更好的性能； Prepared Statement (预编译语句)： 提高性能：将创建的语句模块发送给MySQL，然后MySQL编译（解析、优化、转换）语句模块，并且存储它但是不执行，之 后我们在真正执行时会给?提供实际的参数才会执行；就算多次执行，也只会编译一次，所以性能是更高的； 防止SQL注入：之后传入的值不会像模块引擎那样就编译，那么一些SQL注入的内容不会被执行；or 1 = 1不会被执行； 支持Promise，所以我们可以使用async和await语法； mysql2的使用 安装mysql2： 12npm init -ynpm install mysql2 mysql2的使用过程如下： 第 ...

Koa2简介 官网 koa2是express同一个团队开发的一个新的Web框架； 相对于express具有更强的异步处理能力；**(Koa框架的next()函数返回的是一个promise)** Koa2的核心代码只有1600+行，是一个更加轻量级的框架，我们可以根据需要安装和使用中间件； 使用 node下载koa模块 命令： 初始化服务：npm init -y 下载koa：npm i koa koa2初体验 PS:我一直以为是koa，然后群友说koa2，我才发现我用的是koa2； Koa vs Express && Koa1 vs Koa2；什么是KOA2？KOA2和KOA的差别； koa2并没有像express一样，将req和res分开，而是将它们作为 ctx的属性； ctx代表依次请求的上下文对象； ctx.request：获取请求对象；（koa封装的请求对象） ctx.response：获取响应对象；（koa封装的响应对象） ctx.req：（Node封装的请求对象） ctx.res：（Node封装的响应对象） 1234567891011121314 ...

Express简介 Express 是一个简洁而灵活的 Node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用 Express内部还是使用的http模块实现服务器创建和监听, 对http模块进行了二次封装 严格上来说 express就是NodeJS的一个模块 直接下载安装 中文官网express中文官网 使用 node下载express模块： 命令 ： 初始化服务 ： npm init -y 下载express： npm i express 使用的时候 引入 需要实例化一个express应用 使用应用对象创建各种服务 express初体验12345678910111213141516171819const express = require("express");// express其实是一个函数;// 调用函数返回 app,app本质也是一个函数;const app =express();// 监听默认路径(GET)app.get("/",(req,res,next)=>{ ...

编程规范github代码：https://github.com/fsllala/study/tree/main/eslint_vue Eslint+PrettierEditorConfig、Prettier以及Eslint都用于实现前端代码规范化的工具，它们的功能分别如下： Eslint：代码质量检查, 编码风格约束等； Prettier：专注于代码格式化的工具，美化代码； EditorConfig：跨编辑器和IDE编写代码，保持一致的简单编码风格； Eslint 创建vite项目：npm create vite@latest； 安装eslint： 在现代开发中，推荐使用 npx eslint --init，因为它更灵活、不需要预先安装eslint ，并且是 npm/Node.js 社区的标准做法。使用 npx 可以确保使用项目本地的 ESLint 版本，避免全局版本与项目需求不匹配的问题 vscode需要安装插件Eslint 验证一下：这里声明一个变量但是未使用，会报错： Tip：如果没生效，需要重启vscode（下面所有未生效情况皆是）。 自 ...

什么是模块化？ 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块； 将一个项目拆分为若干块，每块之间以一定的形式进行通信，而每块内部的内容都是独立的； 模块化的好处？ 抽离公共的代码，提高了代码的维护性和复用性； 隔离作用域，避免变量的冲突； 将一个复杂的系统分解为多个子模块，便于开发和维护； 常用的模块化规范?CommonJs nodejs使用的commonJs规范；在nodejs中，有且仅有一个入口文件(启动文件)，而开发一个应用肯定会涉及多个文件配合，因此，nodejs对模块化的需求比浏览器端要大得多； 特点 CommonJs最大的特点就是同步加载；(缺点) 每一个文件都是一个Module对象，通过关键字module.exports或者exports来暴露内容，并可以通过require来引入指定模块； 模块一旦加载一次之后就会被缓存； 工作环境 服务端；两个原因使CommonJs无法在浏览器端使用： 根本原因：CommonJs中使用了Node的api，无法在浏览器中运行。 直接原因：作为一门同 ...

nvmnvm是什么? nvm(node.js version manager)即nodejs版本管理器；可以简单操作node版本的切换、安装、查看。。。等等；与npm不同的是，npm是依赖包的管理工具。 为什么需要用nvm? node有很多的版本，切记，并不是新版一出现，旧的版本就不去用了；在不同的项目开发过程中，可能需要我们电脑中同时存在多个不同版本的node；这时候就需要一个软件，来更好的管理这些不同版本的node同时存在于我们的电脑中。 nvm的安装 安装nvm之前先删除现有的node；在控制面板里面删了就行； nvm下载链接； 安装路径建议不要换，因为用默认的路径环境变量就自动配置好了；即一直Next，啥也不要改； 通过nvm -v查看是否安装成功了；通过nvm list查看当前电脑上安装了那些版本的node(因为刚才卸载了，所以现在是No installations recognized.) 配置nvm：复制下面代码(配置镜像源)到nvm文件位置(过程3的第一张图)，点开setting.txt 12node_mirror: https://npmmirror. ...

文件下载方式 前端涉及到的文件下载还是很多应用场景的，那么前端文件下载有多少种方式呢？每种方式有什么优缺点呢？下面就来一一介绍。 a标签定义与用法 首先实现download功能，条件必须满足：所要下载的文件与js或当前页面同源。即window.location.protocol（传输协议）+window.location.host（域名）必须有，且一致； 如果是本地文件，请启动本地服务，使用localhost访问页面； 通过a标签的download属性来实现文件下载；download为h5中新增的a标签属性；download+href使a标签具备点击下载功能； download属性也可以设置一个值来规定下载文件的名称；若没有设置拓展名，浏览器将自动检测正确的拓展名(.img，.png、.pdf)； 兼容性测试及结果 代码 1234567891011121314151617<a href="./imgs/cs.jpg">同源图片，不带download</a></br><a href="./imgs/cs.jpg ...

JSON.stringify 深拷贝的弊端时间对象 如果 obj 里面有时间对象，则 JSON.stringify 后再 JSON.parse 的结果，时间将转为字符串的形式，而不是对象的形式 123456let obj = { a:123, b:[new Date(),new Date()]}let newObj = JSON.parse(JSON.stringify(obj));console.log(obj,newObj); RegExp 、Error 如果 obj 里有 RegExp (正则表达式的缩写)、Error 对象，则序列化的结果将只得到空对象； 1234567let obj = { a:123, b:/aabb[a-z]\d/, c:new Error('typeError')}let newObj = JSON.parse(JSON.stringify(obj));console.log(obj,newObj); function、undefined、Symbol ...

对象的引用赋值 js中一旦遇到引用数据类型，就会开辟一块堆内存，将引用数据类型的值进行储存，并给这块堆内存分配一个16进制地址。 1234const info = {name:"forward",age:24};const obj = info;obj.age=23;console.log(info.age);//23 浅拷贝 浅拷贝：将第一层的数据数据完全拷贝过来，如果有引用类型，引用类型指向的是一个16进制地址，也会拷贝过来(即：拷贝的引用类型和原数据指向同一个内存地址) (对象)如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的就是内存地址 (数组)如果数组元素(arr[index])是基本类型，就会拷贝一份，互不影响，而如果是对象或者数组，就会只拷贝对象和数组的引用，这样我们无论在新旧数组进行了修改，两者都会发生变化 即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址 常见的浅拷贝： Object.assign() concat() slice() 返回一个新的数组对象；原始数组不会被改变。 …拓展运算符 Lod ...