前端
文章平均质量分 54
七宝文
这个作者很懒,什么都没留下…
展开
-
关于前端页面(web)自适应方案的思考
一次对前端页面自适应需求的思考原创 2024-04-02 18:20:00 · 715 阅读 · 0 评论 -
探秘前后端编程世界:七宝文与你一起走向未知街区,解开你心中迷雾
前端:你需要根据需求还有ui写出满足需求的前端页面(包括一切前端交互,界面可能会需要精确到1px),以及与后端提供的接口对接.后端:通常需要掌握至少一门服务器端编程语言,对服务器进行管理、数据库维护、可以写出提供给前端调用的API 开发等.全栈开发:前端后端会的你都要会.....原创 2023-10-07 15:14:03 · 75 阅读 · 0 评论 -
indexedDB 导出文件到其他电脑导入
indexDB 导出文件到其他电脑导入原创 2023-07-20 14:19:31 · 1044 阅读 · 1 评论 -
Apipost协作功能使用场景详解
Apipost是一款基于协作,更懂中国程序员的接口调试工具。它不仅包含接口调试、自动生成API文档、Mock服务、流程测试等功能,还可以做到真正意义上的实时协作,最大程度缩短沟通交流上的时间成本,也减少了因数据层层传递产生的丢失风险。......原创 2022-07-12 16:17:18 · 411 阅读 · 1 评论 -
堪称“卷王神器”的Apipost亮点盘点
我们平时在做接⼝测试的时候,对于⼀些常⽤的接⼝测试⼯具的使⽤应该都⾮常熟悉了:接⼝⽂档:Swagger、Yapi接⼝测试:Postman、PostwomanMock:EasyMock、Mockito、mock.js性能测试:Jmeter、Locust……做接⼝测试,需要在电脑上安装那么多软件,你会不会感到很蛋疼?⽼⼦就是不想装那么多软件,有没有⼀款接⼝测试软件,能够把以上所有的功能都集成到⼀块?给⼤家推荐⼀款丧心病狂的API调试⼯具:Apipost。如果你不了解它,你都不知道它的内涵有多深原创 2022-06-07 12:27:57 · 409 阅读 · 0 评论 -
2分钟玩转中文接口测试工具-ApiPost
2分钟玩转APIPOST本文通过简单介绍如何利用ApiPost调试接口和快速的生成接口文档,让您初步体验ApiPost的魅力!1. API写完想要测试?试试模拟发送一次请求新建接口,我想模拟发送请求如下curl --location --request POST 'https://echo.apipost.cn/get.php?c=Course&id=1000' \--header 'User-Agent: Apipost client Runtime/+https://www.apip.原创 2021-08-10 16:07:28 · 2382 阅读 · 3 评论 -
Node-got请求发送不了formData数据的坑
今天使用node got模块遇到了content-type=form-data 发送不了数据到后端的问题,看看我原来的代码。var gotSend = require('got').var FormData = require('form-data'); try { let form = new FormData(); form.append('my_file', fs.createReadStream('/foo/bar.jpg')); form.append('原创 2021-04-26 15:56:51 · 780 阅读 · 0 评论 -
Got(node.js)请求 初探深浅
经常用node的小伙伴肯定经常需要用到http库。在介绍got前,给大家看看got官方做的对比图。应该会看到自己熟悉的http库。可以看到got对很多方面都是支持的,技术迭代也都比较新。顺带提一下我之前用的是request。(但已经不更新了)。简单的请求我就不介绍了,大家可以自己去https://github.com/sindresorhus/got看看。给大家看看copy即可满足大部分需求的模板。 var gotSend = require('got') //使用import也可以 import原创 2021-04-23 19:17:53 · 8468 阅读 · 1 评论 -
js websocket自动重连机制(心跳后续)
window.webSocket = {};var heartCheck = { lockReconnect: false, //避免ws重复连接 maxReconnectionDelay: 30 * AP.MINUTE, //最大重连时间 minReconnectionDelay: 10 * AP.SECOND, //最小重连时间 reconnectionDelayGrowFactor: 1.5, //自动重连失败后重连时间倍数增长 connectionTimeo原创 2021-04-22 10:40:39 · 3537 阅读 · 0 评论 -
js 判断字符串内容为数组或对象
类似“{name:‘小猪’}”,"[1,2,3]"这种字符串里面是对象格式或者数组如何判断呢。下面是数组的例子。//需要判断的字符串let stringData="[1,2,3]"; try {//为对象和数组的时候stringData为对象或者数组。无法转换时会走catch,但是不影响stringData原来的数据。 stringData = JSON.parse(stringData)return true; } catch (error) {return false;原创 2021-04-19 10:58:54 · 2013 阅读 · 0 评论 -
js 正则表达式中一个\和二个的区别
js 正则表达式中有时候需要用\来转义,有时候需要用\来转义,那么什么时候该用\什么时候该用\呢。Code up:let regExp1 = new RegExp("^\\[");let regExp2=/^\[/;regExp1 .test("[123") //trueregExp2 .test("[123") //true那么问题来了。为什么regExp1和regExp2一个用了\一个用了\都能验证开头符号为[的字符串呢?我们改下代码看看结果。//相比原创 2021-04-19 10:57:47 · 400 阅读 · 0 评论 -
使用art-template循环进行html代码拼接
我这边需要做的是把上次生成的html代码插入到下一次模板渲染中,那么要实现这个需求,我用的是模板的拓展方法(过滤器)template.defaults.imports.+(方法名/变量名) =变量值/方法那么具体如何实现呢 接下来 Code up://上一次产生的html代码template.defaults.imports.lastHtml = "";arrayList=[{name:"爸爸"},{name:"儿子"},{name:"孙子"}]; arrayList.forEach(it原创 2021-04-19 10:55:44 · 192 阅读 · 0 评论 -
jQuery为什么要弃用type()方法,以及用什么替代?
这是官方弃用type的通知 https://api.jquery.com/jQuery.type/但没有说为什么弃用这个方法,而且也没有明确开发者可以替代的方法,那么问题来了,你用就这横线你能受得了?不用的话就自己封装一个方法,那和jQuery封装的type方法有啥区别,下面是我自己封装的方法var class2type = {};// 利用replace减少使用for循环,同时可以简化代码'Boolean Number String Function Undefined Null Arr原创 2021-04-19 10:54:16 · 277 阅读 · 0 评论 -
浅谈indexedDB/indexedDB数据实际储存的位置
这里写了一个简单的数据库插入的测试。<body> <button onclick="dbTest()">db测试</button></body><script> var db; var dbVersion = 1; // 全局的indexedDB数据库实例。 // 2\. 通过IDBFactory接口的open方法打开一个indexedDB的数据库实例 // 第一个参数: 数据库的名字,第二个参数:原创 2021-04-19 10:52:41 · 5276 阅读 · 0 评论 -
localforage indexedDB如何使用索引
简单介绍下localForage。localForage 是一个 JavaScript 库,通过简单类似 localStorage API 的异步存储来改进你的 Web 应用程序的离线体验。它能存储多种类型的数据,而不仅仅是字符串。 内部有一个优雅降级策略。默认情况下,localForage 按照以下顺序选择数据仓库的后端驱动:IndexedDBWebSQLlocalStorage扯远了。那么言归正传。localForage这个库可以说功能很强大也很齐全了。但是对于indexedDB这个数据仓库。原创 2021-04-19 10:49:43 · 390 阅读 · 0 评论 -
node fs读写文件(Promise封装)
//写文件apiPost.writeFile = function (src, fileName, data) { return new Promise((resolve, reject) => { try { //判断路径文件夹是否存在 fs.accessSync(src); } catch (err) { try { //不存在创建文件夹原创 2021-04-19 10:43:15 · 558 阅读 · 0 评论 -
node path.resolve()和path.join()
一:path.resolve作用:把一个路径或路径片段的序列解析为一个绝对路径。相当于执行cd操作。let myPath = path.resolve(__dirname,'/img/so');let myPath1=path.resolve('/foo/bar', './baz'); console.log(__dirname); // E:\test console.log(myPath); // E:\test\img\soconsole.log(m原创 2021-04-19 10:42:09 · 190 阅读 · 0 评论 -
js websocket心跳
var heartCheck = { pongTime: 30 * AP.SECOND, //30秒接收心跳 pingTime: (30 * AP.SECOND / 10) * 8, timeoutObj: null, serverTimeoutObj: null, reset: function () { // clearTimeout(this.timeoutObj); clearTimeout(this.serverTimeout原创 2021-04-19 10:38:58 · 2546 阅读 · 0 评论 -
eventBus实现原理,你知道什么是类就懂
eventBus是组件消息传递的一种方式,基于一个消息中心,订阅和发布消息的模式,称为发布订阅者模式。1为消息中心,2为订阅消息,3为发布消息。show code1.Event.js 封装代码class Event{ constructor(){ this.callbacks = {} } //解除监听 用的比较少 $off(name){ this.callbacks[name] = null } //提交通信封装 $em原创 2021-04-19 10:36:42 · 745 阅读 · 0 评论 -
ES6的Proxy代理多层结构数据 触发set方法的坑
Proxy代理多层结构Demo//需要被代理的数据var data=[{name:“小明”,age:12},{name:“小红”,age:15},{name:“小蓝”,age:17}];//代理后的数据对象 操作proxyData会影响data数据,但直接更改data不会触发get和set方法const proxyData=new Proxy(data,{get(obj, index) {return obj[index];},set: function (target, key, va原创 2020-09-23 18:35:36 · 1759 阅读 · 0 评论