前端 - 随笔分类 - badpear

SocketJS记录

摘要：SockJS 是一个 JavaScript 库，用于处理 WebSocket 或 WebSocket 风格的双向通信。以下是 SockJS 的一些主要函数及其作用的简要介绍，并附带一些示例： new SockJS(url, [options]): 创建 SockJS 客户端实例。url 参数是 We 阅读全文

posted @ 2023-10-30 20:48 badpear 阅读(72) 评论(0) 推荐(0)

CSRF攻击、XSS攻击（待续）

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

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

跨域和解决方式？

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

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

关于BFC

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

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

立即执行函数

摘要：立即执行函数形式 (function())({ ..content }) (function(){ ..content }())//es6推荐特别实例 (function(a) { return (function(b) { console.log(a); })(1); })(0) //输出0 注阅读全文

posted @ 2022-10-29 22:39 badpear 阅读(18) 评论(0) 推荐(0)

js闭包

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

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

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

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

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

cookie和localstorage，sessionstorage

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

js-基础排序实现（冒泡排序，快速排序，选择排序，插入排序，希尔排序，归并排序，堆排序）

摘要：冒泡排序 :两个指针循环，遇到不合适就交换，直到将符合要求的浮到边界 function bubbleSort(list){ for(let i=0;i<list.length;i++){ for(let j=0;j<list.length-i-1;j++){ if(list[j]>list[j+1] 阅读全文

posted @ 2022-10-29 16:20 badpear 阅读(49) 评论(0) 推荐(0)

js-关于dom的一些记录

摘要：DOM0，2，3 dom0 onclick dom2 addEventListener()和removeEventListener() 第一个参数是事件名（如click）；第二个参数是事件处理程序函数（不能是匿名函数，因为移除时会用到）；第三个参数如果是true则表示在捕获阶段调用，为fals 阅读全文

posted @ 2022-10-29 11:16 badpear 阅读(27) 评论(0) 推荐(0)

css-垂直居中

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

posted @ 2022-10-24 22:43 badpear 阅读(104) 评论(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 阅读(54) 评论(0) 推荐(0)

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

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

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

css-关于兼容性 | 转载

摘要：ps.图片来源CSDN用户sq-web的博客，感谢 CAN I USE 兼容性查询阅读全文

posted @ 2022-10-24 17:34 badpear 阅读(10) 评论(0) 推荐(0)

css - 关于<body>和<html>

摘要：为什么<body>设置的背景色能传递到整个<html>？浏览器会默认取根元素，即<html>的背景作为背景。但当<html>未设置背景色时，body若设置了背景色会被传递到外部。高度的初始化？块元素的宽度的宽度默认为父元素的宽度。<html>的宽度默认为100%。但高度不同，默认的高度是由阅读全文

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

badpear

随笔分类 - 前端

公告