剪贴板 navigator.clipboard API 异步读写
by DeathGhost 发布
Web开发人员在实际工作中多少会遇到与用户剪贴板进行交互，以便实现用户体验需求。剪贴、复制、粘贴这几个操作也是计算机操作...
JavaScript - JavaScript行为效果交互
通过HTML内容信息结构布局及CSS排版定位视觉渲染之后，接下来就需要JavaScript脚本语言闪亮登场了。JavaScript属于客户端的脚本语言，与HTML页面进行动态交互；一定程度上它也是客户端与服务器端沟通的一座桥梁。随着事物的发展变化，如今ECMAScript则为其标准，如同HTML与HTML5、CSS与CSS3一般升级、统一及标准化变迁。同样，这也是web前端开发者应具备了解且熟练应用的脚本语言。
String.prototype.replaceAll 替换字符串新方法
by DeathGhost 发布
通常我们使用JavaScript处理字符串的时候会使用replace方法。String.prototype.replac...
MutationObserver监听DOM变更应用
by DeathGhost 发布
MutationObserver接口提供了实时检测DOM属性或节点变更时调用。犹如单页面应用中的数据双向绑定监听其数据变...
高阶函数替换JavaScript中的循环
by DeathGhost 发布
JavaScript新方法代替传统循环方法操作。本篇文章对比介绍实际场景方法运用。
初略Web API Notification 桌面通知
by DeathGhost 发布
HTML5 Web Notifications API 通知接口用于向用户配置和显示桌面通知弹窗。例如，Email邮件通...
视频画中画Web API粗略
by DeathGhost 发布
视频画中画，用户在浏览web页面信息时，可将视频弹出到一个悬浮可随意拖放的一个顶层小窗口，可继续阅读页面其他信息或进行其...
Object.entries() 与 Object.fromEntries() 方法应用
by DeathGhost 发布
Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，而Object.fromEntries(...
JavaScript flat 提取嵌套数组元素
by DeathGhost 发布
flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
通过 Web API Vibration 触发移动端物理振动
by DeathGhost 发布
大多数移动设备支持硬件振动，可通过代码向用户提供物理性反馈；Vibration API 则允许前端开发人员通过JavaS...
Intl.RelativeTimeFormat相对时间格式化
by DeathGhost 发布
该Intl.RelativeTimeFormat对象是一个构造函数，可以实现本地区域化相对时间格式。犹如Web端我们常见...
HTML5 音频或视频实现倍速播放
by DeathGhost 发布
我们可以通过playbackRate属性对web音频或视频进行速率控制，进而对部分用户提供辅助性选择体验。
JavaScript通过onscroll实现页面顶部进度条效果
by DeathGhost 发布
当我们获取页面内容高度、窗口可视高度及其可滚动高度值时，当页面的滚动条滚动时,我们可以通过该事件实现页面滚动进度条效果。
electron基础构建跨平台桌面应用 web端生成EXE文件
by DeathGhost 发布
通过HTML，CSS和JavaScript来构建跨平台桌面应用程序，Electron通过将Chromium和Node.j...
web端获取电池电量及充电状态信息
by DeathGhost 发布
web接口Battery Status API获取电池状态及充电状态，我们可以将其应用在移动web端，根据电池状态信息或...
借助ES6中export和import通过execCommand方法实现一个可插入emoji表情的简易消息窗口
by DeathGhost 发布
此文主要提及几个知识点，没有可研究价值，具体的方法可以查看相关文档；本文主要将emoji表情单独列于js文件export...
JavaScript对字符串进行Base64的编码与解码 以及中文乱码处理方法
by DeathGhost 发布
在实例部分情景中，犹如我们需要对密码进行Base64编码或解码，一般情况下，我们会直接引用网上base64.js文件对其...
html5前端上传图片预览删除小实例 js图片base64预览操作
by DeathGhost 发布
在项目操作中，时常会用到图片上传功能，例如：上传头像，上传封面照片或产品图片等。我们可以借助Web App中得FileR...
