offsetHeight、scrollHeight、clientHeight offsetXXX offsetWidth/offsetHeight 是指一个元素的 CSS 「标准宽高」,它包含了边框、内边距、元素内容以及滚动条(如果存在的话)。 借助 MDN 上的图片可以看到元素的 offsetWidth,这就是这个元素在页面中「实际占用的空间」,同时当元素的形状发生变化时(比如说放大或缩小),offsetWidth 就表示元素的布局宽高,并不代表实际渲染出来的宽高,如 2021-06-20 CSS CSS 前端基础
axios拦截器 基本思想首先要知道登录不仅仅是拿着用户名和密码通过接口发给后端就大功告成了,要从几个方面考虑 异步登录,通过登录接口拿到token 利用vuex的state管理token、用户信息等 利用axios拦截器,拦截每一次请求/响应来处理token 12token是用户登录成功的标识,每一次请求数据时都要发送token给后端验证 & 接收后端返回状态码判断当前用户登录状态 登录的基本实现 2021-06-17 Vue 前端基础 Vue
cookie、localStorage、sessionStorage&&token 什么是认证(Authentication)通俗地讲就是验证当前用户的身份,证明“你是你自己”(比如:你每天上下班打卡,都需要通过指纹打卡,当你的指纹和系统里录入的指纹相匹配时,就打卡成功) 互联网中的认证: 用户名密码登录 邮箱发送登录链接 手机号接收验证码 只要你能收到邮箱/验证码,就默认你是账号的主人 什么是授权(Authorization)用户授予第三方应用访问该用户某些资源的权限 你 2021-06-16 计算机网络 前端基础 计算机网络
Css单位px,rem,em,vw,vh的区别 pxpx就是pixel像素的缩写,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的 emem是相对长度单位。相对于当前对象内文本的字体尺寸(参考物是父元素的font-size) 如当前父元素的字体尺寸未设置,则相对于浏览器的默认字体尺寸 特点: em的值并不是固定的; em会继承父级元素的字体大小 remrem是CSS3新增的一个相对单位,rem是相对于HTM 2021-06-16 CSS CSS 前端基础
Vue& 使用axios的多种方式 vue中使用axios的多种方式axiosaxios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端 它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF axios默认是不让a 2021-06-15 Vue 前端基础 Vue
如何实现路由懒加载? 路由懒加载当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件 (opens new window)和 Webpack 的代码分割功能 (opens new window),轻松实现路由组件的懒加载。 vue-router路由懒加载(解决vue项 2021-06-10 Vue 前端基础 Vue
Vue单向数据流与双向数据绑定的理解 一:单向数据流单向数据流的意思是指数据的改变只能从一个方向修改。 举个栗子:如一个父组件有两个子组件,分别为1和2。父组件向子组件传递数据,两个组件都接收到了父组件传递过来的数据,在组件1中修改父组件传递过来的数据,子组件2和父组件的值不会发生变化。这就是单向的数据流,子组件不能直接改变父组件的状态。但是如果父组件改变相应的数据,两个子组件的数据也会发生相应的改变。 二:双向数据绑定由MVVM框 2021-05-29 Vue 前端基础 Vue
Git冲突与解决方法 Git冲突与解决方法1. git冲突的场景情景一:多个分支代码合并到一个分支时; 情景二:多个分支向同一个远端分支推送代码时; 实际上,push操作即是将本地代码merge到远端库分支上。 关于push和pull其实就分别是用本地分支合并到远程分支 和 将远程分支合并到本地分支 所以这两个过程中也可能存在冲突。 git的合并中产生冲突的具体情况: <1> 两个分支中修改了同一个文件 2021-05-28 Git Git Github
ajax常见面试题 什么是ajax?ajax作用是什么?1异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互 原生js ajax请求有几个步骤?分别是什么12345678910111213//创建 XMLHttpRequest 对象var ajax = new XMLHttpRequest();//规定请求的类型、URL 以及是否异步处理请求。ajax.o 2021-05-28 计算机网络 计算机网络 ajax
从输入URL到浏览器显示页面过程中都发生了什么? URL的输入到浏览器解析的一系列事件 浏览器根据请求的url交给DNS域名解析 发起TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束。 简单说说,浏览器根据请求的url交给dns域名解析,查找真正的ip地址,向服务器发起请求;服务器交给后台处理后,返回数据,浏览器会接收到文件数据,比如,html,js,css,图像等;然后浏览器会对加载到的资源进行 2021-05-27 计算机网络 计算机网络 http