logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

从 0 开始认识 WebSocket:前端实时通信的利器!

WebSocket是一种网络通信协议,专门用于"持久连接"和"实时通信".它允许浏览器和服务器之间建立一个持续不断的链接通道,双方可以随时主动发消息,而不像HTTP那样必须"你请求我才响应",在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输你可以把HTTP想象成一次性纸杯.而WebSocket更像一根水管,接上之后水(数据)可

文章图片
#websocket#前端#网络协议
【前端基础】Cookie、sessionStorage 和 localStorage 详解及应用场景分析

Cookie是一种由服务器发送到浏览器的小型文本数据,也可以通过js创建,用于在客户端存储信息,并在后续请求中自动携带这些信息sessionStorage是H5提供的一种本地存储方式,用于在当前会话(标签页)期间存储数据,浏览器关闭或刷新后数据失效localStorage同样是H5引入的本地存储机制,数据存储后会长期保存在本地浏览器中,除非被手动清除。

#前端
css3的 --自定义属性, 变量

root {.card {/* 继承自 .container */2.可以在CSS变量中使用计算,比如通过calc( ) 函数来计算尺寸:root {.element {3.css变量与媒体查询结合使用CSS变量非常适合和媒体查询一起使用,能够帮助你轻松地创建响应式设计,你可以在不同的屏幕尺寸下,修改变量的值以实现不同的布局主题:root {body {:root {/* 在小屏幕下修改字体大小

#css3#前端#css
web前端渡一大师课 01 事件循环

浏览器采用多进程多线程模型保障稳定性,其中渲染主线程负责执行HTML/CSS/JS代码。由于需要处理解析、渲染、交互等多种任务,主线程采用事件循环机制调度任务:通过消息队列实现异步处理,避免阻塞。当遇到计时器、网络请求等异步操作时,主线程将任务交由其他线程处理,完成后回调加入队列等待执行。JS的单线程特性决定了同步代码会阻碍渲染,如死循环会导致页面冻结。任务优先级方面,微队列(如Promise)优

#前端
uniapp 微信小程序分页组件 List 加载分页数据

uniapp 微信小程序分页组件 List 加载分页数据

文章图片
#uni-app#微信小程序#list
Web前端为什么要打包?Webpack 和 Vite 如何助力现代开发?

功能强大,插件和Loader丰富,几乎支持所有资源类型转换适合大型项目,构建过程复杂但灵活生产环境自动开启代码压缩,拆分,缓存策略通过webpack.config.js配置规则打包是现代前端必不可少的流程,帮助我们解决模块化,性能和兼容性问题Webpack更强大灵活,配置复杂,适合大型项目Vite轻量便捷,极大提高开发效率,适合新项目快速上手了解打包原理,能帮你写出更高性能,更易维护的代码结合项目

#前端#webpack#node.js
javascript同步异步面试题

同步代码结束时,已经是33MS了, 此时此刻时间已经远超10MS和20MS所以马上会把宏任务2和宏任务1输出所以是31。又过了一段时间之后,到了43ms的时候输出8,到了53ms的时候输出6,所以最终答案是24573186。问题: 这段代码的输出顺序是什么?

#javascript#前端#开发语言
到底了