- 博客(7)
- 收藏
- 关注
原创 什么是防抖和节流?有什么区别?如何实现?
定义:防抖是指在事件触发后,等待一段时间再执行回调,如果在这段时间内事件再次触发,则重新计时。适用场景:输入框实时搜索、窗口大小调整(resize)、防止表单重复提交。效果:用户连续输入时,只会在停止输入 500ms 后触发请求。
2025-04-18 14:59:51
335
原创 前端学习笔记-扫盲
WebSocket 是一种基于 TCP 的双向通信协议,允许客户端和服务器在单个持久连接上实时交换数据,解决了传统 HTTP 轮询的效率问题。全双工通信:客户端和服务器可以同时发送和接收数据。低延迟:建立连接后,数据帧直接传输,无需 HTTP 头开销。持久连接:一次握手,长期复用(不像 HTTP 需反复建立连接)。协议标识:ws://(非加密)或 wss://(SSL 加密)。
2025-04-18 11:02:36
453
原创 前端学习笔记-JavaScript
1)定义跨域问题是由浏览器的同源策略引起的安全限制。当网页尝试访问与它不同源的资源时,浏览器会阻止这种请求。同源判定标准协议(http/https)域名(www.example.com)端口(80/443等)http://a.com 请求 https://a.com → 跨域(协议不同)http://a.com 请求 http://b.com → 跨域(域名不同)http://a.com:80 请求 http://a.com:8080 → 跨域(端口不同)
2025-04-10 14:02:51
1833
原创 学习笔记-Javascript中的event loop(事件循环)机制
比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准;异步任务:不进入主线程、而进入"任务队列"的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。JavaScript是一种单线程的编程语言,意思就是同一时间段只能做一件事,所有任务都需要排队依次完成;同步任务:在主线程的调用栈中顺序执行,只有前一个任务执行完毕,才能执行后一个任务;2) 什么是同步任务和异步任务?
2025-04-10 11:15:01
257
原创 前端笔记总结-CSS
CSS 预处理器是一种 扩展 CSS 语言的工具,它允许开发者使用 变量、嵌套、函数、混合(Mixins)、继承等高级功能编写样式,最终编译成标准的 CSS 文件。主流 CSS 预处理器包括:Sass/SCSS(最流行,功能最全,Less(语法简单,兼容原生 CSS),Stylus(灵活,语法自由度更高);原生 CSS 的局限性:缺乏变量:a) 重复值(如主题色、字体)需手动维护,修改困难。b) 无法嵌套:选择器层级复杂时,代码冗余且难以管理。c) 无复用机制:相同样式需重复编写,如清除浮动、动画等。
2025-04-08 13:00:16
1889
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