TypechoJoeTheme

一生亦木

标签搜索

最新文章

2021-01-06

js 优雅的打印网络请求

js 优雅的打印网络请求
在大多数开发中,我们都不可避免的需要发起网络请求,从请求api,到文件上传,有前端发起的请求越来越多,但是网络请求的内容查看,总是有些不方便。这个时候我结合jsconsole对象,在现有开发的网络请求函数中内嵌了一个打印网络请求信息的小方法,主要是把请求的参数,返回的结果等到进行了打印。为了优雅的打印,网络请求的信息,最外层我使用console.groupCollapsed() 折叠信息,只显示请求状态和接口核心关键词。console.groupCollapsed([标志] 接口名字 [接口请求状态]); console.groupEnd(); 随后就是内部的内容了,我在内部使用了console.table(),打印相对规整的请求信息,和返回信息。内部的table核心就是key和value,其他如果有必要显示可以打印,如果没有就不需要打印。let logData = [{ key: "action", value: ACTION, type: typeof ACTION }, { ...
2021年01月06日
6 阅读
0 评论
2021-01-05

前端相关的常用的小代码 复制粘贴工程师专用 面向百度编程

前端相关的常用的小代码 复制粘贴工程师专用 面向百度编程
去除字符串中的emoji表情/** * 去除 emoji 表情 * @param {String} string 待去除 emoji 表情的字符串 可以不包含 emoji * @return {[type]} 去除后的字符串 */ function removeEmoji(string){ return string.replace(/(u00a9|u00ae|[u2000-u3300]|ud83c[ud000-udfff]|ud83d[ud000-udfff]|ud83e[ud000-udfff])/g, ""); } 随机字符串/** * 随机字符串 * * @param {Number} e 生成字符串的位数 * * @return {String} 生成的字符串 */ function randomString(e) { e = e || 32; var t = "ABCDEFGHJKMNPQRSTWXYZabcdef...
2021年01月05日
6 阅读
0 评论
2020-12-23

JS JSON对象与JSON字符串相关

JS JSON对象与JSON字符串相关
JSON对象与JSON字符串效率怎样拼接json字符串更好?为什么字符串模板会更快怎样拼接json字符串更好?在一个项目中向后台传递参数的形式是将JSON拼接到URL中,我是后来看代码的,发现原开发者用的是直接把字符串拼接,如下:'{"memberid":"' + memberid + '","cardbag_number":"' + cardbag_number + '"}'; 但是我觉得这样十分不方便编码阅读,会严重拉低编码体验,于是想也用可以使用JSON.stringify()将对象转换为字符串,如下:JSON.stringify({ memberid: memberid, cardbag_number:cardbag_number }); 这样是极大的改善了编码体验,但是是不是会增加运行的时间,或者运行内存呢?于是我有了比较他们运行占用的想法。这次比较的是运行时间,运行内存会在后续比较。我首先编写了一段(如下)简单的测试代码,使用console.time()记录时间...
2020年12月23日
5 阅读
0 评论
2020-12-14

【VSCode插件】VS DocBlockr 便捷的生成 JS文档注释

【VSCode插件】VS DocBlockr 便捷的生成 JS文档注释
VS DocBlockr是有 atom 中的DocVlockr的VSCode 移植版。我最开始在html中试用发现不能在.HTML文件中使用,只能做.Js文件中使用(可能是我使用的方式有问题)。文档注释标准参考内容:JavaScript 开发规范(一): 命名与注释规范详解(2.4 函数(方法)注释)示例代码:/** * 测试方法 * * @param {String} params 默认参数 * @param {Boolean} admin 管理员参数 * * @return {Number} 0 * * @author onemue 2020-12-14 * @version 0.3 * * @example text("I am test function!"); */ function test(params, admin) { console.log(params); } test(); 示例图:
2020年12月14日
10 阅读
0 评论