自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Node(4)

文章目录express跨域解决路由传参静态资源渲染(serve-static)MVC1.新建文件夹 routers 路由管理utils工具类2. 新建文件夹 controller 请求处理3.新建文件夹 model (service 和dao)4. 新建一个入门文件根据id查询分页参数express跨域解决方式一//设置请求头app.all("*",function(req,res,next){ //设置响应头 res.setHeader("Access-Control-Allow-Origi

2022-05-13 20:50:26 638

原创 nvm环境安装和 node 的基本使用

前言node环境安装之前我们安装的node是通过对应的node的安装包进行安装的(版本是死的 某些时候版本不兼容)。nvm(node版本管理器)。我们可以直接安装nvm,然后通过nvm来安装node(随意进行版本切换)一、nvm环境安装?1.下载nvm安装包2.安装nvmnvm -version3.更改镜像(加到你的nvm的安装路径下的settings文件中)nvm node_mirror https://npm.taobao.org/mirrors/node/ nvm npm_m.

2022-05-11 21:02:54 740

原创 Node的基本使用

前言Node的介绍Node是一个服务端的Js库,他里面包含了多个模块,以及环境资源非常充足。我们可以通过各种模块的调用来实现对应的功能,他里面包含了俩个重点内容 一个为node 他是用于执行js代码的。一个为npm 他是用于管理对应的模块的(facebook出了一个yarn)。模块是什么在js中一个文件就是一个模块,多个小模块构成一个大的模块。模块的拆分主要针对的是代码的复用性,及组装的简便性。在es6中我们对应的就存在了模块的概念 以及我们提供了对应的修饰符来操作模块一个模块必须先导出 才能

2022-05-10 21:08:24 1868

原创 MySql 的基本使用

文章目录前言一、mysql是什么?1.三大范式2.acid事务的四大特性3.环境二、使用步骤1.DDL语句(数据库的增删查)查看所有的数据库添加数据库加入数据库查看所有的表创建数据表删除数据表删除数据库2.数据表结构更改及相关操作查看数据表结构添加字段删除字段修改列 (modify修改结构 修改列的内容)二 DML语句 (数据表数据的增删改查 crud)1.简单的sql语句添加(插入)不指定字段(按照添加字段的顺序,将所有的字段填入)指定对应的字段查询查询所有的字段(*不建议使用)修改(一般会根据主键修改)

2022-05-05 20:12:11 203

原创 sass的基本使用

文章目录sass预编译css1.sass (源码使用ruby写的 基于python环境运行)2.less (诞生比sass要晚 整体语法跟sass差不多)3.styus概述特性1.兼容CSS (在sass文件里面可以直接书写css)2.支持后缀名为sass(他没有{}以及;) 以及 scss(scss常用 这个跟css书写差不多)3.社区成熟 (api众多)sass入门入门环境1.安装node (基于node环境运行)2.使用专门的编译工具 进行在线编译运行3.使用插件编译运行1.使用vscode下载插件2

2022-04-21 19:13:04 2789

原创 jQuery(2) jquery的动画,jquery的ajax,Ajax的全局函数,Jquery的多库共存,Jquery的扩展

jQuery(2)jquery的动画(封装了许多的动画方法)淡入淡出fadeIn 淡入(display:none)fadeOut 淡出显示隐藏show(针对隐藏的元素 display:none)hide (针对显示的元素)toggle (切换方法) 如果是显示就隐藏 如果是隐藏就显示动画方法(相当于我们之前封装animated.js)animatestopfinishjquery的ajaxgetpostAjaxgetJson方法A.

2022-04-20 19:06:37 770

原创 jQuery下载和基础使用(超详细)

文章目录Jqueryjquery概述jquery库入门1.导入(head)2.使用(直接使用)DOM操作选择器特殊选择器筛选器(对于已经选中的元素进行筛选)属性操作prop(都是属性操作 prop对于元素本身没有的属性 不会显式添加)attrclass操作相关方法显示内容操作样式操作 使用css方法元素的操作增(创建元素 添加元素)创建元素添加的方法 (父子节点)插入的方法(兄弟节点)改 (修改)删 (删除)克隆关于元素的大小获取元素的位.

