面试题相关
楠丶
这个作者很懒,什么都没留下…
展开
-
2021-前段高频面试题整理-兼容/优化/网络篇(持续更新)
文章目录移动端的兼容(安卓和ios)整理的同时自己也复习一下,答案仅供参考。移动端的兼容(安卓和ios)1.怎么判断是安卓还是 ios//获取浏览器的userAgent,并转化为小写var ua = window.navigator.userAgent.toLowerCase();//判断是否是苹果手机,是则是truevar isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);if(isIos){ 做原创 2021-03-08 12:08:47 · 363 阅读 · 3 评论 -
2021-前端高频面试题整理-JavaScript篇(持续更新)
文章目录说一下JS执行机制整理的同时自己也复习一下,答案仅供参考。说一下JS执行机制1.JS是单线程的JS中的代码都是串行的, 前面没有执行完毕后面不能执行2.执行顺序程序运行会从上至下依次执行所有的同步代码在执行的过程中如果遇到异步代码会将异步代码放到事件循环中当所有同步代码都执行完毕后, JS会不断检测 事件循环中的异步代码是否满足条件一旦满足条件就执行满足条件的异步代码3.宏任务和微任务在JS的异步代码中又区分"宏任务(MacroTask)“和"微任务(M原创 2020-11-20 11:41:00 · 1252 阅读 · 2 评论 -
2021-前端高频面试题整理-CSS篇(持续更新)
文章目录清除浮动的几种方式解释css sprites ,如何使用?px、em、rem的区别整理的同时自己也复习一下,答案仅供参考。清除浮动的几种方式1.给父元素设置高度要求浮动元素有确切的高度2.父级div定义overflow:hidden这种方法是通过触发BFC达到清除浮动的目的参考:BFC的触发方式及作用3.利用clear:both在父元素的最底下 添加一个块级标签(p,div等),然后给它添加clear:both 来清除浮动。如果页面浮动布局多,就要增加很多空标签。4.父级使用原创 2020-11-20 11:40:03 · 1024 阅读 · 0 评论 -
2021-前端高频面试题整理-HTML篇(持续更新)
目录1.语义化标签1.语义化标签什么是标签语义化?有什么作用都有哪些标签,都是啥意思块级标签和行内标签的区别如何转换display除了这几个值还有哪些display:none- 让元素隐藏,你可以怎么做?- display:none 和 visibility:hidden的区别- opacity的兼容处理- filter还能做那些事display:flex项目中什么时候用到了flex除了这种方式能居中还有哪些?响应式布局还可以怎么做?都有哪些盒子模型...原创 2020-11-18 13:24:36 · 881 阅读 · 2 评论 -
CSS-盒子水平垂直居中的五大方案
文章目录定位:三种display: flexdisplay: table-cellJS实现让.box在.wrapper中水平垂直居中。HTML代码:<div class="wrapper"> <div class="box"></div></div>定位:三种1. position:absolute 需要知道子盒子的具体宽高2. margin: auto 需要子盒子有宽高,但不需要去考虑它的宽高是多少3. css3新属性transfo原创 2020-06-11 12:45:18 · 4256 阅读 · 0 评论 -
前端面试-页面性能类
提升页面性能的方法1.资源压缩合并,减少HTTP请求html 压缩、css 压缩、js 的压缩和混乱和文件合并。 资源压缩可以从文件中去掉多余的字符,比如回车、空格。2.非核心代码异步加载异步加载的三种方式—— 动态脚本创建、async 和 defer3.使用浏览器缓存强缓存、协商缓存4.使用CDN5.预解析DNS异步加载的方式1.动态脚本加载也就是动态创建 s...原创 2019-10-27 11:05:00 · 113 阅读 · 0 评论 -
一篇文章彻底搞懂异步,同步,setTimeout,Promise,async (转载)
之前翻看别的大佬的博客看到了关于setTimeout,promise还有async执行顺序的文章。观看了几篇之后还是没有怎么看懂,于是自己开始分析代码,并整理了此文章,我相信通过此文章朋友们能对异步同步还有,setTimeout,Promise,async这些内容了然于胸,接下来让我们走入正题:这是别的大佬博客里面的代码:async function async1() { console...转载 2019-10-27 08:47:02 · 191 阅读 · 0 评论 -
前端面试-渲染机制类
1.DOCTYPE作用DOCTYPE是document type (文档类型) 的缩写。声明位于文档的最前面,处于标签之前,它不是html标签。主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。<!DOCTYPE html> <!--HTML5声明方式--><html lang="en"><head> &l...原创 2019-10-25 14:28:10 · 123 阅读 · 0 评论 -
前端安全类问题 CSRF和XSS
CSRF跨站请求伪造,Cross-site request forgery 缩写为CSRF。也就是说如果你登陆了A网站,有session保存在浏览器,通过恶意网站B的连接你又打开了网站A并且发送了攻击者设定好的内容,导致进行了一些非你本意的操作(比如转账、发送邮件之类的)。防御方法通过 referer、token 或者 验证码 来检测用户提交。尽量不要在页面的链接中暴露用户隐私信息。...原创 2019-10-25 11:00:02 · 191 阅读 · 0 评论 -
通信类
1.什么是同源策略及限制“同源"指的是"三个相同”,协议相同、域名相同、端口相同。举例来说,http://www.baidu.coml这个网址,协议是http://,域名是www.baidu.com,端口是80(默认端口可以省略)同源政策的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据,如果非同源,共有三种行为受到限制。(1) Cookie、LocalStorage 和 Index...原创 2019-10-24 21:44:35 · 154 阅读 · 0 评论 -
面向对象--类的声明、继承方法
一.类的声明、生成实例类的声明:function Animal () { this.name = 'name';}// es6中的class声明 class Animal2 { constructor () { this.name = 'name'; } }实例化:console.log(new Ani...原创 2019-10-23 22:12:30 · 246 阅读 · 0 评论 -
原型链相关
一.创建对象的几种方式// 第一种方式:字面量 var o1 = {name : 'o1'}; var o2 = new Object({name : '011'});//第二种方式:构造函数 var M = function(){this.name = 'o2'}; var o3 = new M('o3');//第三种方式:Object.create ...原创 2019-10-23 11:21:48 · 119 阅读 · 0 评论 -
HTTP协议类
HTTP协议的主要特点简单快速、灵活、无连接、无状态。HTTP报文的组成部分请求报文:请求行、请求头、空行、请求体响应报文:状态行、响应头、空行、响应体HTTP方法GET →获取资源POST →传输资源PUT →更新资源(了解)DELETE →删除资源(了解)HEAD →获得报文首部POST和GET的区别(列举几条重要的)1.GET在浏览器回退时是无害的...原创 2019-10-22 11:22:54 · 109 阅读 · 0 评论