自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 收藏
  • 关注

原创 jQuery对ajax的封装、Node的数据库编程

jQuery对ajax的封装、Node的数据库编程

2022-04-18 22:22:42 1035 1

原创 初识Ajax

扩展:程序更新后,怎样自动运行呢?1、安装模块:npm install nodemon2、设置node程序的启动命令:更改前:改用nodemon启动程序:一、初识Ajax1、传统网站中存在的问题(1)页面加载时间长:在传统的网站中,用户只能通过浏览器刷新页面从服务器获取数据。如果网速慢,获取数据的时间会很长。当页面加载数据时,用户也不能在该页面进行其他的操作,只能等待网页加载完成。(2)表单提交的问题:在用户提交表单的时候,如果用户在表单中填写的内容有一项不符合要..

2022-04-16 00:01:24 983

原创 Express框架、Webstorm中创建Express项目

使用Node.js进行服务器开发,开发效率比较低,例如在实现路由功能和静态源访问功能时,代码写起来很烦琐。为了提高Node.js服务器的开发效率,人们开发了Express框架,它可以帮助开发人员快速创建Web服务器。本章将带领大家学习Express框架的知识。一、初识Express1、Express的基础知识封装了http模块,并对http进行了扩展。简化了基于NodeJS的Web服务器端的开发。可以方便的获取请求参数和进行路由处理。优势:(1)简洁的路由定义方式。(2)简化HTT

2022-04-04 16:35:45 2446

原创 Node服务器开发

一、服务器开发的基本概念二、Node.js网站服务器三、HTTP协议四、HTTP请求与响应处理五、Node.js异步编程

2022-03-29 17:35:07 4222

原创 Node的全局对象

一、Node的全局对象Node.js的全局对象是具有全局性的,它们可在所有的模块中应用。我们并不需要在应用中引用这些对象,而可以直接使用它们。1、__filename__filename表示正在执行的代码的文件名。这时此代码文件的解析绝对路径。(当前被执行的文件的全名-->绝对路径+文件名)运行文件read.js的结果是:2、__dirname3、setTimeout(cb, ms)4、clearTimeout(t)5、setInterval(cb, ms)6.

2022-03-28 20:29:55 1603

原创 Node的数据流、事件处理

二、Node的数据流三、Node的事件处理四、通过Node的readline模块实现终端的输入

2022-03-26 01:27:53 1782

原创 Node的文件系统

一、Node的文件系统FS(FileSystem):实现对文件的IO操作。fs是Node的的模块,需要导入var fs = require("fs")1、同步和异步(1)同步:程序在涉及到文件IO时,必须等到文件IO操作结束后再执行后续的操作(2)异步:程序在涉及到文件IO时,不等待文件IO操作结束,继续执行后续的操作,当文件IO操作结束后系统uui通知程序处理文件2、什么是回调(回调函数)“回调”即“回头调用”,“回调函数”是指函数定义后并不立即调用,而是等到某个事件被触发时再

2022-03-25 17:33:03 267

原创 Buffer对象

一、概述二、与二进制数组的关系三、Buffer类四、Buffer构造函数五、Buffer类的方法(函数)六、实例属性七、实例方法

2022-03-25 00:00:04 323

原创 Node.js

一、Node.js1、Node是什么:(1)浏览器的内核:A、渲染引擎:用于渲染HTML、CSSB、JavaScript引擎:(2)Node.js搭建了一个JavaScript的服务器运行环境,JavaScript可以脱离浏览器直接运行(3)Node相当于JavaScript的虚拟机,虚拟的构建一JavaScript的“运行环境”(4)Node使用的谷歌的V8引擎,为了可以方便地调用操作系统资源2、为什么需要Node:(1)Javascript的函数式编程:没有独立的运行环境无法满足工程化

2022-03-23 14:17:07 2675

原创 Vue内置指令:v-if和v-show的区别

Vue内置指令:v-if和v-show的区别

2022-03-20 00:44:12 214

原创 软件的模式(MVC、MVVM、MVP)

软件的模式(MVC、MVVM、MVVP)

2022-03-20 00:23:31 810

原创 MongoDB数据库(使用、基本操作)

