首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
JS/TS
lio_zero
创建于2021-05-12
订阅专栏
分享 JS/TS 的简单提示和技巧
等 5 人订阅
共76篇文章
创建于2021-05-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
使用 toBlob 下载 Canvas API 生成的图像
我们以一个 SVG 转为 Canvas 为例,使用 toBlob 方法下载 Canvas API 生成的图像。 内联 SVG 到画布 首先,您需要使用 DOM 方法来选择您的内联 SVG 元素。 假设
获取数组中的最大值和最小值
本文将介绍几种常见的获取数组中的最大值和最小值的方式。 For 循环 一般关于实现数组的某种操作,可能最先想到的就是 for 循环吧!下面是它的实现。 Math.min()/max() 内置函数 Ma
使用 Prettier 格式化代码
Prettier 是一个固执己见的代码格式化程序。 它支持许多开箱即用的不同语法,包括: HTML CSS、SCSS 和 Less JavaScript Flow 和 TypeScript Vue J
Picture in Picture — 画中画
Picture-in-picture (画中画)功能允许用户在一个小的叠加窗口中弹出网页中播放的视频,用于在浮动窗口上显示内容。它允许用户在与背景页面和其他网站交互时继续查看内容。 Picture i
使用 JSDoc 提高代码的可读性
JSDoc 是许多代码库中使用的一种流行的内联文档方法。 编写 JSDoc 是为了增强代码的可读性,以及方便导出 API 文档。 为什么要使用 JSDoc? JSDoc 是 DocBlock 的 Ja
使用 Day.js 模块实现国际化日期
day.js 是 Moment.js 的 2kB 轻量化方案,拥有同样强大的 API。 本文将简单介绍一下它如何使用。 安装 NPM: CDN: 你也可以在 day.js 官网的控制台测试该库。 基本
TypeScript interface 与 type 的区别
使用 interface 和 type 声明是表示给定数据结构的常用方法。 区别 TypeScript 中类型别名和接口之间的区别在过去更为明显,但随着 TypeScript 的最新版本,它们变得越来
在 TypeScript 中使用 unknown 而不是 any
有时,我们会遇到事先不知道类型的情况,即可能是任何类型。在 TS v3 之前,我们会使用 any 类型来表示这些类型。但这需要进行一些权衡,比如失去 TypeScript 提供的任何类型安全性。 例如
JavaScript 严格模式('use-strict')
严格模式('use strict')是 ES5 中的一个新特性,它允许您将程序或函数置于“严格”操作上下文中。这种严格的上下文阻止执行某些操作,并引发更多异常。 您可以对整个文件应用“严格模式”。或者
JavaScript 高阶函数
高阶函数(Higher-order function)是将函数作为参数或将函数作为结果返回的函数。 之所以可以使用 JavaScript 编写高阶函数,是因为函数是值,这意味着它们可以分配给变量并作为
Cache API
Cache API 是 Service Worker 规范的一部分,是一种增强资源缓存能力的好方法。 它允许您缓存 URL 可寻址资源,这意味着资源、网页、HTTP API 响应。 它并不意味着缓存单
使用 JavaScript 将文本和 HTML 注入元素的四种不同方法
本文将介绍四个用于获取和设置 DOM 元素中的文本和 HTML的属性。 Element.innerHTML 属性 您可以使用 Element.innerHTML 属性来获取和设置元素内的 HTML 内
Web Vibration API
如上所述,您可以使用 Vibration API 控制设备的振动能力。 根据 Can I Use,绝大部分主流浏览器都支持 Vibration API: 对于以下的例子,你可以用手机查看 👉 Vibr
Webpack 减少构建时间
除此之外,我们可以通过一些配置来提升 webpack 的构建速度。webpack 的 Build Performance 章节提供了一些提高构建/编译性能的方法。本文将根据 webpack 提供的优化
JavaScript 纯函数
你可能听过一个术语叫纯函数(Pure Function),它是一个非常重要的概念,我们下面将来介绍它。 两项标准 纯函数必须满足两个条件: 对于相同输入具有相同的输出 无副作用 相同输入的相同输入 我
JavaScript 中循环之间的差异
在 JavaScript 中使用循环时,需要正确定义两个关键内容:可枚举属性(enumerable properties)和可迭代对象(iterable objects)。 可枚举的属性 可枚举对象的
Fetch API
自 1998 年发布 IE5 以来,我们可以选择使用 XMLHttpRequest(XHR)在浏览器中进行异步网络调用。 几年后,GMail 和其他应用大量使用它,并使这种方法如此流行,以至于它不得不
Channel Messaging API
给定在同一文档中但在不同上下文中运行的两个脚本,Channel Messaging API 允许它们通过通道传递消息进行通信。 Channel Messaging API 支持情况: 基本用法 调用
使用 URLSearchParams 在 JavaScript 中获取查询字符串值
HTTP 协议允许使用查询字符串向网页发出请求。 像这样: 在这种情况下,我们有一个名为 name 的查询参数, 其值为 O.O。 您可以有多个参数,如下所示: 为了使用 JavaScript 访问浏
图片懒加载
懒加载,通常是延迟加载初始视口外的图像,直到我们滚动页面,达到图像与底部视口的交汇处才开始加载图像。 我们需要做的是判断图片是否出现在当前视口,然后控制图片的加载。 有几种实现方式: scroll 和
下一页