- 博客(67)
- 收藏
- 关注
原创 初识Ajax
扩展:程序更新后,怎样自动运行呢?1、安装模块:npm install nodemon2、设置node程序的启动命令:更改前:改用nodemon启动程序:一、初识Ajax1、传统网站中存在的问题(1)页面加载时间长:在传统的网站中,用户只能通过浏览器刷新页面从服务器获取数据。如果网速慢,获取数据的时间会很长。当页面加载数据时,用户也不能在该页面进行其他的操作,只能等待网页加载完成。(2)表单提交的问题:在用户提交表单的时候,如果用户在表单中填写的内容有一项不符合要..
2022-04-16 00:01:24 1040
原创 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 2570
原创 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 1727
原创 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 279
原创 Buffer对象
一、概述二、与二进制数组的关系三、Buffer类四、Buffer构造函数五、Buffer类的方法(函数)六、实例属性七、实例方法
2022-03-25 00:00:04 351
原创 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 3535
原创 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 25787 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 3605 1
原创 子查询、子查询的具体使用
目录一、为什么会使用子查询二、什么是子查询三、子查询的具体使用1、WHERE子句后使用子查询2、FROM子句后使用子查询一、为什么会使用子查询虽然可以通过连接查询来实现多表查询数据记录,但不建议使用,因为连接查询的性能很差,为什么呢?我们来进行分析,例如 我们要查询部门表dept 和雇员表employee中的数据记录,一般可能会写成:SELECT * FROM dept t1,employee t2WHERE t1.deptno=t2.deptno;对于这条S
2022-03-16 23:35:22 4980
原创 多表连接、实体之间的关系、数据库的设计、子查询
一、多表连接查询在一个查询语句中显示多张表的数据,这也叫多表数据记录的连接查询。在实现连接查询时,首先是将两个或两个以上的表按照某种关系连接起来(连接后形成一个新的关系表),然后再查询到所要求的数据记录。连接查询分为外连接查询和内连接查询。1、表和表之间的关系1.1 并(union):将具有相同字段数目和字段类型的两张表关联到一起进行查询(1)union:去掉重复记录select 列 from 表1unionselect 列 from 表2(2)union all:不会去
2022-03-13 00:57:18 1012
原创 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 1932 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 441
原创 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 336
原创 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 748
原创 数据库的基础理论
一、数据库数据库(Database,DB)是长期存储在计算机内的、有组织的、可共享的、统一管理的相关数据的集合。按照字面的理解,数据库就是存放数据的仓库。二、数据库管理系统(DBMS)DBMS的功能:数据库定义功能;数据存取功能;数据库运行管理功能;数据库的建立和维护功能;数据通信功能。 DBMS的组成:语言编译处理程序;系统运行控制程序;系统建立、维护程序;数据字典。三、数据库系统(DBS)的组成数据:数据是数据库系统的工作对象,它们是某特定应用环境中进行管理和决策所必需的
2022-02-21 00:07:16 414
原创 Bootstrap框架常用组件
一、组件基础1、什么是组件组件是一个抽象的概念,是对数据和方法的简单封装。用面向对象的思想来说 ,将一些符号某种规范的类组合在一起就构成了组件,通过组件可以为用户提供某些特定的功能。2、组件的优势组件是构成页面中独立结构单元,是对结构的抽象,它主要以页面结构形式存在,可复用性很强。组件的使用并不复杂,每个组件拥有自己的作用域,每个组件区域之间独立工作,并且互不影响。 组件可以有自己的属性和方法。不同组件之间也具有基本的交互功能,能够根据业务逻辑来实现复杂的项目功能。3、Boots..
2022-02-16 23:32:10 3692
原创 Bootstrap(bootstrap的栅格系统、bootstrap的布局容器)
一、bootstrap的栅格系统用固定的格子进行网页布局,又称为网格布局1、响应式栅格系统使用响应式栅格系统进行页面布局时,网页根据不同的显示终端展示不同的页面结构。例如,在校屏幕上由某些模块将按照不同的方式排列或者被隐藏。2、创建使用响应式栅格系统页面的步骤(1)创建html页面定义页头、导航、主要内容、侧边栏和页尾部分的HTML结构代码(2)编写css样式页头和页尾分别显示在网页的最上方和最下方,而中间的导航、主要内容和侧边栏根据浏览器窗口的大小...
2022-02-03 21:41:49 6226
原创 BootStrap常用组件(全局CSS样式)
一、全局CSS样式——概述1、布局容器Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意,由于 padding 等属性的原因,这两种容器类不能互相嵌套。container类 用于固定宽度ving支持响应式布局的容器 container-fluid类 用于100%宽度,占据全部视口(viewport)的容器 ...
2022-01-28 18:05:25 986
原创 初识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 475
原创 正则表达式(下)
一、量词符与括号字符(1)量词符:量词符:用来设定某个模式出现的次数。 字符 说明 示例 结果 ? 匹配?前面的字符零次或一次 hi?t 可匹配ht和hit + 匹配+前面的字符一次或多次 bre+ad 可匹配范围从bread到bre…ad...
2022-01-12 23:15:48 320
原创 正则表达式(上)
一、正则表达式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 168
原创 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 436
原创 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 662
原创 ES6新特性(上)——let及const、解构赋值、模板字符串、Symbol
一、let及const二、解构赋值三、模板字符串四、Symbol五、ES6的集合1、Set集合2、WeakSet集合3、Map集合
2021-12-09 22:49:30 183
原创 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 77
原创 js的特效
一、js的特效1、offsset:偏移量,通过offset的属性可以动态的获得元素的大小、位置offsetLeft:相对于父元素左边框的偏移量offsetTop:相对于父元素上边框的偏移量offsetWidth:返回元素自身的宽度(padding、边框、内容区域),不带单位offsetHeight:返回元素自身的高度(padding、边框、内容区域),不带单位offsetParent:返回元素的父元素...
2021-12-01 22:52:57 1774
原创 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 950
原创 Javascript中的事件处理(事件注册、删除、委托)
一、Javascript中的事件处理1、事件 :用户进行的某种操作2、事件源:产生(触发 )事件的对象3、事件处理程序(事件处理函数 ):当事件被触发后所执行的操作(代码)4、事件的注册:让浏览器对象能够识别事件(1)传统的方式注册 :元素对象.事件名 = function(){事件处理程序}<b...
2021-11-29 22:58:49 1146
原创 深拷贝与浅拷贝
首先我们需要知道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 428
原创 节点(属性、层级、操作)
一、节点:网页中的所有内容都是节点1.节点的属性(1)节点类型:nodeType 元素节点 ---1 属性节点 ---2 文本节点 ---3 (文字、空格、换行)(2)节点名称:nodeName(3)节点值:nodeValue2.节点层级(1)根节点:<html>就是根节点,有且只有一个(2)父节点:一个节点的上级节点(3)子节点:一个节点的下级节点(4)兄弟节点:具有相同父节点的节点3...
2021-11-22 20:38:38 3889
原创 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 474
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人