一、MongoDB数据库1、SQL:是结构化的查询语言.用于操作关系型数据库 2、NoSQL:非关系型数据库。不能使用SQL。 3、MongoDB数据库是一种NoSQL数据库,是一个开源的数据库系统特点:(1)用于web用户的数据存储(2)数据结构:key - value(3)存储文档类似于JSON二、MongoDB的概念 SQL术语/概念 MongoDB术语/概念 解释/说明 da...

2022-03-19 22:38:23 25372 2

原创 windows下安装mongoDB以及配置启动

1、下载MongoDB的windows版本,有32位和64位版本,根据系统情况下载,下载地址: http://www.mongodb.org/downloads 2、安装,默认安装路径为:C:\Program Files\MongoDB\Server\4.2\bin 3、配置环境变量:在path中加入默认安装路径:C:\Program Files\MongoDB\Server\4.2\bin4、创建数据库文件的存放位置,比如C:\MongoDB。在该文件夹下创建两个文件夹: d.

2022-03-18 22:00:54 3520 1

原创 子查询、子查询的具体使用

目录一、为什么会使用子查询二、什么是子查询三、子查询的具体使用1、WHERE子句后使用子查询2、FROM子句后使用子查询一、为什么会使用子查询虽然可以通过连接查询来实现多表查询数据记录,但不建议使用,因为连接查询的性能很差,为什么呢?我们来进行分析,例如 我们要查询部门表dept 和雇员表employee中的数据记录,一般可能会写成:SELECT * FROM dept t1,employee t2WHERE t1.deptno=t2.deptno;对于这条S

2022-03-16 23:35:22 4807

原创 多表连接、实体之间的关系、数据库的设计、子查询

一、多表连接查询在一个查询语句中显示多张表的数据,这也叫多表数据记录的连接查询。在实现连接查询时,首先是将两个或两个以上的表按照某种关系连接起来(连接后形成一个新的关系表),然后再查询到所要求的数据记录。连接查询分为外连接查询和内连接查询。1、表和表之间的关系1.1 并(union):将具有相同字段数目和字段类型的两张表关联到一起进行查询(1)union:去掉重复记录select 列 from 表1unionselect 列 from 表2(2)union all:不会去

2022-03-13 00:57:18 974

原创 mysql出现Can‘t connect to MySQL server on ‘localhost‘ (10061)的解决方法

今天打开数据库的时候出现了这样一个问题:Can't connect to MySQL server on 'localhost' (10061)最简单直接的解决办法:打开计算机管理 ----> 服务,启动Mysql80启动后打开cmd,输入:mysql -u 用户名 -p 密码...

2022-03-03 11:21:03 1890 2

原创 SQL基础(下)

一、DML(Data Manipulation Language):数据操作语言1、插入数据(1)默认给所有列插入数据:INSERT INTO 表名VALUES(值1, 值2);注意:所有字符串数据必须使用单引用!(2)给指定的列插入数据:INSERT INTO 表名(列名1,列名2, …) VALUES(值1, 值2);注意:未插入的列允许为空2、修改数据UPDATE 表名 SET 列名1=值1, …列名n=值n [WHERE 条件]...

2022-02-23 17:01:56 382

原创 SQL基础(上)

一、SQL概述1、什么是SQLSQL(Structured Query Language)是“结构化查询语言”,它是对关系型数据库的操作语言。它可以应用到所有关系型数据库中,例如:MySQL、Oracle、SQL Server等。2、语法要求????SQL语句可以单行或多行书写,以分号结尾;????可以用空格和缩进来来增强语句的可读性;????关键字不区别大小写,建议使用大写;二、SQL分类1、DL(Data Definition Language):数据定义语言,用来定义数

2022-02-22 18:43:19 311

原创 MySQL基本操作命令

目录一、启动与退出​1、启动MySQL服务2、关闭MySQL服务3、登录MySQL4、退出MySQL命令: exit; / quit;(回车)。5、修改root密码的3种方法(以windows为例)二、数据库操作1、显示所有的数据库2、切换数据库3、查看当前数据库中包含的表信息4、查看数据表的结构(表的列)5、查看当前使用的数据库6、创建数据库7、删除数据库8、执行sql脚本文件(.sql文件)三、Navicat Premium 的基本操作.

2022-02-21 22:26:17 689

原创 数据库的基础理论

