fetch API 实现 GET 和 POST 请求 Fetch API 是 XMLHttpRequest 实现功能的一个更理想的替代方案,它提供了一个 JavaScript 接口,用于异步的执行 http 请求。 在常规的简单接口调试中,使用 Fetch API 可以在浏览器控制台快速的发起一个接口请求,并查看其返回结果。下面是相关实现的示例(备份:用于快速查找使用)。 Fetch API 执行 Get 请求示例: await fetch(url, 前端开发 任侠 2022-09-15 1778 热度 1评论
从 tsconfig 参数 importHelpers 谈 ECMAScript 高级语法编译与辅助函数的处理方案 1 TypepScript 语法编译与辅助函数简介 使用 TypepScript 内置的 tsc 工具,可以将 ts 源文件转译为标准的 JavaScript 代码文件。配置文件 tsconfig.json 可用于配置 tsc 编译的具体方案。 tsc 的编译参数 target 可指定输出结果的语言标准版本,所以实际上它也可以用作为 ECMAScript 高版本源码转译为低版本的工具。 在语法转译 前端开发 任侠 2022-08-10 1265 热度 0评论
CJS 代码中引入 ESM 模块异常:Error [ERR_REQUIRE_ESM]: require() of ES Module 问题描述:CommonJS 代码中引入 ESM 模块异常 在使用 TypeScript 开发的 Node.js Cli 工具项目中,tsconfig.json 中设置的输出结果为 CommonJS。 当引入如 chalk、boxen 等外部依赖时,由于这些包的最新版本都是纯 ES Module 的包,会导致类似如下的报错而不可用: Error : require( 前端开发 任侠 2022-07-08 2714 热度 1评论
JavaScript 中的异步编程方式与实践 1. 为什么要异步编程 JavaScript 是一种单线程运行的的编程语言,同一时刻只能执行一个任务。为了处理不同的任务调度逻辑,异步编程在 JavaScript 编程开发中是无法避免的。 在以下列举的场景中,均必然涉及异步编程方法: IO 操作:外部设备访问 文件存取 TCP / UDP 网络访问 异步 API setTimeout / setInterval setImmediate proc 前端开发 任侠 2022-03-24 1307 热度 0评论
React 16 中的错误边界(Error Boundaries)与全局错误处理 自 React 16 起,任何未被错误边界捕获的错误将会导致整个 React 组件树被卸载。 对于开发已久且 Code Review 不是那么严格的庞大项目来说,在升级到 React 16 以后,可能会发现以前只偶尔在局部出现影响不大而未获得足够关注的异常,现在会时常导致整个应用垮掉。 React 16 引入了错误边界(Error Boundaries)来解决这种情况。 1 错误边界(Error 前端开发 任侠 2020-06-01 2879 热度 0评论
确保前端 JavaScript 浮点数精度的四则运算方法 1 浮点数运算与 IEEE 754 标准 在 JavaScript 中,执行 0.1+0.2,得到的结果却是 0.30000000000000004。这就不得不提到 IEEE 754 标准。 IEEE二进制浮点数算术标准(IEEE 754)定义了表示浮点数的格式(包括负零-0)与反常值(denormal number)、一些特殊数值(无穷(Inf)与非数值(NaN))、以及这些数值的“浮点数运算符 前端开发 任侠 2019-12-31 3325 热度 1评论
ES2016、ES2017、ES2018、ES2019、ES2020、ES2021、ES2022、ES2023 新特性概览 ES2016(ES7) Array.prototype.includes 指数运算符 ** ES2017(ES8) \'\'.padStart 和 \'\'.padEnd Object.values Object.entries Object.getOwnPropertyDescriptors() 函数参数列表和调用中的尾随逗号 Async Functions 异步函数 Async/Await 共享内存 前端开发 任侠 2019-03-25 9368 热度 3评论
前端 javascript 实现文件下载 在 html5 中,a 标签新增了 download 属性,包含该属性的链接被点击时,浏览器会以下载文件方式下载 href 属性上的链接。示例: <a href=\"https://www.baidu.com\" download=\"baidu.html\">下载</a> 1. 前端 js 下载实现与示例 通过 javascript 动态创建一个包含 download 属性的 a 前端开发 任侠 2017-04-27 28080 热度 5评论
javascript 代码校验器 eslint: 在 sublime text 编辑器中安装和配置 eslint 当你在使用 ES6+ 书写前端代码的时,eslint 是必备的代码校验器。 下面为你介绍在 sublime text 3 编辑器中配置 eslint 的方法步骤。 1. 安装 eslint 打开 cmd 命令提示符,使用 node 进行全局安装 eslint npm i eslint -g --registry=http://registry.npm.taobao.org/ --disturl=h 前端开发 任侠 2016-01-08 8800 热度 0评论
Firefox 下对包含时分秒日期的 Date 格式化兼容方案 对于格式为 \'2015-09-14 09:30:16\' 的日期字符串,在谷歌等浏览器下可以直接使用 new Date 进行格式化: new Date(\'2015-09-14 09:30:16\'); //Mon Sep 14 2015 09:30:16 GMT+0800 (中国标准时间) 但在 firefox 上却会输出 “Invalid Date”。不兼容现象由此产生。 Date 对象将字符串转为 前端开发 任侠 2015-09-14 8837 热度 1评论