JavaScript 的 WebSocket 使用指南

JavaScript

WebSocket 是一种基于 TCP 的全双工通信协议,允许客户端和服务器建立持久连接,实现高效实时数据交换。全双工通信:客户端和服务器可随时主动发送数据,无需遵循传统 HTTP 的 “请求-响应” 模式。本文还记录了 WebSocket 的心跳检测以及重连机制,主要提供一个思路,实际开发中可以自行修改

辰风沐阳 阅读 335 2026-01-12

JSON 序列化

JavaScript

JSON 是一种非常重要的数据格式,它并不是编程语言,而是一种可以在服务器和客户端之间传输的数据格式。JSON 被使用的场景也越来越多:项目的配置文件、网络数据的传输 JSON 数据

辰风沐阳 阅读 291 2025-03-20

JS 设备检测功能函数

JavaScript

本文用于记录 JS 设备检测相关功能函数,比如:检测当前设备是电脑端还是移动设备、当前设备是否为 ios 端。每个功能函数都已经过测试,保证可以使用。本文已会持续更新,不断增加新的功能函数和完善功能方法

辰风沐阳 阅读 2276 2024-05-07

JS 数组方法 slice 和 splice 的区别

JavaScript

JavaScript 数组中存在两个看起来十分相似的方法。slice() 方法用于从数组中选取元素,返回值是选取的元素,并且不会改变原数组;splice() 方法用于在数组中添加和删除元素,返回值是被删除的元素,会改变原数组

辰风沐阳 阅读 2106 2023-06-21

JavaScript 数组填充方法 Array.fill()

JavaScript

项目开发中,我们经常会定义具有特定长度的初始化数组,数组中的每一项元素默认为 empty 空位占位。如果对数组这些空位添加默认的元素,ES6 提供了 fill() 方法实现这一操作,本文详细总结 fill() 方法的使用。数组填充基本数据类型是没有问题的,填充对象则需要手动实现,可以在原型上定义个方法实现

辰风沐阳 阅读 2756 2023-04-14

优化代码分支,让代码更优雅

JavaScript

前端开发中经常遇到的一个困扰,就是有的时候代码里边会出现很多的分支,下面举了个例子,这个分支比较少,有些情况下会有几十个分支,导致了代码非常难看,那么有没有什么办法来优化这个结构呢?

辰风沐阳 阅读 2124 2023-04-03

a == 1 && a== 2 && a== 3 返回 true ?

JavaScript 面试题

这道题是阿里、百度、腾讯三个大厂都出过的面试题,一个前端同事跳槽面试也被问了这道题。看了大厂的面试题会对面试官的精神状态陷入深深的怀疑,就感觉不太正常,平时谁会这样写代码。但是呢,很多事经不住细想,细想后,好像还是有点道理的。

辰风沐阳 阅读 1846 2023-04-01

null 和 undefined 的区别

JavaScript 面试题

null 和 undefined 的区别 ?这是一道基础面试题。很多人都会说 null 是空,undefined 是未定义,这样回答太过于笼统。面试官反问:null 是空代表没有值是吧,undefined 是未定义也是没有值是吧,都是没有值,它们的区别到底是什么 ?应聘者:这下芭比Q了 !

辰风沐阳 阅读 1836 2023-04-01

JavaScript 选择器(选取 DOM 元素)

JavaScript

JavaScript 选择器是用于从 HTML 文档中选取特定 DOM 元素的工具,通过这些选择器可以操作元素的样式、内容、绑定事件,从而实现动态交互。本文记录如何JavaScript 中各种选择器的用法,不记录选取 DOM 元素后的更多操作

辰风沐阳 阅读 333 2023-03-14

分享 APP 的 H5 下载页面

JavaScript

在很多 APP 中都有分享 APP 的功能,这个功能是分享出去一个 h5 页面,在 h5 页面中跳转到苹果的 AppStore,而安卓手机则是提示下载一个 apk 安装包文件,而在微信浏览器中不支持跳转和下载,需要引导用户使用手机浏览器打开这个 h5 页面,本文就是实现这个功能

辰风沐阳 阅读 4389 2023-03-09