程序员技术之旅

JavaScript ES6 解构赋值
含义通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量。解构是一种打破数据结构，将其拆分为更小部分的过程。解构数组 var foo = ["o

2022-07-01, Views: 1938 , Topics: JavaScript

JavaScript WebSocket 为什么不提供 ping 和 pong
原因 WebSocket是基于TCP的长链接，保持长连接的功能由TCP的keepalive实现。当网络由连接态到中断态再到连接态转换时，TCP可能仍然保持了连接

2021-09-10, Views: 5790 , Topics: WebSocket JavaScript

JavaScript Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.
错误场景页面初始化完成就自动调用document.documentElement.requestFullscreen()实现全屏。错误原因 Chrome等浏

2021-06-29, Views: 8551 , Topics: JavaScript

CSS absolute 绝对定位布局在 Android 系统软键盘弹出时被顶起
问题 Android系统中，HTML元素在使用绝对定位时，当软键盘弹出时，绝对定位的元素被顶起。iOS、Surface无此问题。说明网络上已经有很多关于Ja

2021-06-28, Views: 2820 , Topics: CSS JavaScript Android

JavaScript 屏幕旋转后获取浏览器宽高
问题旋转事件中获得的浏览器宽高window.innerHeight、window.innerWidth或者document.body.clientHeight

2021-06-27, Views: 2541 , Topics: JavaScript

JavaScript 监听屏幕旋转
window orientationchange 监听orientationchange事件。 window.onorientationchange = fun

2021-06-26, Views: 2842 , Topics: JavaScript

IE localStorage Unable to get property 'setItem' of undefined or null reference
错误信息 SCRIPT5007: Unable to get property 'setItem' of undefined or null reference

2021-06-25, Views: 1701 , Topics: JavaScript localStorage

JavaScript 判断 Android 还是 iOS
Android function android() { return /Android/i.test(navigator.userAgent) } i

2021-06-24, Views: 1330 , Topics: JavaScript

使用 Packer.js 压缩 HTML 和 JavaScript
关于 Packer.js Packer.js可以压缩HTML和JavaScript，开启变量混淆，也可以一定程度上混淆JavaScript代码。构造方法 sc

2021-06-12, Views: 20177 , Topics: JavaScript HTML

JavaScript onstorage 监听本地存储变更事件
onstorage 入参e有几个字段： e.key：设置的key e.oldValue：原先的值 e.newValue：新设置的值 window.onsto

2021-06-10, Views: 3951 , Topics: JavaScript

JavaScript 监听标签页切换
onvisibilitychange <!DOCTYPE html> <html> <head> <meta

2021-06-09, Views: 2261 , Topics: JavaScript

JavaScript onbeforeunload 监听页面关闭事件
方法一 window.onbeforeunload = function (e) { e = e || window.event; // 兼容

2021-06-08, Views: 4155 , Topics: JavaScript

JavaScript 空值合并操作符 ??
介绍空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为null或者undefined时，返回其右侧操作数，否则返回左侧操作数。与逻辑或操作符（||）不

2021-06-07, Views: 2479 , Topics: JavaScript

JavaScript 可选链操作符 ?.
介绍可选链操作符（?.），不必明确验证链中的每个引用是否有效。在引用为空（null或者undefined）的情况下不会引起错误，该表达式短路返回值是undef

2021-06-06, Views: 3581 , Topics: JavaScript

JavaScript Date 时间函数
获取毫秒时间戳方法一 new Date().getTime() 方法二 Number(new Date()) 方法三 Date.parse(new Date(

2021-06-05, Views: 2014 , Topics: JavaScript

JavaScript 闭包
含义函数可以使用函数之外定义的变量。普通闭包 var username = 'Tom'; function sayHi() { alert("He

2021-06-05, Views: 2033 , Topics: JavaScript

JavaScript 对象
创建对象方式一 var person = { firstName:"Bill", lastName:"Gates", age:62,

2021-06-03, Views: 2603 , Topics: JavaScript

不同标签页同步用户登录状态
场景用户A在标签页1中登录；打开标签页2，退出登录并登录用户B；切换回标签页1，此时从后端获取的数据都为用户B的信息；说明因为都是用户自己操作不同

2021-05-28, Views: 2659 , Topics: JavaScript localStorage Session

Java 中的 WebSocket
介绍握手阶段基于HTTP。握手成功后升级为TCP。 HTTP/1.1 101：表示使用HTTP的1.1版本且HTTP状态码为101。 Connection:

2021-04-20, Views: 3596 , Topics: Java JavaScript WebSocket

HTML 判断是否禁用了 JS
noscript 在<head></head>中使用自带<noscript></noscript>标签，可有浏览

2020-11-27, Views: 3048 , Topics: HTML JavaScript