4~3-CSDN博客

原创 12.mongoose

mongoosemongoose 是一个操作 mongodb 的nodejs 驱动库。什么驱动？驱动是一个程序，其实就是提供了一套接口用来操作硬件。mongodb 是数据库，nodejs 是js的一个运行环境，凭什么nodejs 可以操作 mongodb，所以这个时候就需要相应的驱动程序来提供接口。mongoose 安装npm i mongoose连接 mongodb连接mongodb的代码如下：const mongoose = require('mongoose'); // 引入 mo

2021-02-02 11:39:03 88

原创 11.Express

ExpressExpress 是一个简洁、灵活的 nodejs 的 web 应用开发框架。什么是框架？所谓框架，就是将一些常用的操作封装在了里面，我们不用再重复书写，直接使用框架里面提供的功能即可。express 的特点如下：易上手高性能扩展性强：可以自由的拆分和安装模块安装 expressnpm i express下面是一个使用 express 快速搭建服务器的示例：// 使用 express 快速搭建一个服务器const express = require('express

2021-02-02 11:38:30 110

原创 10.mongodb

mongodb数据库的概念在计算机出现之前，那个时候，都是通过纸质文件来保存数据。这种方式肯定有缺点：容易丢失和损坏占用空间大，浪费资源（纸张，树，破坏环境，全球变暖，人类灭绝。。。）查找数据困难后来，出现了计算机，人们选择使用计算机来保存数据。最常见的是 word 和 excel。查询不便如果是很大的文件，打开都非常费力，非常容易丢失数据或者损坏为了解决上述的问题，数据库出现。顾名思义，就是存储数据的仓库。数据库，英文名叫做 database，简称 db，是按照数据结构组织，存

2021-02-02 11:37:59 76

原创 9.nodejs 内置模块

