- 博客(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关注的人