程序员技术之旅

JavaScript 异步任务中的宏任务和微任务
任务同步任务（非耗时任务）异步任务（耗时任务）宏任务微任务宏任务 macrotask 异步Ajax请求 setTimeout、setInte

2022-09-14, Views: 1938 , Topics: JavaScript

JavaScript document 对象
属性 Cookie document.cookie 文档标题 document.title 文档编码 document.characterSet 完整请求路径

2022-07-07, Views: 2018 , Topics: JavaScript

JavaScript 展开语法（三个点 ...）
展开语法三个点...。合并数组注意：合并后的数组是新对象，不同的地址值。 var arr1 = [0, 1, 2]; var arr2 = [3, 4,

2022-07-06, Views: 2185 , Topics: JavaScript

JavaScript 判断字符串中是否含有 HTML 标签
正则表达式 function checkHtml(htmlStr) { var reg = /<[^>]+>/g; retu

2022-07-05, Views: 3571 , Topics: JavaScript HTML 正则表达式

JavaScript 判断字符串是否包含指定字符
ES6 之前 indexOf()，返回-1表示不包含该字符串。 var str = "Hello world"; var result = str.indexO

2022-07-04, Views: 1978 , Topics: JavaScript

JavaScript 获取顶层对象
说明顶层对象，在浏览器环境指的是window对象，在Node指的是global对象。在Web中，可以通过window、self或者frames取到全局对象，

2022-07-02, Views: 2281 , Topics: JavaScript

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

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

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

2021-09-10, Views: 6063 , 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: 8802 , Topics: JavaScript

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

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

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

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

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

2021-06-26, Views: 3001 , 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: 1852 , Topics: JavaScript localStorage

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

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

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

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

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

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

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

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

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

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

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

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

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

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