nodejs 内置模块文件操作在 nodejs 中，提供了 fs 模块，来供我们操作文件。在 nodejs 中，操作文件都提供了同步和异步的方式，但是在实际的开发中，我们更多的还是使用异步来进行开发。文件的写入fs.writeFile()下面是一个具体的示例：const fs = require('fs');console.log('start');fs.writeFile('./test.txt','this is a test',function(err){ if(er

2021-01-25 21:06:17 83

原创 8.nodejs

nodejsnodejs 简介nodejs 是 2009 年诞生的，是一个js的运行环境。它可以让我们的js脱离浏览器环境，在一个称之为node的环境里面运行。有了nodejs之后，我们可以像PHP、Java、Ruby一样做服务器端开发。nodejs 历史众所周知，在 Netscape 设计出 JavaScript 后的短短几个月，JavaScript 事实上已经是前端开发的唯一标准。后来，微软通过 IE 击败了 Netscape 后一统桌面，结果几年时间，浏览器毫无进步。（2001 年推出的古老

2021-01-25 21:05:46 140

原创 7.http 协议

http 协议主要包含以下知识点：（理论偏多）HTTP 简介URL 的详解HTTP 请求HTTP 响应HTTP 简介HTTP 协议英文全称 Hyper Text Transfer Protocol（超文本传输协议），是用于从万维网服务器传输超文本到本地浏览器的协议。HTTP 是基于 TCP/IP的通信协议族里面的一员。主要特点：简单快速灵活无连接无状态URL 的详解介绍几个关键名词：URI、URN、URLURI：Uniform Resource Identifier，翻

2021-01-25 21:05:15 112

原创 6.lodash

lodash主要包含两个内容：lodash 简单介绍lodash 常见的一些方法lodash 简单介绍lodash 是前端开发中一个很常见的库，它和 jQuery 相似，里面封装了涉及数组，字符串，函数，对象等处理方法。整个 lodash 的方法可以分为以下几类：ArrayCollectionFunctionDateLangMathNumberObjectStringUtil要使用 lodash，方法非常简单，可以通过 cdn 的形式来引入，还可以通过 npm 来安

2021-01-25 21:04:45 114

原创 5.jQuery

jQuery主要包含以下内容：jQuery 的介绍选择器各种方法的使用事件处理自己学会查询 api动画ajaxjQuery 的介绍jQuery 是 2006 年推出的一个 js 库。在原生 js 的基础上，进行了一层封装，目的就是简化 js 的开发，提高开发效率。快速入门示例：// 原生 jslet oP = document.getElementsByClassName('test')[0];// jQuerylet oP = $('.test');jQuery 版本

2021-01-05 08:56:28 62

原创 4.生成器

生成器本文主要包含以下内容：遍历迭代器和生成器异步操作ES7 async await遍历首先，我们来回顾一下遍历的各种方式。let arr = [1,2,3,4,5];// 遍历这个数组for(let i=0;i<arr.length;i++){ console.log(arr[i]);}for(let i in arr){ console.log(arr[i]);}for(let i of arr){ console.log(i

2021-01-05 08:55:53 80

原创 3.pomise

pomisepromise 的介绍以及基本使用使用 promise 来请求内容宏任务与微任务promise 相关 apipromise 的介绍以及基本使用在昨天，我们学习了使用回调函数来处理异步，但是回调函数有一个很致命的缺点，那就是回调地狱。promise 最早就是由社区提出来的一种异步编程解决方案，主要用来解决回调地狱。自从ES6之后，promise被纳入官方标准。下面我们来看一下 promise简单的示例：let pm = new Promise(function(resolv

2021-01-04 18:07:57 160

原创 2.Javascript 异步编程

Javascript 异步编程主要包含以下几个内容：同步和异步的概念实现异步的几种方式回调函数promise生成器和迭代器ES7 async 和 await1. 同步和异步的概念在计算机中，所谓同步，就是指同一时间只能做一件事情。比如看下面的代码：console.log("Hello");console.log("world");console.log("F69");同步任务的特点在于，一次执行一个任务，后面的任务只能排队，只有等待前面的任务结束之后，才能执行下一个同步

2021-01-04 18:07:20 49

原创 1.Ajax

Ajax主要包括下面的内容：ajax 是什么mockjsajax 的使用ajax 是什么ajax 翻译成中文叫做“异步无刷新”技术。它是在 1999 年的时候由微软推出的一项技术。允许浏览器里面可以使用一个叫做XMLHttpRequest的对象来发送http请求。最早的时候，大家并没有重视这一门技术，到了2005年的时候，Google推出了一个叫做Gmail的邮箱，以及还推出了 google map 服务，由于良好的用户体验，所以 ajax 这门技术一下子就火了。ajax 中 a 这

2021-01-04 18:06:53 81

原创 Javascript 异步编程

Javascript 异步编程主要包含以下几个内容：同步和异步的概念实现异步的几种方式回调函数promise生成器和迭代器ES7 async 和 await1. 同步和异步的概念在计算机中，所谓同步，就是指同一时间只能做一件事情。比如看下面的代码：console.log("Hello");console.log("world");console.log("F69");同步任务的特点在于，一次执行一个任务，后面的任务只能排队，只有等待前面的任务结束之后，才能执行下一个同步

2020-12-02 18:39:51 65

原创 Ajax

1. Ajax主要包括下面的内容：ajax 是什么mockjsajax 的使用ajax 是什么ajax 翻译成中文叫做“异步无刷新”技术。它是在 1999 年的时候由微软推出的一项技术。允许浏览器里面可以使用一个叫做XMLHttpRequest的对象来发送http请求。最早的时候，大家并没有重视这一门技术，到了2005年的时候，Google推出了一个叫做Gmail的邮箱，以及还推出了 google map 服务，由于良好的用户体验，所以 ajax 这门技术一下子就火了。ajax 中

2020-12-02 18:37:35 93

原创 svg和canvas

矢量图：svg:svg意为可缩放矢量图形。它是使用XML格式来定义的图像。通过svg画出来的图形为矢量图，所以svg图像在放大或者改变尺寸的情况下图形的质量不会有所损失。在 HTML 中嵌入svg图像除了通过浏览器直接打开svg文件，我们还可以将svg图像嵌入到 HTML 代码里面，示例如下：<body> <p>Lorem ipsum dolor sit amet.</p> <svg xmlns="http://www.w3.org/2000

2020-11-17 08:36:42 284

原创 JS高级11.2-11.6

自由变量：函数内部使用外部的变量，这个变量就是自由变量。注：跨域的变量都是自由变量，即变量声明和使用不在一个作用域。递归：定义：自己调用自己。注：一定要有结束(出口)。所有的编程语言通过编程范式分为：命令式编程——分为面向过程式编程和面向对象式编程声明式编程自动拆箱，自动装箱内置对象（包装类）：创建构造函数：和普通函数的书写方式一样(命名以大驼峰方式)基本数据类型：字符串可以直接使用String的方法和属性基本数据类型：数值不可以直接使用toString的方法原因：数值分整型和浮点

2020-11-07 14:38:05 153

原创 JS高级10月底

闭包:满足以下2个条件，才能形成闭包：1.内部嵌套函数，嵌套的函数引用外部的变量2.内部函数被外部引用为什么使用闭包：1.解决无法使用内部变量2.解决全局变量污染问题自由变量：函数内部使用外部的变量，这个变量就是自由变量。注：跨域的变量都是自由变量，即变量声明和使用不在一个作用域。递归：定义：自己调用自己。注：一定要有结束(出口)。所有的编程语言通过编程范式分为：命令式编程——分为面向过程式编程和面向对象式编程声明式编程类：具有相同的属性和行为的一组对象的抽象，既对于一类对象的

2020-11-02 08:31:00 50

原创 js高级课程1

数据存储方式：创建一个基本的数据类型，把数据存储在栈里面；如果创建引用数据类型，则把数据存储在堆里面，但会在栈里面存储该数据类型的地址(地址是字符串)。栈：存储基本数据类型，存储用户创建引用数据类型在堆的地址(地址是字符串)。堆：存储引用数据类型，也可以存储包含基本数据类型的对象。EC——execution context:执行上下文：当前环境下变量的取值功能：代码执行之前的准备工作，确定当前环境下变量的取值分类：全局上下文：打开一个新的窗口，就会创建一个新的全局上下文(关闭即销毁)局部上

2020-10-25 15:16:39 114

原创鼠标事件、页面事件

let artEle = document.querySelector(“article”);let secEle = document.querySelector(“section”);let pEle = document.querySelector(“p”);// [鼠标事件]/* // click单击鼠标事件artEle.addEventListener(“click”,function(){console.log(“click”);});// dblclick双击鼠标事件artE

2020-10-18 22:29:30 249

原创 js-事件学习

// 键盘按下时document.addEventListener(“keydown”,function(e){console.log(“按下键盘”,e.key,e.keyCode);})// keypress只识别字符键(数字，字母，标点符号，回车)document.addEventListener(“keypress”,function(e){console.log(“按键盘”);})// 键盘抬起时document.addEventListener(“keyup”,function(

2020-10-08 21:43:03 70

原创 JS-bom

// BOM：Brower Object Model：浏览器对象模型//window是全局对象//（属性只识别var声明的,方法只识别字面量声明的）/* let i = 10;console.log(i); //10console.log(window.i); //unconst k = 30;console.log(k); //30console.log(window.k); //unvar j = 20;console.log(j); //20console.log(window.

2020-09-27 12:27:37 140

原创 JS-dom

// 快速获取节点的方式// 根据标签名进行元素的获取/*根据标签名进行元素的获取由于HTML中可以存在多个相同的标签名的元素因此接受的变量类型是可以存储多个数据的类数组通过下标获取具体的内容*/// let ulEle = document.getElementsByTagName(“ul”);// console.log(ulEle[0],typeof ulEle);// 通过name的属性值获取元素// let inputEle = document.getElementsByN

2020-09-27 12:26:53 103

原创 js基础知识补充2

不定参数： …形参注：1.接受多的实参内容(以数组形式)；2.只能写在最后一个形参位置。返回函数的形参个数：函数名.length注：1.不计算"不定参数"即…形参；2.只计算默认值之前的个数。函数的其他写法：箭头函数： =>1.省略function关键字2.如果只有一个形参，可以省略小括号。3.如果函数只有一条语句，可以省略打括号4.如果函数只有一条语句，并且需要返回这条语句的结果则可以省略return关键字5.不可以使用arguments6.不会把自己的this绑定到函数

2020-09-20 16:44:09 73

原创 js基础补充1

循环语句：有明确次数的情况下用for；不确定的情况下用while。while循环：使用场景：同一个代码块，需要执行多次时，考虑用循环。先判断条件，为真之后，再执行代码块。书写格式：while(条件){代码块}功能：条件为真，则执行大括号里的代码块，直到条件为假结束。注：条件是可以变化的(防止死循环)do{}while{}循环格式：do{代码块}while{条件}注：至少执行一行代码块，条件为真执行第二次，直到条件为假，结束循环。先执行代码块，再把执行后的结果作为判断条件。for()循

2020-09-13 19:10:23 93

原创 JS基础学习

JS基础知识开发语言分类：解释性语言：翻译一行，执行一行。JS、python编译性语言：通篇翻译后再执行。Java、C、C++、C#代码报错：1.语法错误2.逻辑错误3.运行错误开发流程：1.功能的设计2.需求分析3.功能开发(确定数据结构和算法)4.功能测试5.功能维护6.功能上线软件——程序——数据结构和算法：数据结构：存储数据的方式。算法：解决问题的方法和步骤算法的特点：1.有穷性：一个算法的操作步骤，是在有限的范围内可以完成的。2.确定性3.有0到多个输

2020-09-05 09:44:06 87

原创前端基础学习4

兼容性：公司名称前缀浏览器微软 -ms- IE火狐 -moz- FireFox谷歌 -webkit- Chrome/safari欧朋 -o- O前缀名的添加，是为了让我们添加的样式可以在不同浏览器上被识别；不同浏览的版本不同，可能导致代码无法运行开发思路、设计理念：垂直化1.用户群体(年龄、性别、职业、学历)A：渐进增强搭建起基础结构，根据用户的需求，进行功能的添加（样式）B：优雅降级先把所有功能开发完成，根据用户的需求，进行

2020-08-30 18:36:33 72

原创前端基础学习3

文本类属性文本阴影(text-shadow)：第一个值 X轴偏移量(正值向左，负值向右)第二个值 Y轴偏移量(正值向下，负值向上)第三个值模糊值(值越大越模糊)第四个值颜色盒子阴影(box-shadow)：第一个值 X轴偏移量(正值向左，负值向右)第二个值 Y轴偏移量(正值向下，负值向上)第三个值模糊值(值越大越模糊)第四个值阴影范围(不常用，可不写)第五个值颜色文本修饰(text-decoration)：underline：下划线overli

2020-08-16 17:35:01 112

原创前端基础学习2

盒模型：结构： magin外边距border边框padding内边框content内容分类：不同的元素产生的盒子类型可能不同一个元素，产生什么样的盒子，取决于它css的display属性子盒子：内容盒(content-box)：content；填充盒(border-box)：content+border；边框盒(padding-box)：content+border+padding；改变需要从哪里开始有背景颜色background-clip:padding-box:背景颜色从内边距

2020-08-09 09:08:50 121

原创前端基础学习1

前端的3架马车：html，css，js.{第一架马车：HTML定义网页内容.第二架马车：CSS(层叠样式表)，定义网页布局.第三架马车：JavaScript网页的行为.}HTMLhtml概念：用于定义文档的内容结构（一个页面（网页）就是一篇文档）Hyper Text超文本：不只包括文本，也包括图片，链接，音乐，视频等非文本元素Markup Language 标记语言：是一套标记标签，HTML使用标记标签来描述网页中文名：超文本标记语言HTML术语注释的快捷键ctrl+? 适用于HTML C

2020-08-02 08:28:07 217

m0_46634841的博客