程序员技术之旅

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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