自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 弹性布局flex

弹性布局flex在平时的我们常用的布局类型有以下几种:1.浮动+定位2.自适应(百分比)3.响应式布局4.弹性布局(Flex布局)今天所要整理的就是比较常用的弹性布局,但块标签与行内块标签是有区别的。// css样式 * { padding: 0; width: 0; box-sizing: border-box; } .item { width: 11

2022-05-01 17:14:46 223 2

原创 vue实现无缝轮播

vue实现无缝轮播

2022-05-01 16:36:27 1510

原创 express路由

Express 路由1.Express 中的路由在Express中, 路由指的是客户端的请求与服务端处理函数之间的映射关系.2. express中的路由分3部分组成分别是请求的类型, 请求的URL地址,处理函数,格式如下:app.method(path,handle)// method: 请求的类型// path: 请求的URL地址// handle: 处理函数Express中路由的例子// 匹配 GET 请求,且请求 URL为 /app.get('/', functi

2022-04-24 18:47:11 228

原创 var let 和const的区别

var 关键字1. var声明作用域var 声明的变量,没有块的概念,可以块访问,不能跨域访问 function test() { var a = "hello world"; // 局部变量 } test(); console.log(a); // 报错 a is not defined函数test()调用时会创建变量 a 并给它赋值,调用之后变量随即被销毁。因此,在函数test()之外调用变量 a 会报错.

2022-04-22 16:59:23 1320

原创 express创建基本的服务器

express含义:express是基于Node.js平台,快速开放极简的web开发框架.作用:express和nodejs内置的http模块类似,是专门用来创建web服务器的.本质:express就是一个npm上的第三方包,提供了快速创建web服务器的便捷方法.服务器的分类:web网站服务器api接口服务器创建一个基本的web服务器首先创建一个js文件在js文件的根目录下安装express包 终端输入命令: npm i express -Djs

2022-04-22 15:57:05 1199

原创 正则表达式

正则正则的概念正则表达式(regular expression)是一个描述字符规则的对象。可以用来检查一个字符串是否含有某个子字符串,将匹配的子字符串做替换或者从某个字符串中取出符合某个条件的子串等。为什么要用正则:因为前端往往有大量的表单数据校验工作,采用正则表达式会使得数据校验的工作量大大减轻。常用效果:邮箱、手机号、身份证号等。修饰符g: 全局匹配 可以匹配到 0-多个结果i: 匹配大小写m 多行匹配元字符正则表达式有两种基本字符 元字符 原义文本字符原义概念:表

2022-04-22 01:16:15 188

原创 Math数学对象

js 内置对象之Math数学对象 // 生成0~1之间的随机数 不包括1 console.log(Math.random()); // 生成0~5之间的随机数 不包括5 console.log(Math.random() * 5); // 生成5~10之间的随机数 console.log(Math.random() * 5 + 5); // 取整,向上取整;(进1取整)

2022-04-22 00:53:32 93

原创 JavaScript 隐式转换

隐式转换1.什么是隐式转换?由于JavaScript是弱类型语言,在使用算数运算符,运算符两边的数据类型可以是任意的. (一般发生隐式转化转转的几种类型: string ,Boolean,Number)2.为什么会发生隐式转换?当不同数据类型之间进行算数运算时,为了使程序能够正常运行下去,所以产生了隐式类型转化3.如何实现隐式转换?通过运算符: + - * / 等4. 如何推理出一个数据是否发生了隐式转换?看运算结果- 例:3 + true; // 4 // 3 +

2022-04-22 00:48:30 1473

原创 ES6中的promise

promise含义 :Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现的,ES6将其写进了语言标准,统一了用法,原生提供了Promise对象。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作) 的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。Promise提供统一的 API,各种异步操作都可以用同样的方法进行处理。 Promise对象有以下两个特点。(1)

2022-04-22 00:44:52 431

原创 JavaScript函数执行

变量对象变量对象是与执行上下文相关的数据作用域,存储了在上下文中定义的变量和函数声明。因为不同执行上下文下的变量对象稍有不同,所以我们来看看全局上下文下的变量对象和函数上下文下的变量对象。全局上下文我们先了解一个概念,叫全局对象。在 W3School 中也有介绍:全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。在顶层 JavaScript 代码中,可以用关键字 this 引用全局对象。

2022-04-22 00:40:05 463

原创 JavaScript中的this

this注意: 本篇文章属于基础篇, 如果你不够了解,或者了解的还不完整,那么可以通过本文来复习一下1. this 指向的类型刚开始学习 JavaScript 的时候,this 总是最能让人迷惑,下面我们一起看一下在 JavaScript 中应该如何确定 this 的指向。this 是在函数被调用时确定的,它的指向完全取决于函数调用的地方,而不是它被声明的地方(除箭头函数外)。当一个函数被调用时,会创建一个执行上下文,它包含函数在哪里被调用(调用栈)、函数的调用方式、传入的参数等信息,th

2022-04-22 00:26:27 67

原创 nodejs读写模块

fs文件系统模块1. fs.readFile()方法,用来读取指定文件中的内容----> 语法格式如下: fs.readFile( path [ , options ] , callBack );-----> 参数解读:参数一: 必选参数 ‘字符串’ , 表示文件路径参数二: 可选参数 表示以什么编码格式来读取文件参数三: 必选参数 表示当文件读取完成后 , 通过回调函数拿到读取的结果// 实例代码: 读取指定文件中的内容// 1. 导入fs模块, 来操作文件c

2022-04-21 23:54:56 221

原创 promise 和 async/await的区别

promise 和 async/await的区别promise含义: promise是ES6中的一个内置对象,实际是一个构造函数,是JS中进行异步编程的新的解决方案。作用 :通常用来解决异步调用问题解决多层回调嵌套的方法提高代码可读性、更便于维护async/await含义: async function 用来定义一个返回 AsyncFunction 对象的异步函数。异步函数是指通过事件循环异步执行的函数,它会通过一个隐式的 Promise 返回其结果。如果你在代码中使用了异步

2022-04-21 23:50:56 617

原创 关键帧旋转轮播图

关键帧动画animation: name duration timing-function delay iteration-count direction fill-mode; - 参数一: 指定动画名称 必选参数二: 动画时长 必选参数三: 动画的运动轨迹 (先快后慢 匀速 先慢后快) 默认是匀速参数五: 动画的播放次数 默认是1次参数四: 动画延迟时间 默认没有延迟参数六: 动画的播放方向 默认是顺时针参数七: 动画结束后的状态 默认会恢复原来的状态1. 旋转动画

2022-04-20 21:42:19 367

原创 Switch和for循环的区别与联系

switch switch (key) { case value: break; default: break; key和 value 进行比较 如果相等就执行下面的代码 break : 结束switch 如果最后没有匹配到 就执行 default(默认)}while 循环一般写法: 1. 初始值 while(2. 判断条件){ 3. 代码 4. 迭代

2022-04-12 20:38:04 1190

原创 数据类型转化

类型转化定义: Js中的类型是针对值来说,而不是针对变量,值就是所谓的42, ‘abc’, false 等能用js 操作的数据。在js 中说某某某是什么数据类型,其实是说的这些值是什么类型。主要分为两种类型:基本数据类型: number Boolean string null undefined引用型数据类型: array object function 等**判断一个数据是什么类型的,一般使用typeof()来判断一. 其他类型转化为number类型转化规则:一般数字字符转化

2022-03-23 22:39:42 345

空空如也

空空如也

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

TA关注的人

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