![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试
文章平均质量分 57
结果才重要
深爱马克思
展开
-
Vue中$set方法
Vue中$set方法原创 2023-02-21 14:56:19 · 415 阅读 · 0 评论 -
vue-router路由传递的四种方式超详细
vue-router路由传递的四种方式超详细原创 2022-11-26 22:20:28 · 533 阅读 · 0 评论 -
原生ajax请求的5个步骤
原生ajax请求的5个步骤原创 2022-11-26 20:01:14 · 2988 阅读 · 0 评论 -
智能表单的运用
智能表单中的一些属性原创 2022-10-27 12:48:17 · 203 阅读 · 0 评论 -
Vue页面跳转的方法以及携带参数应该怎么跳转
Vue页面跳转的方法以及携带参数应该怎么跳转原创 2022-10-02 11:39:54 · 6221 阅读 · 0 评论 -
window.loaction.href和window.loaction.hash的区别
window.loacton.href和window.loaction.hash的区别原创 2022-10-02 00:53:21 · 449 阅读 · 0 评论 -
Promise和async-await的区别
Promise 是应用层的解决方案,它有一个规范,不同的语言也可以实现,它只能异步的处理错误,在js 里它本质上是一个对象。async-await 是语言层的解决方案,它可以说是 Promise的补充,可以让用户像编写同步代码一样编写异步代码,通过try-catch 可以同步地处理错误。Promise 更多应用在函数封装中,async用在函数的使用中。Promise链式调用相当于一个新的回调地狱, 也不能统一处理异常。 Promise 本身是同步函数,多个不会等待。async-await用同步的写法原创 2022-10-01 12:02:26 · 900 阅读 · 0 评论 -
ajax请求中::get和post的区别
ajax请求中::get和post的区别原创 2022-10-01 11:13:37 · 118 阅读 · 0 评论 -
token有效期问题
token有效期问题原创 2022-09-30 22:24:20 · 2789 阅读 · 1 评论 -
前端面试之---link 引入css文件和@import引入css文件的区别
css引入方式link与import的区别1、link属于html标签,而@import是css提供的,只能加载CSS2、加载顺序,link在页面加载时被加载,@import在页面加载完之后再加载3、link是html标签,因此没有兼容性,而@import只有IE5以上才能识别4、link是可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式css引入方式可分为link引入与@import引入,下面来分析二者的权重问题1原创 2022-03-10 14:45:12 · 4381 阅读 · 0 评论 -
前端面试之----介绍对浏览器内核的理解
介绍一下对浏览器内核的理解主要分成两个部分:渲染引擎(Render Engine) 和JS引擎。渲染引擎:负责取得网页的内容(html,xml和图像等),整理讯息(例如假如css),以及计算网页的显示方式,然后输出到显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不同。所有网页浏览器、电子邮件客户端以及它需要编辑、显示网络内容的应用程序都需要内核。JS引擎:解析和执行JavaScript来实现网页的动态效果。最开始渲染引擎和JS...原创 2022-03-09 14:32:46 · 109 阅读 · 0 评论 -
前端面试之---cookie、sessionStorage、localStorage的区别
一、cookie详解(1)简介因为HTTP协议是无状态的,即服务器不知道用户上一次做了什么,这严重阻碍了交互式Web应用程序的实现。在典型的网上购物场景中,用户浏览了几个页面,买了一盒饼干和两饮料。最后结帐时,由于HTTP的无状态性,不通过额外的手段,服务器并不知道用户到底买了什么。为了做到这点,就需要使用到Cookie了。服务器可以设置或读取Cookies中包含信息,借此维护用户跟服务器会话中的状态。Cookie(复数形态:Cookies),是指某些网站为了辨别用户身份、进行session跟原创 2022-01-03 21:56:13 · 693 阅读 · 0 评论 -
前端面试之---placeholder的简单使用(css)
placeholder就是用户名密码框未输入内容时,默认显示的灰色文字。如下图效果:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>placeholder效果演示(runoob.com)</title> </head><body> <form action="demo-form.php"> <i原创 2021-12-30 16:46:41 · 1109 阅读 · 0 评论 -
前端面试之---JSONP和AJAX请求的异同
相同点: 使用的目的一致,都是客户端向服务端请求数据,将数据拿回客户端进行处理。 不同点: ajax请求是一种官方推出的请求方式,通过xhr对象去实现,jsonp是民间发明,script标签实现的请求。 ajax是一个异步请求,jsonp是一个同步请求 ajax存在同源检查,jsonp不存在同源检查,后端无需做解决跨域的响应头。 ajax支持各种请求的方式,而jsonp只支持get请求 ajax的使用更加简便,而jsonp的使用较为麻烦。 .原创 2021-12-29 23:45:25 · 499 阅读 · 0 评论 -
前端面试之----跨域解决方案之二(JSONP)
前言首先我们得先了解JSONP是怎么产生的。最开始跨域请求数据没有现在方便,Ajax直接请求普通文件存在跨域无权限访问的问题,然后聪明的程序员想出了一套非官方的解决办法,程序员发现凡是带有“src”这个属性的标签都拥有跨域的能力,比如<·img>、<·iframe>、<·script>。事实上早期的程序员也是这么干的,最后程序员们发现最好的解决办法就是——动态创建script标签发起请求,然后从后端拿到请求回来的数据进行处理,再然后把刚刚创建的script标签删掉,这原创 2021-12-29 23:39:51 · 397 阅读 · 0 评论 -
前端面试之----跨域解决方案之一(CORS)
跨域解决方案(CORS)1. 什么是跨域? 跨域问题是出于浏览器的【同源策略】限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。 所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)原创 2021-12-29 23:12:20 · 733 阅读 · 0 评论 -
前端面试之-- 如何实现跨域请求
1、jsonp利用了 script 不受同源策略的限制缺点:只能 get 方式,易受到 XSS攻击2、CORS(Cross-Origin Resource Sharing),跨域资源共享当使用XMLHttpRequest发送请求时,如果浏览器发现违反了同源策略就会自动加上一个请求头 origin;后端在接受到请求后确定响应后会在后端在接受到请求后确定响应后会在 Response Headers 中加入一个属性 Access-Control-Allow-Origin;浏览器判断响应中的原创 2021-12-29 18:19:14 · 253 阅读 · 0 评论 -
前端面试之---HTTP状态码(超超超详细)
前言HTTP状态码的作用是告知客户端,从服务器端返回的请求结果。听说面试会问HTTP状态码,相比那些神仙操作,这个记忆性的知识点准备起来比较容易,不应该成为丢分项。文章目录HTTP状态码分类HTTP 状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字没有分类的作用。HTTP 状态码共分为以下 5 种类型: 类别 原因语句 1xx Information(信息状态码) 接受的请求正在处理 2xx Success(成功状态码)原创 2021-11-16 16:20:44 · 1157 阅读 · 0 评论