2022-04-19 19:55:16 2274

原创 JavaScript(关于排序算法) - 冒泡排序,选择排序,插入排序,快速排序

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、 冒泡排序二、选择排序三、插入排序方法1方法2四、快速排序总结前言排序算法是JavaScript开发中最常用的算法之一这里举例了4种其中快速排序是效率最高的。提示:以下是本篇文章正文内容,下面案例可供参考一、 冒泡排序冒泡排序是最基础的排序方法用冒泡排序,对输入的6个数进行排序思路:输入6个无序的数字,从头到尾依次比较相邻两个数字大小,若大数在前、小数在后,则交换两数位置,依次比较,使全部数据按从小到大排.

2022-04-16 17:59:40 841

原创 JavaScript(总结篇8) - AJAX 解决跨域问题

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言同源策略(同源政策)概述跨域(CORS)跨域问题的产生 是由于同源策略的影响跨域解决jsonpjsonp基础案例jsonp封装jsonp的promise封装es7的async await概述:使用try catch 异步捕获和处理try 是进行错误的捕获 里面填写可能有错误的代码(数据请求)cacth 块进行错误的处理(处理完是不报错的)finally 块 不管是否错误都会执行的代码块thisfunction里面的this指.

2022-04-16 15:52:36 1260

原创 JavaScript(总结篇7) - 运动相关知识回顾

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言1.定时器(异步的 多次)2.延时器 (异步的 执行一次)3.DOM操作3.1 获取样式3.2 设置样式4.offset家族5.区间的判断(利用一个公共的变量 来控制变量)6.计算公式6.1 随机数区间生成6.2 圆的的x轴 y轴计算前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章.

2022-04-15 19:19:28 87

原创 JavaScript(总结篇6) - 面向对象的总结

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、了解对象1.对象的创建1.1 直接赋值1.2. 使用new关键词1.3. 数组类型1.4. 日期类型2. Class 对象模板 用于创建对象的(模板模式)3. constructor 构造器模式 (使用new关键词)二、工厂方法模式1. 工厂方法模式和构造器模式的区别2. 对应的对象的属性及方法进行赋值及调用2.1 赋值2.2 调用3. 原型3.1 prototype3.2 `__proto__`3.3 constr.

2022-04-14 21:11:26 110

原创 JavaScript(总结篇5) - ES5及ES6的总结

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、ES5内容1.严格模式(普通编码的话叫做怪异模式)1.1 必须要使用var声明1.2 this不能指向全局变量1.3 不能在不是方法块的里面定义函数1.4 禁止8进制方法1.5 arguements的形参不一致(不同步)2. 数组的高阶函数(以函数做为参数的函数叫做高阶函数)2.1 静态方法isArray2.2 forEach (遍历的)没有返回值2.3 map (遍历的)有返回值(数组 数组的长度和你遍历的数组的长度一致)2.

2022-04-14 20:56:30 1390

原创 JavaScript(19) - Ajax下,POST请求实现登录注册,Ajax封装,promise

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、POST请求1. 字符编码和解码2. 请求头3. POST请求二、登录注册1. 注册(POST)2. 登录(POST)三、Ajax封装1. Ajax的封装(扩展)四、promise1. Promise提示:以下是本篇文章正文内容,下面案例可供参考一、POST请求1. 字符编码和解码特殊字符传参产生的问题可以使用encodeURIComponent()进行编码处理, 中文字符的返回及传参, 可以将页面保存和设置为utf.

2022-04-14 20:32:54 2259

原创 JavaScript(18) - Ajax上,同步请求,异步请求,HTTP协议

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、Ajax介绍1, Ajax的概念2, Ajax的作用3, Ajax的优势4, Ajax相关的概念5, Ajax的核心6, 创建XHR对象7, XMLHttpRequest对象的属性和方法二、同步请求三、异步请求四、HTTP协议提示:以下是本篇文章正文内容,下面案例可供参考一、Ajax介绍1, Ajax的概念 AJAX (阿贾克斯 Asynchronous Javascript And Xml ) 异步JavaSc.

2022-04-13 20:37:43 1556