一、数据库数据库(Database,DB)是长期存储在计算机内的、有组织的、可共享的、统一管理的相关数据的集合。按照字面的理解,数据库就是存放数据的仓库。二、数据库管理系统(DBMS)DBMS的功能:数据库定义功能;数据存取功能;数据库运行管理功能;数据库的建立和维护功能;数据通信功能。 DBMS的组成:语言编译处理程序;系统运行控制程序;系统建立、维护程序;数据字典。三、数据库系统(DBS)的组成数据:数据是数据库系统的工作对象,它们是某特定应用环境中进行管理和决策所必需的

2022-02-21 00:07:16 388

原创 Bootstrap框架常用组件

一、组件基础1、什么是组件组件是一个抽象的概念,是对数据和方法的简单封装。用面向对象的思想来说 ,将一些符号某种规范的类组合在一起就构成了组件,通过组件可以为用户提供某些特定的功能。2、组件的优势组件是构成页面中独立结构单元,是对结构的抽象,它主要以页面结构形式存在,可复用性很强。组件的使用并不复杂,每个组件拥有自己的作用域,每个组件区域之间独立工作,并且互不影响。 组件可以有自己的属性和方法。不同组件之间也具有基本的交互功能,能够根据业务逻辑来实现复杂的项目功能。3、Boots..

2022-02-16 23:32:10 3607

原创 Bootstrap(bootstrap的栅格系统、bootstrap的布局容器)

一、bootstrap的栅格系统用固定的格子进行网页布局,又称为网格布局1、响应式栅格系统使用响应式栅格系统进行页面布局时,网页根据不同的显示终端展示不同的页面结构。例如,在校屏幕上由某些模块将按照不同的方式排列或者被隐藏。2、创建使用响应式栅格系统页面的步骤(1)创建html页面定义页头、导航、主要内容、侧边栏和页尾部分的HTML结构代码(2)编写css样式页头和页尾分别显示在网页的最上方和最下方,而中间的导航、主要内容和侧边栏根据浏览器窗口的大小...

2022-02-03 21:41:49 5835

原创 BootStrap常用组件(全局CSS样式)

一、全局CSS样式——概述1、布局容器Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种容器类不能互相嵌套。container类 用于固定宽度ving支持响应式布局的容器 container-fluid类 用于100%宽度,占据全部视口(viewport)的容器 ...

2022-01-28 18:05:25 948

原创 初识Bootstrap

Bootstrap框架1、视口 :(1)布局视口:是网页的宽度(2)视觉视口:用户正在看的 网站的区域。宽度等于移动设备浏览器窗口的宽度(3)理想视口:浏览器窗口的宽度和设备屏幕的宽度相同2、box-sizing属性:用来更改盒子尺寸的计算方式(1)传统方式:conten-box盒子的宽度 = css中设置的width + padding + border(2)css中的新的 计算方式 :boeder-box盒子的宽度 = css中设置的width(包含了padding 、border)

2022-01-18 00:58:40 446

原创 正则表达式(下)

一、量词符与括号字符(1)量词符:量词符:用来设定某个模式出现的次数。 字符 说明 示例 结果 ? 匹配?前面的字符零次或一次 hi?t 可匹配ht和hit + 匹配+前面的字符一次或多次 bre+ad 可匹配范围从bread到bre…ad...

2022-01-12 23:15:48 306

原创 正则表达式(上)

