- 博客(29)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 express框架的简单使用
文章目录一、框架简介1.框架：是半成品，对响应底层技术的封装，可以提高开发效率2.MVC：model-view-control，称为模型-视图-控制器3.常用框架：二、Express框架1.特点：2.安装：全局安装3.创建项目：命令行创建4.在集成开发环境创建项目5.express项目的目录结构：6.express页面：7.请求对象：request，客户端向服务器发送的请求8.响应对象：response9.页面跳转的方式三、express中解决跨域问题一、框架简介1.框架：是半成品，对响应底层技术的封装
2021-09-13 11:42:35
485
原创 Promise的与async/await的使用
文章目录一、回调地狱1.Promise对象2.async3.await二、Node访问MongoDB数据库三、Node中Mongoose模块的使用四、总结——async/await和Promise的区别一、回调地狱1.Promise对象1.1 回调函数：当一个函数作为一个参数传入另一个函数中，并且它不会立即执行1.2 与之相对应的概念是“同步任务”，同步任务在主线程上排队执行，只有前一个任务执行完毕，才能执行下一个任务。异步任务不进入主线程，而是进入异步队列，前一个任务是否执行完毕不影响下一个任务
2021-09-10 16:08:32
499
原创 sequelize模块的使用
文章目录一、sequelize模块的使用二、sequelize实现多表连接查询三、小结一、sequelize模块的使用模块简介：Sequelize是一个用于Node.js 的非常优秀的ORM框架, 支持MySQL等多种关系型数据库。1.ORM：对象关系映射。sequelize是实现了ORM思想的一个模块。映射关系：类-----表 属性----列对象----行（元组）2.使用过程：（1）导入sequelize模块（首先要安装该模块）npm install sequeli
2021-09-09 11:01:54
1123
原创 Ajax技术
文章目录一、Ajax技术二、jQuery对Ajax的封装三、小结一、Ajax技术1.Web服务器：提供网上信息浏览服务。Node内置有Web服务器。2.请求的资源：（1）静态资源：只要服务器没有修改这些文件，客户端每次请求到的都是同样的内容（2）动态资源：内容可以动态发生变化，每次请求都需要计算处理3.http协议：超文本传输协议，是一个基于“请求”与“响应”的协议（1）http请求：客户端（浏览器）向服务器发送的请求（2）http响应：服务器接收到客户端的请求后做出的响应4.http协议
2021-08-31 17:49:07
332
3
原创 闲聊几种请求方式
文章目录一.get请求与post请求区别二.客户端向服务器发送请求的其它方式三、总结一.get请求与post请求区别请求参数：GET请求参数是通过URL传递的，多个参数以&连接，POST请求放在request body中。请求缓存：GET请求会被缓存，而POST请求不会，除非手动设置。收藏为书签：GET请求支持，POST请求不支持。安全性：POST比GET安全，GET请求在浏览器回退时是无害的，而POST会再次请求。历史记录：GET请求参数会被完整保留在浏览历史记录里，而POST中的参数
2021-08-31 17:33:06
195
原创 Node的网络编程
Node网络编程一、网络编程1.Node实现TCP协议（1）TCP协议：传输控制协议，提供面向连接的、可靠的数据传输服务面向连接：数据传输之前，客户端与服务器端要建立连接可靠的：数据传输是有序的，要对数据进行校验socket：网络套接字，是进行网络连接的数据结构（服务器的socket和客户端的socket）服务器的socket：实现对指定端口号的监听，若有客户端向监听的端口发出连接请求，socket就会监听到客户端的socket：主要是向服务器发送请求（2）Node中的ne
2021-08-29 20:52:06
187
原创 JS动画卡顿分析
文章目录动画卡顿分析及解决方法一、卡顿原因分析二、优化的一些方法动画卡顿分析及解决方法一、卡顿原因分析我们所使用的设备大多数的刷新频率都是60HZ，也就是每秒钟会有60个画面来组成一个完整的动画来进行展示。这就要求我们的浏览器对每一帧动画的渲染都在16ms内完成（1秒等于1000ms），一旦渲染时间超过了这个时间段，用户在观看时就会感觉到卡顿。通常，一般人可以分辨的频率也在60HZ左右，所以经常会有人提起打游戏时卡顿，也就是游戏掉帧。二、优化的一些方法1.JavaScript的相关优化：优化Jav
2021-08-26 22:31:22
1931
2
原创 跨域和同源
文章目录跨域与同源策略一、同源二、跨域三、跨域的解决方案跨域与同源策略一、同源1.理解：简单来说，如果两个浏览器的地址的域名、协议、端口相同，即说这两个浏览器页面是同源的。2.为什么会设置同源策略：浏览器的同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。如果没有同源策略的限制，一些恶意网页上的JavaScript脚本就可以在用户登录的时候获取到用户的相关信息。二、跨域1.理解：只要两个浏览器的地址中域名，协议，端口任何一个不同就是跨域请求。2，跨域的产生：为了实现前后端分离的项目
2021-08-24 21:06:22
156
原创 Node的文件操作
文章目录文件系统Node的文件相关操作文件系统Node的文件相关操作1.fs模块：提供了文件操作的API2.fs模块共有5个类：（1）fs.Dirent类：用来指示文件的类型（2）fs.FSWatcher类：监视文件的状态（3）fs.ReadStream类：读取流（输入流）（4）fs.WriteStrem类：写入流（输出流）（5）fs.Stats类：文件的信息（文件的状态）3.fs模块中方法的分类（1）同步方法：方法名带有Sync后缀（2）异步方法：方法名不带Sync后缀，最后一个参
2021-08-20 18:00:15
331
原创 Node模块的使用
文章目录Node模块的使用一、模块和包二、核心模块三、包管理器Node模块的使用一、模块和包1.node使用模块的原因（1）可以提高代码的利用率、可读性，减少程序的代码量（2）可以实现代码的共享（3）可以根据实际开发需求对外暴露模块的属性和方法2.Node中模块的使用（CommonJS标准）（1）使用module.exports导出模块：让模块对外暴露（2）使用者可以通过require(模块名)将模块导入到程序中使用3.使用exports导出模块中的部分方法和属性var show_da
2021-08-18 12:04:10
450
原创 数据流的相关操作-fs模块的使用
文章目录数据流1.数据流：2.文件输入流（通过流读文件）：3.写入流（文件输出流）4.管道流5.链式流数据流1.数据流：在某个时间段数据从一个点移动到另一个点的数据序列。2.文件输入流（通过流读文件）：const fs = require('fs');let data = '';//1.建立一个输入流const readStream = fs.createReadStream('input.txt');//设置输入流的字符集(编码格式)readStream.setEncoding('
2021-08-17 11:30:55
284
原创 node事件机制
文章目录Node事件机制一、Node事件处理机制二、Node全局对象三、Buffer数据类型（对象）Node事件机制一、Node事件处理机制1.事件队列：将事件放入事件队列2.事件循环机制：对事件队列中的事件进行轮询、检查，依次处理每个事件3.事件监听：（1）引入事件模块（2）创建事件监听对象：EventEmitter（3）注册监听：监听不同类型的事件（使用on函数）4.触发事件：使用emit（）函数二、Node全局对象1.全局变量（1）__filename：指的是当前正在执行的脚本
2021-08-15 21:54:52
404
原创 ES6引入的新类型
文章目录一、Map(映射)二、函数三、类四、JavaScript的代码规范一、Map(映射)1.Map类似于对象，也是键值对的集合。但是”键”的范围不限于字符串，各种类型的值(包括对象)都可以当做键。也就是说，Object(对象)提供了”字符串-值”的对应，Map结构提供了”值-值”的对应，是一种更完善的Hash结构实现。2.Map的构建//使用二位数组构建Map结构let arr = [['name','lisi'],['title','kungfu']];let map = new Map(
2021-08-12 17:39:42
253
原创 1-node入门
文章目录Node入门一、Node简介二、第一个Node程序三、Node程序的运行方式四、Node的语法基础Node入门一、Node简介1.Node是JavaScript脚本的运行平台。（1）Node将Chrome的V8引擎封装起来，作为服务器运行平台，以此来执行JavaScript编写的脚本语言。（2）使JavaScript只能在前段运行的脚本，变成了可以访问文件、访问数据库、访问线程等功能的服务器端的开发语言。2.Node的特点：（1）非阻塞I/O：非阻塞I/O又称异步式I/O，是node的
2021-08-10 10:07:02
382
原创 改变this指向
文章目录改变this指向一、call()方法二、apply()方法三、bind()方法四、总结比较改变this指向一、call()方法1.可以调用函数2.改变this指向fun.call()示例：var obj ={ name:'张飞'}function fun() { console.log(this)}fun.call(obj);//{ name: '张飞' }应用：借用父构造函数继承属性function Father(pname,age) {
2021-08-05 09:52:46
144
原创 yarn的相关使用方法
一、yarn的使用1.初始化新项目：yarn init2.添加依赖包：yarn add [包名] // 会自动安装最新版本，会覆盖指定版本号yarn add [包名1] [...] [包名n] // 一次性添加多个包yarn add [包名]@[版本] // 添加指定版本的包3.将包添加到不同依赖项类别：yarn add [包名] --dev 或 yarn add [package] -D // 加到 devDependenciesyarn add [包名] --peer 或 yarn
2021-08-02 22:25:24
895
原创 4-MongoDB数据库
文章目录一、关系型数据库的完整性约束二、NoSQL ：非关系型数据库系统的总称，数据以key-value的方式存储三、MongoDB四、MongoDB基本操作五、插入文档六、更新文档七、删除文档一、关系型数据库的完整性约束1.实体完整性约束：是通过设置主键来实现的。主键不能为空并且值必须是唯一的。2.参照完整性：是通过主外键关联实现的。3.列的完整性：列的取值范围4.用户自定义完整性：用户根据具体需求定义的完整性约束条件二、NoSQL ：非关系型数据库系统的总称，数据以key-value的方式存
2021-07-27 21:02:53
202
原创 MySQL操作指令及查询语句
文章目录MySQL操作指令以及数据查询一、操作表二、多表连接查询三、子查询四、表与表之间的关系（实体之间的关系）MySQL操作指令以及数据查询一、操作表1.数据定义语言（DDL）（1）创建表create table 表名( 列名 列数据类型, .......);（2）给表中添加列alter table 表名 add (列名 数据类型);（3）修改列的数据类型-- 修改列的数据类型ALTER TABLE body MODIFY address CHAR(11);
2021-07-23 16:56:19
391
2
原创 DOM事件流
文章目录DOM事件流一.DOM事件流的概念：二.事件的冒泡与捕获三.最终的DOM事件流四、示例五、阻止事件冒泡DOM事件流事件流描述的是从页面中接受事件的顺序。一.DOM事件流的概念：事件发生时会在元素节点之间按照特定的顺序传播，这个传播的过程即为事件流。二.事件的冒泡与捕获（1）事件冒泡：由IE最早提出的，事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播到DOM最顶层节点的过程。（2）事件捕获：由网景公司提出，事件是由DOM最顶层的节点开始，然后逐级向下开始
2021-07-22 21:51:08
239
原创 3-递归函数
文章目录递归1.什么是递归2.递归求1~n的阶乘3.递归求斐波那契数列4.递归遍历数据递归1.什么是递归递归： 当一个函数解决一个任务时，在解决的过程中它可以调用很多其它函数。在部分情况下，函数会调用 自身，这就是所谓的 递归。简单理解:函数内部自己调用自己, 这个函数就是递归函数注意： 递归函数的作用和循环效果一样，由于递归很容易发生“栈溢出”错误（stack overflow），所以必须要加退出条件return。2.递归求1~n的阶乘//利用递归函数求1~n的阶乘 1 * 2 * 3 * 4
2021-07-21 20:34:26
84
原创 2-构造函数和原型
文章目录构造函数和原型1.创建对象的方法2.静态成员和实例成员3.原型4.对象原型5.constructor构造函数构造函数和原型1.创建对象的方法1.1 利用 new Object() 创建对象var obj1 = new Object();1.2利用 对象字面量创建对象var obj2 = {};1.3. 利用构造函数创建对象function People(name, age) { this.uname = name; this.age = age; t
2021-07-18 22:19:39
72
原创 1-面向对象编程
1.面向对象编程1.1.两大编程思想面向过程：分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用时再一个一个的调用。面向对象：把事务分解成一个一个对象，然后又由对象之间分工与合作。1.2.面向对象编程（1）特性：封装性继承性多态性1.3.面向过程与面向对象的对比面向过程面向对象优点性能比面向对象高，适合跟硬件联系紧密的东西（单片机）容易维护，易复用，易扩展，由于面向对象具有封装、继承、多态的特性，可以设计出低耦合的系统，使系统更加灵活，更加易
2021-07-16 16:14:48
55
原创 4-jQuery效果
文章目录jQuery效果1.显示隐藏效果2.滑动效果3.事件切换4.停止动画排队方法5.淡入淡出效果6.自定义动画animatejQuery效果jQuery封装了很多动画效果。1.显示隐藏效果（1）显示语法规范show([speed,[easing],[fn]])参数含义：speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)easing: 用来指定切换效果，默认是"swing"，可用参数"linear"**f
2021-07-15 16:31:43
71
原创 3-jQuery操作样式
文章目录jQuery样式操作1.操作css方法2.设置类样式方法3.类操作与className区别jQuery样式操作1.操作css方法jQuery可以使用css方法来改变简单的元素样式；也可以修改多个样式。（1）参数只写参数名，返回的是属性的值$(this).css('color');（2）参数是属性名，属性值，设置一组样式，属性必须加引号，属性值如果是数字可以不用跟单位和引号$(this).css('color','red');（3）参数可以是对象的形式，可以设置多个样式，属性名可以
2021-07-14 21:56:38
73
原创 2-jQuery的选择器
文章目录jQuery的选择器1.基本选择器：2.层级选择器：3.隐式迭代（重要内容）4.jQuery筛选选择器：5.jQuery筛选方法（重点）6.jQuery实现排他算法jQuery的选择器1.基本选择器： （1）：ID选择器：$(#id)，获取指定ID的元素 （2）：全选选择器：$(’*’)，匹配所有的元素 （3）：类选择器：$(’.class’)，获取指定类的元素 （4）：标签选择器：$(‘div’)，获取指定标签的所有元素 （5）：并集选择器：$(‘div,p,li’)，获取
2021-07-13 16:00:37
371
原创 1-jQuery简单了解
文章目录jQuery简单了解1.概述2.jQuery的优点：3.jQuery下载：4.jQuery的基本使用：5.$符号含义：6.DOM对象与jQuery对象7.DOM对象与jQuery对象jQuery简单了解1.概述jQuery是一个快速、简单的JavaScript库。jQuery封装了JavaScript常用的功能代码，优化了DOM操作，事件处理、动画设计和Ajax。2.jQuery的优点：（1）轻量级。核心文件很小，不会影响页面的加载速度。 （2）跨浏览器兼容。
2021-07-12 18:29:47
107
原创 初识bootstrap框架
文章目录一、bootstrap框架二、bootstrap配置三、bootstrap的全局css样式注意：这两种容器不能互相嵌套四、bootstrap栅格系统（重要内容）:是一种响应式的、移动设备优先的流式栅格系统。将屏幕或者视口划分为最多12列，通过一系列的行列组合来创建页面布局，可以将内容放在列当中bootstrap是我们在前端学习中最早接触的一个实用的框架，只要我们熟练掌握了HTML，css，JavaScript等内容，我们就可以熟练地运用这个框架。下面我们来简单了解一下这个框架的内容。（附上中文网官
2021-07-11 10:27:15
357
TA创建的收藏夹 TA关注的收藏夹
TA关注的人