原创 JavaScript(总结篇4) - cookie及正则总结

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一 . cookie1. cookie是什么2. cookie的获取3. cookie的设置4. cookie的删除(设置过期时间)5. 可以使用localstorage来替代对应的cookie二. 正则表达式1. 正则对象定义2. 修饰符一 . cookie1. cookie是什么cookie是存在浏览器上的一个只有4kb的容器 里面存储的类型为string,他会在每次http请求的时候 携带过去。(他是为了解决htt.

2022-04-12 21:18:03 173

原创 JavaScript(总结篇2) - BOM和DOM总结

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、BOM1. 常用对象 window1.1 方法1.2 常见的跳转方式2.history (历史对象)2.1 属性2.2 方法二、DOM1. 关于节点的划分2. 关于元素节点的操作2.1 获取元素2.2 元素的属性(赋值就是设置 没有赋值就是获取)2.3 属性节点的操作2.4获取属性值的方法2.5 节点关系(属性)2.6节点类型获取(属性)3.属性设置4.节点操作4.1 节点创建(方法)4.2 子节点操作(方法)前言B.

2022-04-12 21:13:08 498

原创 JavaScript(总结篇1) - 数组总结及字符串和Math总结

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、数组的方法前言数组(数组是可变的)提示:以下是本篇文章正文内容,下面案例可供参考一、数组的方法push 添加方法 (添加到末尾)返回新的数组长度 会影响原本的数组pop 删除方法(删除末尾元素) 返回删除的元素 会影响原本的数组shift 删除方法 删除第一个元素 会影响原本的数组unshift 添加方法 插入到第一个 会影响原本的数组concat 合并 将俩个数组合并在一块(返回的是一个新的数组 不.

2022-04-12 20:54:20 99

原创 JavaScript(17) - 面向对象,工厂模式,构造函数,闭包,this

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、面向对象是什么?1.对象的组成2.与面向过程的区别面向过程的语言:3.创建对象二、工厂模式三、构造函数1.构造函数2.构造函数和工厂模式的区别3.构造函数和普通函数的区别:3.构造函数中的方法4.匿名函数5. 匿名函数的自运行四、闭包1, 闭包的概念2, 函数嵌套函数3, 垃圾回收机制4, 作用域4, 闭包的写法5,闭包有两大特点6, 闭包的应用五、this1, this关键字是什么2, 定时器中的this3, 构造函数中.

2022-04-11 20:34:58 1009

原创 JavaScript(总结篇3) - 事件总结

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言1.事件构成分三要素2.事件书方式一、事件类型1. 鼠标事件2.键盘事件3.html事件二、事件源对象1.事件源对象的相关属性三、事件的this指向四、阻止事件冒泡及默认行为1.阻止事件冒泡2.阻止默认行为五、offset家族(元素的属性 只读属性)六、事件监听器七、获取样式(元素样式)八、事件委托机制九、拖拽的实现总结前言1.事件构成分三要素触发的元素事件函数(on+事件类型)事件处理函数(方法)2.事件书.

2022-04-11 20:04:07 140

原创 JavaScript(16) -缓冲远动,轮播图的实现,js实现全选反选

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言封装的方法一、双排透明度轮播图1.要求利用透明度加缓冲动画分上下两排同时轮播如图2. 代码二、旋转木马轮播图1.要求2.代码css文件三、点击按钮方块交换位置1.要求点击按钮div块交换位置且有动画效果2.代码四、猴子移动1.要求2.代码五、js实现全选反选1.要求2.代码前言封装的方法//方法封装function animated(element,targetObject,callback,speed){//ele.

2022-04-08 21:16:18 562

原创 JavaScript(15) - 远动 和 封装运动函数 使用远动实现轮播图

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、匀速运动封装的函数二、缓冲运动1.缓冲运动 : 让物体进行缓冲运动2.淡入淡出: 让物体逐渐改变透明度4.宽高 : 逐渐改变物体的宽度或高度三、链式运动1.链式运动四、封装运动函数封装的远动函数总结1.点击右下角的数字跳到对应的图片背景色变成橙色2.自动轮播从第一张到最后一张循环播放js文件前言在JS中实现运动(动画)的原理:使用开启定时器setInterval()/setTimeout() 和 清除定时器clea.

2022-04-06 19:44:56 722

原创 JackeyLove(14) - ES5 .ES6及新增内容(详细)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、ES51. JavaScript 的版本2.ES5的严格模式:3. Javascript 为什么要设立严格模式:4. ES5-bind二、ES5的新增内容1.ES5-Array新增2.ES5-Array新增2.1 map():2.2.reduce()用法2.3 filter():3.reduce()用法:3.1 forEach、map以及reduce的相同点:3.2 forEach、map以及reduce的不同点:三、ES6.

2022-04-01 23:06:01 925

原创 JavaScript(13) - 正则表达式的使用和常用正则表达式

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言正则表达式介绍一、正则表达式的使用创建正则表达式有两种方式 :1, 使用正则表达式匹配字符串有两种方式:2, 字符串的正则表达式方法二、常用正则表达式1.邮政编码(共6位数字, 第一位不能为0)2.电子邮件(xxxx@xxx(.xxx)+)3.手机号(13或14或15或18开头的11位数字)4.用户名(只能使用数字字母下划线, 且数字不能开头, 长度在6-15位)5.删除多余空格6.删除首尾空格7.身份证8.中文9.简单日期格.

2022-03-31 20:10:21 1625

原创 JavaScript(12) -Cookie的使用,Cookie封装及JSON

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言1, cookie是什么2, cookie的作用一、Cookie的使用1, 获取和设置cookie2, expires=失效时间3, path=路径4, domain=域名5, secure 安全设置二、Cookie封装三、JSON1, JSON2, JSON的写法3, JSON的两种表现形式4, JSON解析5, JSON序列化代码1.cookie2.cookie相关属性3.cookie的封装4.作业十天内免登陆前言1.

2022-03-30 20:48:13 2526

原创 JavaScript(11) - 阻止事件冒泡和默认行为,拖拽,事件监听器

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、阻止事件冒泡和默认行为二、拖拽1, 实现拖拽相关的三大事件:2, 实现拖拽思路:1, 给目标元素添加onmousedown事件(鼠标按下事件)2, 当onmousedown事件发生以后(鼠标按下后),就给document添加onmousemove事件(鼠标移动事件)在onmousemove(鼠标移动事件)中, 根据以下公式不断刷新目标元素所在的位置:3, 在onmousedown事件(鼠标按下事件)发生以后,给document.

2022-03-29 21:14:41 5511

原创 JavaScript(10) - 事件的分类和 事件对象Event

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言1, 事件的概念2, 事件的模式脚本模式:事件处理由三个部分组成:一、事件的分类事件的分类2. 键盘事件3. HTML事件二、事件对象Event1, 事件对象(event对象) 是什么?2, 获取事件对象3, 事件对象的属性总结1. 事件2. html事件补充3. 事件源对象4. event相关属性5. 练习16. 练习2前言提示:事件介绍 :1, 事件的概念日常生活中事件: 发生并得到处理的操作(即事情来了, 然.

2022-03-28 20:59:40 1145

原创 JavaScript(9) - DOM属性节点,DOM节点间关系,DOM操作

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、DOM属性节点1, 属性节点的属性2, 属性节点操作的三个函数getAttribute()setAttribute()总结二、DOM节点间关系1,元素节点间关系的相关属性总结三、DOM操作DOM节点操作DOM操作所涉及的方法有:1, createElement()2, appendChild()3, createTextNode()4, insertBefore()5, replaceChild()6, cloneNode.

2022-03-25 20:23:49 1215

原创 JavaScript(8) - BOM中的对象和方法和DOM节点

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录BOM介绍1, BOM的概念一、BOM中的对象和方法1, window对象2, 系统对话框4. window.open()4, location对象5, history对象6, navigator对象(了解)DOM介绍DOM的概念DOM节点分类二、DOM节点1, 元素节点对象的获取方式:2, getElementById()3, 元素节点的属性4, getElementsByTagName()5, getElementsByNam.

2022-03-24 20:19:53 1529

原创 JavaScript(7)-日期Date,对象Object,定时器

文章目录一、日期Date,1, Date对象2, Date对象的创建3, Date对象的方法4, 日期Date的常用方法:二、对象Object,1. 对象的概念2. 创建对象3. 属性字段也可以使用字符串形式4. 使用字面量及传统赋值方式5. 两种属性输出方式6. 给对象创建方法7. 使用 delete 删除对象属性 或 方法8. 练习三、定时器,1, 定时器setInterval2, 延时器setTimeout提示:以下是本篇文章正文内容,下面案例可供参考一、日期Date,1, Date

2022-03-23 20:36:11 1310

原创 JavaScript(6)-字符串的定义和使用,字符串的属性和方法及Math

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、字符串的定义和使用1.字符串的定义2.new String()和String()的区别二、字符串的属性和方法1.字符串的属性2.字符串的方法(函数)字符串的查找方法三、Math1.Math对象前言JS字符串的概念字符串就是一串字符,由双(单)引号括起来。字符串是 JavaScript 的一种数据类型。提示:以下是本篇文章正文内容,下面案例可供参考一、字符串的定义和使用1.字符串的定义方式一(推荐): .

2022-03-22 20:35:45 2313

原创 JavaScript(5)-数组的定义和使用,数组中的常用函数,数组排序-冒泡排序法

文章目录一、数组介绍二、数组的定义和使用三、数组中的常用函数四、数组排序-冒泡排序法五、使用步骤1.引入库2.读入数据总结一、数组介绍示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、数组的定义和使用三、数组中的常用函数四、数组排序-冒泡排序法五、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seab

2022-03-22 20:14:03 1128

转载 初学JavaScript

初学JavaScript欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式

2022-03-18 21:04:39 698

原创 JavaScript(4)-函数的定义和调用,函数的作用域,DOM操作和函数递归调用

函数的定义和调用,函数的作用域,DOM操作和函数递归调用一、函数是什么?1. JS函数的概念2. 函数的作用3. 使用函数的好处4. 函数的分类5.系统函数,内置函数:6.自定义函数:二、函数的定义和调用1.函数的简单定义2, 函数的调用示例:3. 函数的标准定义形参:函数中的arguments数组:注意:三、函数的作用域作用域:局部变量:全局变量:注意:示例:函数的嵌套:四、DOM操作和函数递归调用DOM的简单操作:示例:注意:事件驱动:示例:递归调用:重要性:递归调用的方式:示例:一、

2022-03-18 20:58:51 202

原创 JavaScript(3)-循环语句

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档循环语句前言一、循环语句1.JS循环的概念2.死循环的概念3.循环的用处4.循环的分类二、循环语句while1.while循环语法格式:三、循环语句do-while1.do-while循环语法格式:2.和while的区别四、循环语句for1.for循环语法格式2.循环的嵌套五、break和continue1.break关键字2.continue关键字3.break和continue对比前言JavaScript循环语句一、循环语句.

2022-03-17 21:36:25 971

原创 JavaScript(2)-运算符与逻辑分支

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档运算符与逻辑分支前言一、JS运算符1.一元运算符2.关系运算符逻辑运算符4.逻辑运算符5. 表达式的概念:赋值运算符:其他运算符:运算符优先级二、逻辑分支IF程序的三大流程控制:1. IF单分支2.IF双分支语句3. IF多分支语句4. IF的嵌套二、逻辑分支SwitchSwitch语句的写法:前言提示:这里可以添加本文要记录的大概内容:JavaScript中运算符的使用与逻辑分支在基础学习中非常重要。提示:以下是本篇文章正文.

2022-03-17 21:20:13 169

原创 JavaScript(1)-JS变量、关键字、命名规范

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、JS变量、关键字、命名规范1.关键字 : 已经被JS内部使用了的2.保留字: 虽然暂时还未被使用, 但将来可能会被JS内部使用变量的命名规范JS数据类型JS运算符的使用 - 算术运算符总结前言提示:这里可以添加本文要记录的大概内容:JavaScript是一门脚本语言, 长期处于计算机语言排行榜的前10位, 且在脚本语言排行榜中长期处于领先地位直至今日, 它的发展前景可想而知.JavaScript一直伴随着互联网一.

2022-03-17 20:58:40 2214

空空如也

空空如也

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

TA关注的人

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