自定义博客皮肤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)
  • 收藏
  • 关注

原创 事件中会产生哪些兼容问题

1.事件对象的创建 2.事件冒泡 3.浏览器的默认行为 4.事件委托中事件源的获取

2020-08-11 11:35:34 133

原创 token令牌的含义和操作

token 令牌的含义: 是一个加密后的字符串,可以保存信息,也可以设置信息的有效期。 token的操作步骤 1.生成token,并且设置和保存数据和有效期(加密过程) 2.返回给前端进行保存 3.前端在请求的时候,携带token 4.后端对接收到的token进行校验(解密过程) (1)校验通过,允许登录 (2)校验失败,让用户重新登录 5.使用第三方模块:jsonwebtoken实现 (1)签名:进行加密 ...

2020-08-10 17:17:25 75

原创 登录注册中验证码的校验方式

使用session会话实现 第一次请求:获取图形的验证码 再把验证码存入session中 第二次请求:登录 在session中获取到验证码 在express中使用session 需要引入第三方模块:express-session session识别用户的原理 connect.sid ...

2020-08-10 17:03:38 43

原创 常用的第三方模块详解

request模块 作用:可用于发起http或者https请求,可以理解为服务端的Ajax请求。可以进行简单的服务器代理,用法 和ajax类似。 安装:npm install request --save get请求 const request = require('request'); request.get('https://cnodejs.org/api/v1/topics?page=1&limit=10', (error, response, body) => {

2020-08-05 20:02:39 87

原创 面向对象实现选项卡功能

按钮1 按钮2 按钮3 内容1 内容2 内容3

2020-07-08 09:59:09 44

原创 实现简易选项卡

按钮1 按钮2 按钮3 内容1 内容2 内容3

2020-07-08 09:55:10 44

原创 常用Visual Studio Code快捷键

常规Ctrl+Shift+P,F1显示命令选项板 Ctrl+P快速打开,转到文件… Ctrl+Shift+N新建窗口/实例 Ctrl+Shift+W关闭窗口/实例 Ctrl+,用户设置 Ctrl+K Ctrl+S键盘快捷键基本编辑 Ctrl+X剪切线(空选择) Ctrl+C复制行(空选择) Alt+↑/↓上移/下移+Alt+↓/↑上/下复制行 Ctrl+Shift+K删除行 Ctrl+在下面输入插入行 Ctrl+Shift+Enter上面的插入行 Ctrl+Shift+\跳转到匹配的括号 Ctrl+]/[缩

2020-07-07 20:15:50 33

原创 了解面向对象的基础

1.什么是程序? 程序就是:数据结构+算法; 2.什么是面向对象? 面向对象就是:数据+算法; 数据:属性;变量; 算法:方法;函数; 3.面向对象与面向过程的区别: (1).逐步实现程序; (2)有明确的目标和需求;并且分工合作; 4.构造函数与普通函数的区别: 构造函数就是一个普通函数在调用的时候前面添加了个new关键字; 返回值不同:普通函数的返回值需要return才可以返回值; 构造函数的返回值 会构造一个"实例对象"。 构造函数的伴生体;可以通过构造函数.prototype去访问到; 构造函数=n

2020-07-06 21:11:45 35

原创 Css3网格布局的基础用法

Css3网格布局 Css网格布局(grid)是一套基于二维页面布局系统 一、父元素相关属性以及属性值 1、网络容器(给父元素设置) 将属性display的属性值设置为grid 或者 inline-grid,就创建了一个网格容器,所有容器中的接子元素将自动成为网格项目元素。 display:grid | inline-grid 2、怎样去显示网格 (1)grid-template-rows 定义网格的行轨道 grid-template-ro...

2020-07-04 09:52:58 49

原创 css3渐变的基础用法

Css3渐变 CSS3 渐变(gradient)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即可实现。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。 1、线性渐变 语法: background: linear-gradient(direction, color-stop1, color-stop2, …); ...

2020-07-04 09:42:00 29

原创 弹性盒模型的基本用法

1、弹性盒模型 (1)display:flex 说明:设置为弹性盒(父元素添加) (2)flex-direction (主轴排列方向) 说明:顺序指定了弹性子元素在父容器中的位置    1.row 默认在一行内排列 2.row-reverse:反转横向排列(右对齐,从后往前排,最后一项排在最前面。 3.column:纵向排列。 4.column-reverse:反转纵向排列,从下往上排,最后一项排在最上面 (3)justify-content(主轴对齐方式) 说明:内容对齐(justify-content

2020-07-04 09:28:42 60

原创 在JavaScript中,可以实现跳转的是

1.window.open() 2.window.location.href 3.window.location.assign() 4.window.location

2020-06-30 21:06:01 247

原创 减速运动的简单案例

2020-06-30 21:00:47 47

原创 加速运动简单案例

2020-06-30 20:48:27 51

原创 匀速运动的简单案例

​​​​​​

2020-06-30 20:24:06 60

原创 事件委托实现简单克隆功能

var div=document.querySelector('div'); div.onclick=function(e){ for(var i=1;i<=10;i++){ if( e.target.innerHTML==='按钮'+i){ var newBtn=e.target.cloneNode(true); this.appendChild(newBtn); } } ...

2020-06-30 01:15:57 29

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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