haorooms-js专题

前言 几个月没有更新了，百度seo搜索引擎不知道是抽风了还是咋了。搜索关键词都找不到本博客了。本博客已经10年了，目前也在考虑其他创新形式，博客将作为一种形式存在。好了，废话少说，先说下今天要介绍的东

前言 本篇文章基于今天早上，掘金给我推送了一篇文章（不清楚为啥突然给我推送这个），是关于时间转换的。看到这篇文章阅读量蛮大，留言挺多，很多小伙伴收藏了，因为很久很久之前，我们项目中也有类似的实现，简单

前言 我之前分享过一篇文章 【音视频处理】纯js实现上传视频，截取关键帧作为封面，上传后端保存 ，这个文章可以获取视频第一帧作为封面图，但是视频第一帧有时候是黑的，怎么办呢？今天介绍一个获取视频任何一

前言 文字的宽高，不同字体渲染不一样，如何获取字体字号单个文字的实际占用的宽度呢？今天介绍两种方式。 方案一，dom宽度获取 用真实的dom做渲染，然后获取dom的宽度，计算得到最终的准确的字符像素长

前言 今天主要介绍一下web端颜色拾色器吸管工具的使用。ued需要在页面中用吸管吸取页面中的颜色，类似ps等工具里面的吸管工具，这个在web端网页中如何实现呢？ 假如需要吸取桌面上面的任何颜色，最好使

背景 在h5页面新开窗口，我们经常用window.open('haorooms.com','_blank'),但是这个方法在某些app内嵌h5中，或者某些浏览器中会阻止这个方法，那么有什么办法判断我们

前言 两个emoji表情可以拼接成一个emoji，这就给我们处理和截取字符串增加了难度，之前我有文章，截取emoji表情，具体可以看一下。 拼接规则如下： 具体可以看https://unicode.o

前言 正则表达式零宽断言，导致ios手机webview白屏问题，我也是头一次遇到，主要原因是一些零宽断言在iOS WebView中不被支持，编译报错直接引起手机白屏。解决办法主要是使用替代方案来支持。

前言 之前文章也有介绍给useState，包括手写一个useState，但是都没有介绍useState 异步回调获取不到最新值的问题，今天简单聊一聊。 setState 的两种传参方式 1、直接传入新

前言 简单介绍一下overscroll-behavior的一些应用场景。例如Mac 左右滚动误触返回，部分区域滚动到底部触发连锁反应等等。 overscroll-behavior overscroll

前言 本文记录一下字符串处理，知识简单，可供参考。主要是字符串截取的相关知识，假如一个中文算两个字符，一个英文或者数字算一个字符，那么如何做字符串截取呢？特别是针对名字过长的时候，需要展示点点点，那么

前言 之前文章关于文件下载介绍过很多，当然也有图片下载的，例如跨域图片下载JFIF格式解决方案及前端zip包下载，后端返回的是一张cdn的图片地址，我们如何下载？之前的文章介绍了下载方式及遇到的问题。

前言 今天主要讲讲JSONP的实现及内容安全策略CSP,JSONP跨域方案是很老的一种形式，我们用封装好的ajax基本都提供了这个功能，例如jquery的jsonp，请看之前文章：https://ww

前言 网站性能优化，对于图片的处理，使图片采用webp格式，可以大大降低图片size，提高网站性能具有重要意义。但是webp格式有兼容问题，一般是判断浏览器是否支持webp，才采用webp格式。其实，

前言 js复制文本到剪切板有很多方法，很多朋友会用开源库，其实纯js的方式实现也很简单。关于复制和剪切板，之前也写过很多文章，例如。 javascript execCommand,复文本框神器 记录一

前言 在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面

前言 有时候我们需要监听dom的变化，例如有时候图片未加载完就取 dom 的高度，这样会导致高度不正确，所以需要监听 dom 的高度变化。才能准确获取dom的高度，那么有哪些监听dom高度变化的方法呢

前言 本文主要是技术积累文章，主要记录收集几个js判断是否是html，及判断url正则及html转义方案。 js判断字符串是否是html 方案一： 方案二： 方案三： js判断字符串是否是url （仅

前言 之前文章有写关于加密的javascript用户密码加密,js密码加密，是很久之前写的了，有点过时。其实web支持前端加密了，喜大普奔，可以不用引入js进行前端加密。 Crypto对象 我们看下C

前言 上海最近疫情严重，大家珍重。我们还好，只不过处于封控范围之内，足不出户，在家办公。今天主要讲一下web components，其实web components 封闭组件应用还是蛮广泛的，例如H5