自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 实现三栏布局的5种方法

实现三列布局的5中方法1.float/margin实现三栏布局2.relative和absolute定位实现三栏布局3.table-cell实现三栏布局4.flex实现三栏布局5.grid实现三栏布局三栏布局一般指左右两栏宽度固定,中间栏宽度自适应的布局。1.float/margin实现三栏布局<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>用float/m

2021-08-05 23:24:19 346

原创 CSS水平居中方法

CSS水平居中1.单个元素居中2.嵌套子元素居中1.单个元素居中2.嵌套子元素居中1.单个元素居中<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>水平居中</title> <style type="text/css"> .div1{ width: 200px; height: 200px; backgr

2021-08-02 21:29:06 117

原创 理解cookie和session的作用、联系与区别

Cookie、Session和token的联系与区别前言:我们知道Http协议是无状态的。无状态的意思就是Http协议对于处理的事务是没有记忆功能的。最常见的例子就是当一个用户浏览商品添加购物后,他关闭了浏览器,然后重新进行登录准备下单,那么这时候服务端就不知道这次请求下单的与上次添加购物车的是否是同一个人。辨别用户身份是非常重要的,那么Cookie、Session和token就有这一层作用。一、Cookie       当我们

2021-07-24 16:59:38 645

原创 搞懂diff算法的时间复杂度和v-for绑定key的作用

一、理解diff算法我们知道对于真实DOM斜体样式的操作是非常昂贵的,因此有了虚拟DOM的概念,虚拟DOM的节点被称为vnode。当DOM节点发生变化时,通过新vnode与旧vnode的比较,来减少重绘重排的操作,这样能大大提升效率。而新旧vnode的比较就是通过Diff算法实现的。1.传统的Diff算法当页面进行渲染后,会生成一个虚拟DOM保存在内存中,节点发生变化时又生成新的虚拟DOM,传统的Diff算法是通过遍历循环对比新的虚拟DOM与之前保存的旧的虚拟DOM之间的变化(两层嵌套时间复杂度为O(

2021-06-01 13:34:07 1164

原创 理解this的作用

理解this的作用this的作用this的作用“this”是代码中极其常见的一个代词。使用频率非常高,但是它的作用究竟是什么呢?我们为什么要用this?下面先看一下下面的代码: function users(){ return this.name; } function introduce(){ var speak="我是"+users.call(this); console.log(speak); } var one={

2021-05-31 21:54:50 350

空空如也

空空如也

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

TA关注的人

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