- 博客(33)
- 收藏
- 关注
RSS订阅原创 Vue-axios请求模块及路由
目录一、vue-axios请求模块1、axios模块：是一个基于promise的http客户端请求工具。2、axios使用方法(1)安装axios(2)无参的get请求：(3)带参的get请求：(4)post请求：(5)put请求(6)delete请求(7)axios的数据封装格式：3、vue-axios模块：是针对Vue对axios进行了一层简单的包装(1)安装：(2)在main.js文件中进行全局的配置二、Vue的路由1、路由：从源页面到目的页面的决策过程2、前端路由：在前端页面中维护的路由规则3、Vu
2022-08-22 22:50:46
962
1
原创 Vue脚手架构建项目
-- main.js文件：核心文件。使用App.vue创建Vue组件,将该组件挂载到index.html的div上。B、子组件向父组件传值：通过触发事件的方式传递(使用$emit触发自定义的事件)|-- components目录：存放Vue组件(组件扩展名是.vue)a、是一个函数,可以返回对象,对象的属性和方法可以在模板中直接使用。A、父组件向子组件传值：子组件通过props属性获取父组件中的值。|-- App.vue组件：主组件(启动组件)|-- assets目录：静态资源、测试数据。
2022-08-22 22:21:17
475
原创 Vue实例及组件
目录一、Vue实例的属性和方法1.什么是vue实例：又称为Vue组件（1）Vue2.0创建Vue组件方法 （2）Vue3.0创建Vue组件的方法2.Vue组件的属性3.Vue组件中的函数 （1）限流函数二、表单数据的双向绑定三、Vue组件的样式绑定1.为HTML标签绑定class属性 （1）绑定class属性，由绑定变量来决定应用哪个样式 （2）可以将样式直接设置成Vue组件中的数据对象2.绑定内联样式四、Vue的事件监听和处理1.事件监听：是通过v-on指令（用@符号代替）绑定事件处理程序2.多事件
2022-08-22 21:12:14
1402
原创 Vue模板
渲染就是将模型中的数据显示到视图中。条件渲染就是根据表达式的值来决定是显示还是隐藏内容。v-if底层采用DOM的appendChild方法创建元素添加到页面中。v-show是通过CSS的display属性来控制是否显示元素。...
2022-07-31 22:42:53
599
原创 Sequelize的查询及Mongoose模块
b、findOneAndUpdate、findByIdAndUpdate先查找后更新,若没有找到匹配的记录不执行删除,返回null。attributes[[sequelize.fn('count',sequelize.col('sid')),'记录总数']],c、findOneAndDelete先查找后删除,若没有找到匹配的记录不执行删除,返回null。A、增加使用Model的实例调用save方法(使用Entity操作数据库)a、deleteOne删除一条记录,返回删除的数量。...
2022-07-31 22:33:20
647
原创 jQuery对Ajax封装、Express连接数据库及ORM框架
serialize()表单序列化函数(将表单(form)中的控件的值转换成字符串)data请求参数(key/value)callback请求成功的回调函数。data请求参数(key/value)callback请求成功的回调函数。xhr.open(‘请求方式’,‘请求地址’);url请求的服务器地址。type响应信息的格式。url请求的服务器地址。type响应信息的格式。模型名.create()插入数据。模型名.destory()删除数据。模型名.update()更新数据。...
2022-07-31 22:23:54
528
原创 Express接收请求及Ajax请求
例如请求路径“/find/id”中的“id”是一个参数占位符，当浏览器向“/find/id”地址发送请求时，“id”对应的值就是参数值。在接收参数时,使用req.params二、Ajax请求。
2022-07-31 22:18:10
716
原创 Express框架
get()响应用户的get请求post()响应用户的post请求put()响应用户的put请求，通常用于修改数据使用delete()响应用户的delete请求，通常用于删除数据use()处理所有的请求Static()响应用户对静态资源的访问router.get()或router.post()...
2022-07-31 22:16:17
712
原创 HTTP请求和响应的处理
基于Node运行环境的轻量级Web框架,封装了Node的http模块并对该模块的功能进行了扩展使开发者可以轻松完成页面路由、请求处理、响应处理。
2022-07-31 22:12:08
775
原创 NodeJS的模块系统
A、CommonJS是一套代码规范，目的是为了构建JavaScript在浏览器之外的生态系统(服务器端,桌面端)B、CommonJS的主要内容a、模块必须通过module.exports导出对外的变量或接口b、通过require()来导入其他模块的输出到当前模块作用域中(模块一般在文件的顶部导入)。...
2022-07-31 22:05:36
368
原创 Node.js基本用法
一、Node.js简介1.简称Node，封装了谷歌的V8引擎，使JavaScript可以在服务器端运行2.特点3.nodemon插件：可以监视node程序的改动，并自动重启node程序二、Node的基本语法1.箭头函数（ES6）：使用=>来定义函数（1）一个参数的箭头函数：（2）两个参数的箭头函数（3）无参的箭头函数（4）函数体带有多条语句的2.高阶函数：一个函数的参数也是函数3.闭包：当函数作为返回值，或作为参数传递时，该函数称为闭包4.回调函数三、No
2022-07-20 21:09:34
645
原创 DQL语句及MongoDB基本操作
注意在SQL中任何数和NULL相加结果仍然是NULL。若需要将数值型数据和NULL相加则需要先将NULL转换为0,然后相加,转换函数是IFNULL(列名,0)作业a、将emp表中comm列的null都转换成0在一个select语句的from子句或where子句中包含另一个select语句。通常外层的select语句称为主查询,把内层的select语句称为子查询（1）where子句的子查询即在where子句中嵌套select语句。将子查询返回的值作为主查询的查询条件。（2）form子句的子查询。...
2022-07-20 21:01:41
318
原创 http协议和https协议的区别
HTTP协议以明文方式发送内容，不提供任何方式的数据加密，如果攻击者截取了Web浏览器和网站服务器之间的传输报文，就可以直接读懂其中的信息，因此，HTTP协议不适合传输一些敏感信息，比如信用卡号、密码等支付信息。HTTPS开发的主要目的，是提供对网站服务器的身份认证，保护交换数据的隐私与完整性。HTTP是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP默认工作在TCP协议80端口，用户访问网站http//打头的都是标准HTTP服务。...
2022-07-20 20:42:08
163
原创 数据库基础及MYSQL语言学习
a、int整型b、double浮点型。c、decimal数值型(泛型型)。d、varchar固定长度字符串类型(当输入的字符不够长度时不会补空格)varchare、char固定长度字符串类型；(当输入的字符不够长度时会补空格)insertinto表名(列1,列2...)values(值1,值2...);b、给所有列插入数据(顺序按定义表时列的顺序插入)insertinto表名values(值1,值2,......);...
2022-07-19 22:49:19
347
原创 JavaScript面向对象（下）
目录一、类的创建1.ES52.ES6（1）class类名（2）类表达式二、原型对象三、原型链的结构特点1.构造函数和原型对象2.实例对象和原型对象3.objec对象的__proto__属性是null四、this指针的指向1.构造函数内部的this指向新创建的对象（当前对象）2.直接通过函数名调用函数时，this指向全局对象window3.若将函数作为对象的方法调用，this指向该对象五、更改this指针的指向1.apply方法2.call方法3.两个方法的区别六、bind函数七、JavaScript代码错误
2022-07-19 22:36:15
135
原创 JavaScript中浅拷贝与深拷贝的概念及区别
用JSON.stringify将对象转成JSON字符串，再用JSON.parse()把字符串解析成对象，一去一来，新的对象产生了，而且对象会开辟新的栈，实现深拷贝。返回一个新的数组对象，这一对象是一个由begin和end决定的原数组的浅拷贝(包括begin，不包括end).原数组元素不变。Array的slice和concat方法不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。深拷贝是指复制并创建一个一模一样的对象，不共享内存，修改新对象，旧对象保持不变。...
2022-07-19 22:32:38
1603
1
原创 bootstrap基础
目录一、bootstrap1.简介2.组成3.浏览器4.视口（Viewport）5.分辨率6.可缩放矢量图形（Scalable Vector Graphics SVG）二、bootstrap的环境配置1.在页面中引入本地文件2.使用CDN加速器三、bootstrap的全局的CSS样式1.布局容器2.文本排版样式 3.改变大小写4.列表样式5.表格样式6.表单7.按钮（1）样式（2）尺寸8.图片9.辅助类（1）文本颜色 （2）背景色（3）三角符号 （4）显示和隐藏内容四、bootstrap栅格系统是一
2022-07-13 16:25:13
572
原创 ES6的新特性以及jQuery库总结
目录一、ES6的新特性1.函数(1)函数参数的默认值(2)箭头函数2.类3.模块(1)export导出(2)使用import导入(3)默认导出：export default 名称二、jQuery库1.简介：是JavaScript的库(对JavaScript的封装)2.理念：写的少,做的多3.使用方法(1)在页面文件中导入jquery.js文件(2)在script标签中编写js代码4.jQuery的基本选择器5.jQuery的基本过滤选择器6.属性选择器三、jQuery中操作元素的属性1.读取属性值
2022-07-13 16:09:48
798
原创 DOM（下）
目录一、DOM1.排他思想示例1：鼠标点击时改变按钮的背景色示例2：鼠标经过时改变表格行的背景色2.获取元素属性的值3.设置属性的值4.移出属性5.H5中对标签自定义属性的名称约定6.H5中设置自定义属性的值7.H5中获取自定义属性的值二、DOM的节点1.什么是节点？2.节点的属性(1)节点类型：nodeType(2)节点名称：nodeName(3)节点的值：nodeValue3.节点的层级4.节点的获取(1)获取父级结点：元素名.parentNode(2)获取子节点(3)获取兄弟节点示例：下拉菜单，当鼠标
2022-06-10 23:19:51
237
原创 DOM（上）
目录一、继承1.抽象基类（抽象类）2.super使用时注意的问题二、DOM1.webAPI2.JavaScript的组成3.DOM（Document Object Model）4.DOM的应用（1）通过document获取页面元素（2）HTML5中新增获取元素的方法（3）document对象的属性三、事件1.事件的三要素例如：为按钮绑定单击（click）事件。当单击按钮时弹出信息2.操作页面元素的内容3.操作元素的属性：在JavaScript中操作元素的HTML属性练习：页面中包含一个button和一个单行
2022-06-10 22:52:14
131
原创 JavaScript面向对象（上）
一、ES6的面向对象的语法1.面向对象的三大特征（1）封装性：对象是属性和行为的封装体（2）多态性：同一消息被不同对象接收后，表现的结果不同（3）继承性：子类可以继承父类的属性和方法2.ES6中定义类class 类名{ 构造方法(){ } 成员方法;}‘类名’：首字母大写构造方法：对类的对象进行初始化的，不会显示调用成员方法：表示某种行为类：是具有相同属性和行为的对象的集合（类是对象的抽象）对象：是类的实例化3.ES6中创建对象
2022-05-29 17:15:32
424
原创 JavaScript的对象、属性与方法
一、JavaScript的预解析JavaScript解析器解析JavaScript代码时，会提前解析var声明的变量和function定义的函数，然后再执行其他代码。提前解析var声明的变量：是对var变量的作用域的提升二 、JavaScript的对象（面向对象编程）1.对象：是一种数据类型。是属性和方法的集合（1）属性：是对象的静态特征对象名.属性名（2）方法（函数）：是对象的动态特征（行为）对象名.方法名（[参数]）2.面向对象编程：面向对象是一种工程的思想3
2022-05-28 16:28:49
3451
原创 JavaScript二维数组与函数
目录一、二维数组1.创建方式2.访问二维数组元素3.练习(1)求3*4的二维数组的每行元素之和(2)求3*4的二维数组的每列元素之和(3)求3*3的二维数组的对角线元素之和4.二维数组的转置二、函数1.函数2.定义3.调用4.函数分类(1)根据有无返回值分(2)根据函数有无参数分练习：（1）定义函数计算m~n的数据之和（2）定义一个函数判断一个数是否是素数。输出100以内的所有素数（3）定义一个函数判断其是否是'水仙花'数.输出..
2022-05-20 14:39:50
1583
原创 JavaScript三类排序
一、冒泡排序 var arr = [45,23,11,19,78,32,46,77,51] console.log("排序前的数组是：",arr) for(var i=0;i<arr.length;i++){ for(var j=0;j<arr.length-1;j++){ if(arr[j]>arr[j+1]){ var temp = arr
2022-05-20 14:00:18
126
原创 JavaScript基础语法（二）
一、循环结构重复结构(迭代)，根据条件重复执行部分代码1.for循环for(表达式1;表达式2;表达式3){循环体语句}(1)在没有"{}"的时,循环的控制范围到期后的第一条语句(2)三个表达式都可以省略,但是分号不能省略(3)算法的时间复杂度：执行算法所需要的时间(4)算法的空间复杂度：执行算法所需要的内存空间for(;;){循环体语句}2.break语句终止循环(在循环体中若遇到该语句则终止循环，无论循环是否做完)3.contin...
2022-05-10 11:49:47
118
原创 JavaScript的语法
目录一、基本的语法规则二、注释符号三、输入输出语句：实现网页和用户的交互1.输出语句2.输入语句四、变量1.声明变量2.先声明,后赋值3.命名规则五、变量的数据类型1.基本数据类型2.复合数据类型：Object(对象)3.数字型常用的数制4.数字型的取值范围(最大值和最小值)5.特殊的数字型6.字符串类型7.数据类型的检测：typeof8.将其他类型的数据转换成字符串9.将字符串转换为数字型的方式10.转换为Boolean六
2022-05-06 13:46:08
410
原创 JavaScript基础及画布
目录一、JavaScript的组成二、JavaScript的使用1.页面中引入JavaScript(1)行内式：写在标签的属性中(2)页面嵌入式：通过标签在页面中嵌入js代码(3)外部链接式--推荐2.document三、HTML5的绘图1.创建画布2.获取画布3.获取画笔4.绘制图形(1)绘制直线(2)重置路径:beginPath()(3)关闭路径:closePath()(4)路径填充：fill()(5)绘制圆：arc(x,y,r,开
2022-05-06 13:33:15
2868
原创 弹性盒子小结
一、弹性盒子模型 1、布局模式： (1)Tabel布局：内容格式整齐 (2)div+css：盒子模型(灵活、比较难控制) (3)display:flex(弹性盒子,也是使用div，让div的display属性为flex) 2、基本概念 (1)容器(flex container)：是一个块级标签(可以包含其他的页面元素) (2)项目(fle...
2022-04-29 18:11:58
318
原创 盒子模型小结
一、div标签块级标签(容器)，在没有设置高度、宽度属性时，和p标签相似(会自动换行)。作为容器可以包含其他标签p、span虽然是块级标签,但是不能作为容器使用二、盒子模型的属性：用盒子作为页面的布局时会用到的属性(1)宽度：width(2)高度：height(3)边框属性：border-style：上边 [右边 下边 左边]; 边框线的样式border-width: 边框宽度,单位是像素;border-color: 边框线的颜色;(颜色名/rgb(r,g,b)/rgba(r,g,b,.
2022-04-22 22:16:01
358
原创 CSS基础小结
一、结构和表现分离？在页面中，使用html搭建页面的结构(页面的内容),不使用标签的属性设置样式，标签的样式全部在CSS中设置二、CSS层叠样式表(Cascading Style Sheet)CSS3是新版本的CSS，与老版本(CSS2.1)相比在性能和成本上有大的提升三、CSS使用方法使用1.页面嵌入式使用<style></style>标签嵌入CSS规则 -- 嵌入式<style> p{ color: re
2022-04-22 00:37:16
86
原创 【HTML 5】基础学习小结
目录一、web的基本概念1.http协议：超文本传输控制协议2.https协议：SSL+https协议3.web页面的组成二、HTML5（H5）1.web页面的开发环境2.HTML文件的组成：扩展名是HTML3.标签4.常用标签5.标签的属性6.颜色的使用7.设置页面的背景色或者背景图像8.音频标签9.视频标签三、表格1.表格的属性2.标签的属性3.标签的属性4.合并单元格的属性5.表格标题6.语义标签：表示某种含义，没有具
2022-04-14 17:45:38
454
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人