一、正则表达式1、是一个对象({}),用来描述字符串结构的语法规则。主要用于字符串的匹配(1)类:具有相同属性和行为的对象的抽象(2)ES5中的类 ---通过构造方法实现function Student(name,age){this.name = name;this.age = age; }let s1 = new Student('张三',18)(3)ES6中的类 ---通过class关键字定义class Student(...

2022-01-11 00:30:06 158

原创 jQuery实现简单的动画

1、显示 / 隐藏(1)显示:show(speed,[callback])$('#btn_show').bind('click',function(){ $('#img1').show(3000);//表示在3秒钟内将图片显示出来 })(2)隐藏:high(speed,[callback]) $('#btn_hide').bind('click',function(){ $('#img1').hide(3000);//表示在3秒钟内将图片显示出来 ...

2022-01-08 23:51:01 419

原创 jQuery的属性、事件处理

一、jQuery的属性1、属性操作(1)读取属性值:attr(属性名)(2)修改属性值:A:attr(‘key’,‘属性值’)B:attr(key,fn)‘key’:表示属性名‘fn’:表示函数,将 函数的属性值作为key代表的属性的值C:attr({属性名1:属性值,属性名2:属性值})(3)删除属性removeAttr(属性名)3、操作类(class)(1)添加class属性:addClass(class属性值)(2)删除class属性:removeClass(属性名)

2021-12-20 23:14:54 635

原创 ES6新特性(下)

一、函数二、类(class)三、模块化

2021-12-14 17:45:04 97

原创 ES6新特性(中)——ES6的集合(set集合、map集合等)

ES6的集合1、Set集合2、WeakSet集合3、Map集合

2021-12-13 13:00:15 2146

原创 ES6新特性(上)——let及const、解构赋值、模板字符串、Symbol

一、let及const二、解构赋值三、模板字符串四、Symbol五、ES6的集合1、Set集合2、WeakSet集合3、Map集合

2021-12-09 22:49:30 159

原创 事件的捕获方式和冒泡方式

工作 原理优缺点

2021-12-07 23:14:37 1262

原创 jQuery

jQuery1、是一个快速的、简洁的JS库。理念:写得少,做得多2、原生写法:(1)$(document).ready(function(){ jQuery代码;});'$':是jQuery的全局对象,代表的是jQuery(2)简写:$(function({jQuery代码;})3、jQuery选择器(1)id选择器:$('#id属性名')(2)全选选择器:$('*')表示 选择所有的元素...

2021-12-07 09:50:59 71

原创 HTTP和HTTPS的区别

区别:

2021-12-04 22:54:10 729

原创 js的特效

一、js的特效1、offsset:偏移量,通过offset的属性可以动态的获得元素的大小、位置offsetLeft:相对于父元素左边框的偏移量offsetTop:相对于父元素上边框的偏移量offsetWidth:返回元素自身的宽度(padding、边框、内容区域),不带单位offsetHeight:返回元素自身的高度(padding、边框、内容区域),不带单位offsetParent:返回元素的父元素...

2021-12-01 22:52:57 1709

原创 BOM(浏览器对象、单线程)

一、BOM:浏览器对象,可以和浏览器窗口进行交互的对象,核心对象是windowBOM与DOM的区别:1、窗口载入事件(页面载入事件):window.onload = function(){} window.addEventListener('load',function(){})<body onload="test()"> <script> // window.addEventListener('load',...

2021-12-01 21:54:35 934

原创 Javascript中的事件处理(事件注册、删除、委托)

一、Javascript中的事件处理1、事件 :用户进行的某种操作2、事件源:产生(触发 )事件的对象3、事件处理程序(事件处理函数 ):当事件被触发后所执行的操作(代码)4、事件的注册:让浏览器对象能够识别事件(1)传统的方式注册 :元素对象.事件名 = function(){事件处理程序}<b...

2021-11-29 22:58:49 1035

原创 深拷贝与浅拷贝

首先我们需要知道js的数据类型1.基本数据类型(六种)存放在栈中:Number、String、Boolean、Null、Undefined、Symbol(ES6),这些数据可以直接保存在变量中的实际值。(按值传递)var a = 25;var b = a;a=11;console.log("a=", a);console.log("b=", b);在修改a时并不会改到b;2.引用数据类型(也叫对象数据类型,同时保存在栈区和堆区中):function、object、arr..

2021-11-25 21:17:21 420

原创 节点(属性、层级、操作)

一、节点:网页中的所有内容都是节点1.节点的属性(1)节点类型:nodeType 元素节点 ---1 属性节点 ---2 文本节点 ---3 (文字、空格、换行)(2)节点名称:nodeName(3)节点值:nodeValue2.节点层级(1)根节点:<html>就是根节点,有且只有一个(2)父节点:一个节点的上级节点(3)子节点:一个节点的下级节点(4)兄弟节点:具有相同父节点的节点3...

2021-11-22 20:38:38 3746

原创 Dom(文档对象模型、排他思想、属性的操作)

一、DOM:1、WebAPI:浏览器提供的一组操作浏览器功能和页面元素的接口2、JavaScript的组成:(1)ECMAScript:是Javascript的核心。定义了一套语法,Javascript实现了这些语法规范。(2)DOM:文档对象模型document.title = "WebAPI"console.log(document.title)document.write("<h2>西安邮电大学</h2>")A.是W3C组织推出的 ...

2021-11-22 20:08:44 447

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除