前端面试题 - 随笔分类 - badpear

CSRF攻击、XSS攻击（待续）

摘要：##CSRF 概念： CSRF全称为Cross Site Request Forgery，跨域请求伪造原理：攻击者盗用了你的身份，以你的名义发送恶意请求，对服务器来说这个请求是完全合法的。比如未登出银行网站时进入恶意网站点击链接携带者未被销毁的cookie访问银行网站，进行危险操作。防范：利阅读全文

posted @ 2022-11-01 20:46 badpear 阅读(32) 评论(0) 推荐(0)

跨域和解决方式？

摘要：跨域定义: 当前页面中的某个接口请求的地址和当前页面的地址如果协议、域名、端口其中有一项不同，就说该接口跨域了。跨域限制的原因：浏览器为了保证网页的安全，出的同源协议策略。解决方式： cors（后端设置） CORS 全称 Cross-Origin Resource Sharing，即跨域资源共享阅读全文

posted @ 2022-11-01 17:26 badpear 阅读(84) 评论(0) 推荐(0)

关于BFC

摘要：定义： Block formatting contexts 块格式化上下文。能包裹住内部（浮动）元素能与外部浮动元素划清界限、产生边界使用方式：常用块级元素的 overflow 属性不为 visible 使用float 使其浮动的元素 flex items 绝对定位的元素 (包含 posi 阅读全文

posted @ 2022-11-01 16:43 badpear 阅读(54) 评论(0) 推荐(0)

js闭包

摘要：###定义：（MDN）闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。个人见解：由于js的内存释放是阅读全文

posted @ 2022-10-29 21:58 badpear 阅读(34) 评论(0) 推荐(0)

JS数据类型?判断数据类型的几种方法？

摘要：#数据类型种类七种基本数据类型 Number、String、Boolean、BigInt、Symbol、Null、Undefined 附：BigInt也是ES6新出的一种数据类型，这种数据类型的特点就是数据涵盖的范围大，能够解决超出普通数据类型范围报错的问题。使用方法： -整数末尾直接+n：64 阅读全文

posted @ 2022-10-29 21:32 badpear 阅读(131) 评论(0) 推荐(0)

cookie和localstorage，sessionstorage

posted @ 2022-10-29 17:19 badpear 阅读(44) 评论(0) 推荐(0)

css-垂直居中

摘要：前言水平居中可以简单使用以下两种方式： margin:0 auto； text-align:center；故重点讨论垂直居中 1.（一行文字）设置行高等于父元素高度 line-height: 200px; //设置行高等于父元素高度 2.（多行文字）verticle-align:middle + 阅读全文

posted @ 2022-10-24 22:43 badpear 阅读(124) 评论(0) 推荐(0)

css-常用布局-圣杯&双飞翼

摘要：#圣杯布局 ##float实现 body <body> <div class="header">header</div> <div class="container"> <div class="middle">middle</div> <div class="left">left</div> <di 阅读全文

posted @ 2022-10-24 20:47 badpear 阅读(73) 评论(0) 推荐(0)

css-常用布局-基础的五种

摘要：三栏布局：如果不考虑高度，即用内容填充高度的话，是可以用inline-block和calc（）实现布局的。但适用性差。 float和position的兼容性好，但float会用到calc属性影响兼容性。 calc和flex的兼容性都有一定问题。 grid是未来的发展趋势~~所以兼容性拉跨也很合理吧阅读全文

posted @ 2022-10-24 19:22 badpear 阅读(100) 评论(0) 推荐(0)

badpear

随笔分类 - 前端 / 前端面试题

公告