HTML CSS JavaScript Angular

登录

✨ 手机号码在线选号 👩‍❤️‍💋‍👨 情侣号 👪 亲情号？ 🎂 生日？ ✨

JavaScript

JavaScript行为效果交互

JavaScript - JavaScript行为效果交互

通过HTML内容信息结构布局及CSS排版定位视觉渲染之后，接下来就需要JavaScript脚本语言闪亮登场了。JavaScript属于客户端的脚本语言，与HTML页面进行动态交互；一定程度上它也是客户端与服务器端沟通的一座桥梁。随着事物的发展变化，如今ECMAScript则为其标准，如同HTML与HTML5、CSS与CSS3一般升级、统一及标准化变迁。同样，这也是web前端开发者应具备了解且熟练应用的脚本语言。

Intl.NumberFormat数字格式化应用 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Intl.NumberFormat数字格式化应用

7月前 by 发布于 javascript

Web前端开发过程中常会对后端传递过来的数值类型的对象进行格式化处理，以便用户更好的阅读。例如：数据统计里的数值、货币、...

Intl.ListFormat对象根据语言环境进行列表格式化 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Intl.ListFormat对象根据语言环境进行列表格式化

7月前 by 发布于 javascript

Intl 对象是 ECMAScript 国际化 API 的一个命名空间，它提供了精确的字符串对比、数字格式化，和日期时间...

剪贴板 navigator.clipboard API 异步读写 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

剪贴板 navigator.clipboard API 异步读写

9月前 by 发布于 javascript

Web开发人员在实际工作中多少会遇到与用户剪贴板进行交互，以便实现用户体验需求。剪贴、复制、粘贴这几个操作也是计算机操作...

String.prototype.replaceAll 替换字符串新方法 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

String.prototype.replaceAll 替换字符串新方法

1年前 by 发布于 javascript

通常我们使用JavaScript处理字符串的时候会使用replace方法。String.prototype.replac...

MutationObserver监听DOM变更应用 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

MutationObserver监听DOM变更应用

1年前 by 发布于 javascript

MutationObserver接口提供了实时检测DOM属性或节点变更时调用。犹如单页面应用中的数据双向绑定监听其数据变...

高阶函数替换JavaScript中的循环 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

高阶函数替换JavaScript中的循环

1年前 by 发布于 javascript

JavaScript新方法代替传统循环方法操作。本篇文章对比介绍实际场景方法运用。

初略Web API Notification 桌面通知 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

初略Web API Notification 桌面通知

1年前 by 发布于 javascript

HTML5 Web Notifications API 通知接口用于向用户配置和显示桌面通知弹窗。例如，Email邮件通...

视频画中画Web API粗略 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

视频画中画Web API粗略

1年前 by 发布于 javascript

视频画中画，用户在浏览web页面信息时，可将视频弹出到一个悬浮可随意拖放的一个顶层小窗口，可继续阅读页面其他信息或进行其...

Object.entries() 与 Object.fromEntries() 方法应用 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Object.entries() 与 Object.fromEntries() 方法应用

2年前 by 发布于 javascript

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，而Object.fromEntries(...

JavaScript flat 提取嵌套数组元素 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

JavaScript flat 提取嵌套数组元素

2年前 by 发布于 javascript

flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。

通过 Web API Vibration 触发移动端物理振动 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

通过 Web API Vibration 触发移动端物理振动

2年前 by 发布于 javascript

大多数移动设备支持硬件振动，可通过代码向用户提供物理性反馈；Vibration API 则允许前端开发人员通过JavaS...

Intl.RelativeTimeFormat相对时间格式化 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

Intl.RelativeTimeFormat相对时间格式化

2年前 by 发布于 javascript

该Intl.RelativeTimeFormat对象是一个构造函数，可以实现本地区域化相对时间格式。犹如Web端我们常见...

HTML5 音频或视频实现倍速播放 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

HTML5 音频或视频实现倍速播放

2年前 by 发布于 javascript

我们可以通过playbackRate属性对web音频或视频进行速率控制，进而对部分用户提供辅助性选择体验。

JavaScript通过onscroll实现页面顶部进度条效果 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

JavaScript通过onscroll实现页面顶部进度条效果

2年前 by 发布于 javascript

当我们获取页面内容高度、窗口可视高度及其可滚动高度值时，当页面的滚动条滚动时,我们可以通过该事件实现页面滚动进度条效果。

electron基础构建跨平台桌面应用 web端生成EXE文件 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

electron基础构建跨平台桌面应用 web端生成EXE文件

2年前 by 发布于 javascript

通过HTML，CSS和JavaScript来构建跨平台桌面应用程序，Electron通过将Chromium和Node.j...

web端获取电池电量及充电状态信息 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

web端获取电池电量及充电状态信息

2年前 by 发布于 javascript

web接口Battery Status API获取电池状态及充电状态，我们可以将其应用在移动web端，根据电池状态信息或...

借助ES6中export和import通过execCommand方法实现一个可插入emoji表情的简易消息窗口 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

借助ES6中export和import通过execCommand方法实现一个可插入emoji表情的简易消息窗口

3年前 by 发布于 javascript

此文主要提及几个知识点，没有可研究价值，具体的方法可以查看相关文档；本文主要将emoji表情单独列于js文件export...

JavaScript对字符串进行Base64的编码与解码以及中文乱码处理方法 - 来源：孙志锋的个人网站（个人博客）- deathghost.cn

JavaScript对字符串进行Base64的编码与解码以及中文乱码处理方法

3年前 by 发布于 javascript

在实例部分情景中，犹如我们需要对密码进行Base64编码或解码，一般情况下，我们会直接引用网上base64.js文件对其...

html5前端上传图片预览删除小实例 js图片base64预览操作

3年前 by 发布于 javascript

在项目操作中，时常会用到图片上传功能，例如：上传头像，上传封面照片或产品图片等。我们可以借助Web App中得FileR...