首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

盘点原生JS中目前最没用的几个功能API

在JavaScript的漫长发展历程中,许多功能与API曾经风光无限,为开发者提供了极大的便利。...今天,我们就来一起探讨几个原生JavaScript中那些“不再那么有用”的功能与API。with 语句with 语句曾被视为一种便捷的方式来扩展对象的作用域链,让开发者能够更轻松地访问对象的属性。...因此,现代JavaScript开发中,我们更推荐使用明确的变量和属性访问方式,以保持代码的清晰和高效。...无用的原因:功能被取代:在ES6中,引入了剩余参数(...rest)语法,可以更简洁和直观地访问函数的所有参数。因此,arguments 对象在ES6+中变得不再必要。...在JavaScript的发展历程中,一些曾经备受瞩目的功能与API逐渐变得不再那么有用,甚至被更现代、更高效的替代方案所取代。

7310
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js 数组常用API

    blue”];var color2 = [“yellow”,”black”,”brown”];var color3 = color.concat(color2); // concat 是将参数传递进来的数组内容...拼接到调用者后面,不修改原数组var color4 = color.toString();// 数组转换成以逗号相连的字符串var color5 = color.join(‘+’);// 将数据转换成以参数相连的字符串...blueconsole.log(color5); // red+green+blueconsole.log(color7); // [“red,green”, “blue”]// slice() copy 原数组的一块...,从开始参数的开始位置,到参数的结束位置, 不包括结束位置, 不改变原数组var arr = [{“name”: “aa”}, {“age”: 12}];console.log(arr.slice(1,...2)); // [{“age”: 12}]console.log(arr); // [{“name”: “aa”}, {“age”: 12}]// splice() 截取原数组的一段返回新数组, 修改原数组

    2.5K40

    精读《Excel JS API》

    我们来学习一下 Excel js API 开放是如何设计的,从中学习到一些开放 API 设计经验。...一句话概括就是,在 JS API 内可以使用 formula,即 JS API 是公式能力的超集,它包含了对 Excel 工作簿的增删改查、数据的限制、RangeAreas 操作、图表、透视表,甚至可以自定义...JS API 可以用在哪些地方 从 Excel 流程中最开始的工作薄、工作表环节,到最细节的单元格数据校验都可通过 JS API 支持,目前看来 Excel JS API 并没有设置能力边界,而且还会不断完善...所以 Excel JS API 是命令式的,也不会做类似 MVVM 的双向绑定,所以在操作过程中数据和 Excel 状态不会发生变化,直到执行 context.sync()。...总结 微软还在 Office 套件 Excel、Outlook、Word 中推出了 ScriptLab 功能,就可以在 Excel 的 ScriptLab 里编写 Excel JS API。

    2.9K20

    【译】如何在 Node.js 中创建安全的 GraphQL API

    原文地址:How to Create a Secure Node.js GraphQL API 作者:Marcos 本文的目的是提供一份快速指南 -- 《如何快速在如何在 Node.js 中创建安全的...将我们的构建方式和基于 REST 的 API 进行比较非常有用,类似另外一篇文章那样:Creating a Secure REST API in Node.js....这篇文章还展示了如何使用 Node.js 和 Express 来开发 REST API 框架,你可以在这两种方法中找出一些差异。...在源文件中,你可以使用 TypeScript 来修改所有的内容。 Let’s Code! 首先,确保你的 Node.js 版本是最新的。撰写本文时,Node.js 当前的版本为 10.15.3。...请注意,本文中所提到所有标准和建议都不会是一成不变的。 这只是许多构建 GraphQL API 方法中的一种。

    2.5K20

    【JS】1705- 重学 JavaScript API - Fullscreen API

    它可以在特定场景中增强网页的功能性,例如: 视频播放器:在观看视频时,通过将视频元素全屏显示,可以提供更沉浸式的观影体验。 游戏应用:在游戏应用中,全屏模式可以消除干扰,使玩家能够专注于游戏内容。...实际应用 Fullscreen API 可以应用于各种不同的场景中。下面是一些实际应用的示例: 视频播放器:通过 Fullscreen API,可以将视频元素切换到全屏模式,提供更好的观影体验。...游戏应用:在游戏应用中,全屏模式可以消除干扰,提供更好的游戏体验。 演示文稿:通过 Fullscreen API,可以将演示文稿全屏显示,确保观众集中注意力,展示出更好的视觉效果。...图片浏览器:在浏览图片时,将图片全屏显示可以提供更大的展示区域,使用户能够更好地欣赏图片细节。 除此之外,Fullscreen API 还可以应用于各种需要全屏显示的场景中。...screenfull.js[3]:6.8k⭐,一个小巧的 Fullscreen API 库,支持多种浏览器和设备。

    35340

    【JS】1680- 重学 JavaScript API - Beacon API

    什么是 Beacon API 1.1 概念介绍 Beacon API 是 HTML5 提供的一种新的浏览器 API,可以用于在浏览器后台异步地发送数据,而不影响当前页面的加载和性能。...; } export default App; 在上面的示例中,我们在组件的 useEffect 钩子中注册了一个 click 事件监听器,并在事件处理函数中使用 Beacon API...但是在一些低版本浏览器中可能存在兼容性问题,需要进行兼容性处理。 详细兼容性情况可以在 Can I Use 网站上查看。...Beacon API 的使用建议和注意事项 5.1 Beacon API 的使用建议 在使用 Beacon API 时,需要注意以下几点: 数据的大小应该尽量小,以便快速进行发送。...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive

    29850

    【JS】1691- 重学 JavaScript API - Performance API

    3.2 资源加载性能分析 对于网页中的关键资源,我们通常需要关注它们的加载时间,以便进行性能优化。通过 Performance API,我们可以监测和分析关键资源的加载性能。...3.3 用户交互延迟监测 用户体验是网页开发中至关重要的因素之一。Performance API 可以帮助我们监测用户与网页的交互延迟,以便进行优化。...在一些旧版本的浏览器中可能不被支持,「需要进行兼容性处理或使用替代方案」。 部分指标的精确性可能受到浏览器实现和设备性能的限制,需要进行综合考虑和验证。...Perfume.js[3]:2.8K⭐ 一个小巧而强大的性能度量库,可用于监测页面加载时间、关键资源加载时间和用户交互延迟。...PerformanceNow.js[4]:100⭐ 一个小巧的性能计时库,基于 Performance API 的高分辨率时间戳,提供更准确的性能测量功能。

    55850

    【JS】1688- 重学 JavaScript API - Fetch API

    Fetch API 的实际应用 Fetch API 在实际应用中具有广泛的用途。下面是一些常见的实际应用场景: 3.1 数据获取和展示 通过 Fetch API 可以从服务器获取数据并在页面上展示。...以上仅是 Fetch API 的一些常见应用场景,实际上,它在前端开发中的应用非常广泛,涵盖了各种数据交互和网络请求的需求。 4....isomorphic-fetch[8]: 7k⭐, 提供 Fetch API 兼容性支持的库,适用于浏览器和 Node.js 等环境。 5....通过了解 Fetch API 的概念、使用方法和实际应用场景,你可以在前端开发中更加灵活地处理数据交互、异步数据加载和与服务器的通信。 7....# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive

    39730

    【JS】1686- 重学 JavaScript API - Clipboard API

    在网页中实现复制分享链接的功能。 2. 如何使用 Clipboard API Clipboard API 包括两个主要的接口:Clipboard 和 DataTransfer。...4.2 Clipboard API 的优缺点 Clipboard API 的优点包括: 支持在浏览器中操作剪贴板,方便实现复制、剪切和粘贴等功能。 支持将各种类型的数据(文本、图片等)复制到剪贴板。...支持从剪贴板中读取各种类型的数据。 Clipboard API 的缺点包括: 兼容性问题可能会导致一些用户无法使用相关功能。 操作剪贴板需要获取用户的授权,可能会对用户造成不必要的干扰。...我们也可以使用一些第三方库,快速实现需求: clipboard.js[3]: 33.1K⭐,一个简单的 JavaScript 库,用于操作剪贴板。...search=Clipboard [3] 「clipboard.js」: https://github.com/zenorocha/clipboard.js/ [4] 「clipboard-polyfill

    55050

    【JS】1699- 重学 JavaScript API - WebSockets API

    如何使用 WebSockets API WebSockets API 的使用相对简单,只需要几个基本步骤: 「建立 WebSocket 连接」 在客户端代码中,使用 JavaScript 创建一个 WebSocket...ws[3] 19.8K⭐ 一个简单易用的 WebSocket 客户端和服务器库,适用于 Node.js。它提供了基本的 WebSocket 功能,并支持自定义扩展。...「处理连接中断」 在客户端代码中,需要处理连接中断和错误的情况,例如网络故障或服务器断开连接。可以通过监听 onclose 和 onerror 事件来捕获这些情况。...WebSockets API 的广泛支持和强大功能使其成为现代 Web 开发中不可或缺的一部分。通过合理的使用和注意事项,我们可以充分利用 WebSockets 实现更好的用户体验和功能。 7....# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive

    22640

    js中settimeout()的用法详解_js中setattribute

    大家好,又见面了,我是你们的朋友全栈君。 setTimeout与setTimeInterval均为window的函数,使用中顶层window一般都会省去,这两个函数经常稍不留神就使用错了。...setTimeout内的函数先不执行,隔一段时间后再执行,函数后面的数字是隔的时间,单位是毫秒(千分之一秒) 比如: setTimeout(‘alert(“hello world!”)’..., 400); setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式,直到clearInterval()被调用或窗口被关闭。 比如: Stop interval setInterval动作的作用是在播放动画的时...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    15K20

    js免费调用天气API

    js调用天气API 文档参考链接: 天气API文档 1、首先登陆 天气API进行用户注册 点击右上角进行注册、登录 2、打开API文档如下图 其中appid和appsecret则在天气API...控制器中查看 其中appid和version和appsecret3者为必填选项,例如https://www.tianqiapi.com/api?...city、ip则代表三种查询方式(三选一)(城市id,不要带CN(参考城市id参考表),城市名(string类型且不带市,例如“西安”),ip),这三种参数可填可不填,不填则默认当前所在地址 3、写法 我用的是...uni-app的写法,其实都差不多啦 uni.request({ url: "https://www.tianqiapi.com/api?...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    2.5K10

    js中find的用法_js中find函数

    今天我们要说的是结合ES6新特性谈一下js里面的一个很好用的方法-find() 现在的前端和过去的不一样,过去的前端只要会画页面就行了,但是现在仅仅会画页面已经远远不够了,现在前端还需要会处理数据,而且还要会将数据分析分类处理...下面我们讲怎么用前端处理这块的逻辑 首先我们拿到了所有的数据这里我直接放到一个测试用的js里面存放, 要实现之前说的效果,就需要使用我们今天的主角find()方法。 find()是用来做什么的呢?...find()方法返回数组中符合测试函数条件的第一个元素。否则返回undefined 在本文章需要注意的几个点: ①、第一个元素 ②、测试函数 那么如何使用呢?.../find_testcodes.js" type="text/javascript" charset="utf-8"> js/jquery-1.11.2....min.js" type="text/javascript" charset="utf-8">

    11.7K30
    领券