前端-前端相关技术博客-ApiPost博客

localforage indexedDB如何使用索引

简单介绍下localForage。localForage是一个JavaScript库，通过简单类似 localStorage API的异步存储来改进你的Web应用程序的离线体验。它能存储多种类型的数据，而不仅仅是字符串。内部

阅读数：10 评论数：0 宣博文前端数据库
Object.keys函数返回一个对象的键组成的数组（可以根据这个计算出对象的长度）

Object.keys({name:'xiaoming',age:26,}) //["name","age"]

阅读数：144 评论数：0 前端小白前端
全兼容官方 picker mode=region 城市选择器可以动态传递城市数据

https://ext.dcloud.net.cn/plugin?id=1536

阅读数：38 评论数：0 前端小白前端工具
uniapp全局变量

定义在APP.vue的导出对象的globalData属性里改值方法：getApp().globalData.years='2020-10-20'取值方法：getApp().globalData.years

阅读数：105 评论数：0 前端小白前端
111111111111111111

啊啊啊1111

阅读数：27 评论数：0 高小天前端
js面试题1

for(vari=0;i<2;i++){ functiona(){ console.log(i) } a()

阅读数：125 评论数：0 前端小白前端程序人生
浅谈indexedDB/indexedDB数据实际储存的位置

这里写了一个简单的数据库插入的测试。<body> <button </body>

阅读数：213 评论数：0 宣博文前端
jQuery为什么要弃用type()方法，以及用什么替代？

这是官方弃用type的通知 https://api.jquery.com/jQuery.type/但没有说为什么弃用这个方法，而且也没有明确开发者可以替代的方法，那么问题来了，你用就这横线你能受得了？不用的话就自己封装一个方法，那和j

阅读数：161 评论数：0 宣博文前端
使用art-template循环进行html代码拼接

我这边需要做的是把上次生成的html代码插入到下一次模板渲染中，那么要实现这个需求，我用的是模板的拓展方法(过滤器)template.defaults.imports.+（方法名/变量名）=变量值/方法那么具体如何实现呢接下来Codeup://

阅读数：88 评论数：0 宣博文前端
UNIAPP的alt+shift+2的分屏操作（两屏）

鼠标给一个代码光标+shift+alt多行光标一起写入

阅读数：47 评论数：0 前端小白前端工具
JAVASCRIPT里常用的判断数据类型的方法

一、typeof返回的数据类型，包含number、boolean、symbol、string、object、undefined、function这几种。由此可以看出typeof没有办法得到引用类型的具体类型。代码：typeof666输出number ty

阅读数：40 评论数：0 Proud lion 前端
js 正则表达式中一个\和二个的区别

js正则表达式中有时候需要用来转义，有时候需要用\来转义，那么什么时候该用什么时候该用\呢。Codeup:letregExp1=newRegExp("^\["); letregExp2=/^[/; regExp1.test("[123")&

阅读数：38 评论数：0 宣博文前端
js 判断字符串内容为数组或对象

类似“{name:‘小猪’}”,"[1,2,3]"这种字符串里面是对象格式或者数组如何判断呢。下面是数组的例子。//需要判断的字符串 letstringData="[1,2,3]"; try { //为对象和数组的时

阅读数：161 评论数：0 宣博文前端
ES6的Proxy代理多层结构数据触发set方法的坑

Proxy代理多层结构Demo//需要被代理的数据 vardata=[ {name:"小明",age:12},{name:"小红",age:15},{name:"小蓝",age:17} ]; //代理后的数据对象操作proxyData会影响data

阅读数：90 评论数：0 宣博文前端
vue的ref

<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>Vue测试实例-菜鸟教程(runoob.com)</title&g

阅读数：27 评论数：0 前端小白前端
ES6的Set类

//Set对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。Set对象存储的值总是唯一的 letarr=[1,2,3,3,4,] //undefined arr=[...newSet(arr)] //(4)[1,2,3,4]

阅读数：34 评论数：0 前端小白前端
学习js的高阶函数

constarr=[1,4,11,34,] arr.filter(item=>item<30)//[1,4,11] arr.some(item=>item>34)//false [1,2,30,-4,0].filter(ite

阅读数：33 评论数：0 前端小白前端
亲测：JS的for of循环会改变原数组哦！！！

阅读数：132 评论数：0 前端小白前端程序人生工具
indexOf函数

[1,'a',2].indexOf(3)//-1 //找不到返回-1 //找到了返回元素在数组中的下标

阅读数：64 评论数：0 前端小白前端
js数组的find函数默认找到了符合条件的对象就会return 这个对象不再往下找了

[ {name:'zhangsan',age:23,}, {name:'zhangsan',age:24,}, ].find(item=>item.name=='zhangsan') //结

阅读数：55 评论数：0 前端小白前端
vm.$forceUpdate()

示例：迫使Vue实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

阅读数：86 评论数：0 前端小白前端
Android Kotlin-MVVM架构使用步骤

一.新建XXResponse.kt数据类data二.定义service接口三.创建构造器（创建一次就可以，不用每个接口都创建）四.定义统一网络入口Network五.创建仓库层（创建一次就可以，不用每个接口都创建）六.创建ViewModel七.画布局，写ac

阅读数：111 评论数：0 石前端
今天深入研究一下vue框架的watch属性

<!DOCTYPEhtml> <html> <head> <metacharset="utf-8"> <title>Vue测试实例-菜鸟教程(runoob.com)</title&g

阅读数：25 评论数：0 前端小白前端
get和post区别：

1.get安全性不如post2.get的参数有长度限制，post没有3.get的参数只能是ASCII码，post没有限制4.关于退回：点击退回或刷新时，post请求会再次提交表单，而get请求不会post退回有害，get回退无害5.关于缓存：get能被缓存

阅读数：34 评论数：0 冥夜闻笙前端
今天发现props的数据变化也可以用watch函数来监听

/* 以前只认为watch函数只能监听data函数返回的数据对象，今天突然发现watch也能监听到父组件传递给子组件的props的变化 */

阅读数：129 评论数：0 前端小白前端
复习了Promise

/* .then()总是会返回一个新的promise对象 .then返回的promise的状态由它执行的回调函数的返回值决定返回一个任意值=》成功返回一个成功的promise=》成功抛出异常=》失败返回一

阅读数：34 评论数：0 前端小白前端
今天学会了HbuilderX编辑器的多行注释语法

ctrl+shift+/

阅读数：232 评论数：0 前端小白前端
使用箭头函数编写Vue 2.6 render()函数而导致的Cannot read property 'xxx' of undefined

在定义Vue全局组件时使用箭头函数改变了this指向，使其不在指向Vue,而是浏览器，所以导致this.$xxx.xxx会出现Cannotreadproperty'xxx'ofundefined，所以在重写render函数或者其类似情况下，明确函数中thi

阅读数：24 评论数：0 黄炜强前端
第一次使用了uniapp自定义基座

/* 没搞懂这个自定义基座和uniapp官方自带的基座有啥区别》》》现在看出来唯一的区别是系统自带的基座叫HBuilder,而自定义的基座名字适合项目名一样的 HBuilder标准运行基座，是由DCloud提前打包好的，使用的是DCloud

阅读数：926 评论数：0 前端小白前端
今天学习了函数的 Rest 参数 ... 用法

//收集任意数量的指定位置的实际参数，并且把它们组成一个数组，但是必须位于形式参数列表的最后！否则报错 //将剩余参数收集到一个数组中 //Rest参数用法是用于创建可接受任意数量参数的函数 functionrest(a,b,...args){

阅读数：19 评论数：0 前端小白前端
斐波那契数列-递归版

functionfib(n){ if(n==1||n==0)return1 returnfib(n-1)+fib(n-2) }

阅读数：35 评论数：0 前端小白前端工具
斐波那契数列

functionfib(n){ lettot=0 constarr=[] arr[0]=1 arr[1]=1 for(leti

阅读数：21 评论数：0 前端小白前端
递归求累加

functionadd(n){ if(n<=1)return1 returnn+add(n-1) }

阅读数：17 评论数：0 前端小白前端
用递归求幂，写完了不敢运行，，，，

阅读数：12 评论数：0 前端小白前端
今天学习了js可选链

一般而言letobj={}obj.name.age会报错但是用js可选链obj?.name?.age不会报错直接返回undefined完事了很实用！

阅读数：26 评论数：0 前端小白前端
浏览器自定义滚动条样式

Webkit浏览器滚动条*::-webkit-scrollbar{width:7px;height:10px;background-color:transparent;}/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/*::-webkit-scro

阅读数：33 评论数：0 Sexliber 前端
JS中利用CryptoJS进行MD5/SHA256/BASE64/AES加解密的方法与示例



阅读数：445 评论数：0 ApiPost团队前端
JSON.stringify() 函数的妙用

JSON.stringify() 方法用于将JavaScript值转换为JSON字符串,而我们一般只是用了第一个参数，没有在意过第二个以及第三个参数的妙用 1.最常用的方式： constarr=[{name:"张三",age:

阅读数：193 评论数：0 @神秘人前端
在ApiPost 预执行脚本里发送一个请求

在文档 ApiPost的预执行脚本和后执行脚本中，我们了解到，预执行脚本的作用主要是：预执行脚本是在当前接口发送请求前执行的脚本，可以理解为beforeSend的时候执行。一般在这里，我们可以设置一些前置的发送所需要的变量。本文主要介绍如何在预执

阅读数：449 评论数：0 ApiPost团队后端前端测试技术工具
留个脚印we

weqweqwe

阅读数：16 评论数：0 Nick 前端
Iframe触发全屏报错解决方案

为ifram添加allowfullscreen属性

阅读数：67 评论数：0 Sexliber 前端程序人生
123

123

阅读数：20 评论数：10200 Nick 前端
js瀑布流方法

接收两个dom节点参数container:容器element:插入内容 /** *瀑布流 *@paramcontainer:要插入的容器节点 *@paramelement:插入的元素节点 **/ fu

阅读数：44 评论数：0 Sexliber 前端程序人生
自定义javascript判断数据类型

typeof会将null,Array,RegExp,Element等类判断为Object可通过以下代码定义一个_typeof方法判断数据所属类:const_typeof=param=>(/(?<=s).*?(?=])/.exec([{}].

阅读数：99 评论数：0 Sexliber 前端
Promise 中的三兄弟 .all(), .race(), .allSettled()

转载，原文链接：https://segmentfault.com/a/11900000200343611.概述Promise.all<T>(promises:Iterable<Promise<T>>):Promise&l

阅读数：44 评论数：0 Sexliber 前端
前端性能优化汇总

转载，原文地址：https://www.cnblogs.com/lanxiansen/p/10972802.html一、减少请求资源大小或者次数　1、尽量和并和压缩css和js文件。（将css文件和并为一个。将js合并为一个）　　原因：主要是为了减少htt

阅读数：123 评论数：0 Sexliber 前端
JS 正则中的命名捕获分组

转载，原文地址：https://www.cnblogs.com/ziyunfei/p/6761413.html假设你在一段陌生的代码中看到这样一个函数： functiontoLocalDate(date){ returndate.replace

阅读数：146 评论数：0 Sexliber 前端
sublime前端开发实用插件

转载，原文地址：https://blog.csdn.net/hello_yihao/article/details/78809737插件选择1.emmet必备可以极大提高开发效率，如：输入！按tab键快速生成一个HTML模板，前提是要保存一下文件的格式为h

阅读数：71 评论数：0 Sexliber 前端
artTemplate实现递归（利用include）

<scripttype="text/html"id="list1"> <divstyle="padding:10px;"> <divid="id_

阅读数：195 评论数：0 Mac测试账号前端
Get与Post的区别？（面试官最想听到的答案）!!!!!!!!!!!

阅读数：350 评论数：0 欧阳浩前端
input文本框中value值有双引号的赋值问题，同样适用于html元素属性含有双引号的情况

input文本框中value值有双引号，赋值后可能会导致布局错乱。如下<inputtype="text"value="{"a":123}"/>产生原因：浏览器将value的第一个双引号和值的第一个双引号当成了闭合。导致取到的valu

阅读数：456 评论数：0 ApiPost团队后端前端
Opera安装Crx提示被禁用的处理

众所周知，新版的Chrome已经取消了对非谷歌商店Crx拓展的支持。所以，对于原版的Chrome浏览器，建议使用商店直接安装或者使用源码包安装。ApiPost谷歌应用商店地址：https://chrome.google.com/webstore/detai

阅读数：165 评论数：0 ApiPost团队后端前端测试技术工具
通过点击<a>标签refferer丢失？可能是你从https跳到了http，用这个方法解决

一般来说，不做特殊限制的情况下，点击A标签跳转到新页面后，新页面是可以捕捉到refferer的。但是有一种情况不行：从https跳到了http。假如你在 https://www.a.com上有个A标签链接到 http://www.b.c

阅读数：60 评论数：0 柠檬前端
<a>标签无法触发jquery trigger('click')事件的解决

先看如下代码：<scriptsrc="https://img.cdn.apipost.cn/mp/3d9e9643852e31a1.webp"></script> <scripttype="text/javascript"&

阅读数：115 评论数：0 柠檬前端
不用jquery直接css实现，div双击禁止选中文字

如图，我们不希望鼠标双击自动选中文字，那么只需给这个文字所在的元素，比如div：<divclass="test">请点击发送按钮获取响应结果</div>加如下css即可。.test{ -moz-

阅读数：165 评论数：0 icode 前端
this is incompatible with sql_mode=only_full_group_by的解决方案

在mysql工具搜索或者插入数据时报下面错误：ERROR1055(42000):Expression#1ofSELECTlistisnotinGROUPBYclauseandcontainsnonaggregatedcolumn'database_tl.e

阅读数：94 评论数：0 icode 前端数据库
如何去掉chrome中input、textarea中英文单词的红色波浪线？

在chrome中，input、textarea中英文单词的红色波浪线是浏览器默认开启了语法检查导致的。只需要在textarea或者input中添加属性spellcheck="false" 即可去除该波浪线：<textareaspellche

阅读数：454 评论数：0 疯狂的代码前端
二维码扫码开门在垃圾分类中的应用

这是一种垃圾投放口二维码开门系统。背景技术：随着人口的增长、经济的发展和人们生活水平的不断提高，垃圾的产量不断增加，垃圾的成分也发生了很大的变化。许多国家都把垃圾视为环境破坏的祸首。垃圾，既是人类文明的副产品，又是人类生存的“污染物”，垃圾已成为当今世界一

阅读数：46 评论数：0 非思丸智能前端
可以支持外部数据文件导入的方式实现参数化吗？

可以支持外部数据文件导入的方式实现参数化吗？

阅读数：91 评论数：0 lency 后端前端
只需2行，纯CSS实现鼠标滑过图片缓缓放大的效果，附源码

效果如下图所示：1、当未鼠标未放到图片上的效果：2、当鼠标放到图片上后(放大的过程是有动画过渡的，这个过渡的时间可以自定义)：实现代码：CSS3实现很简单，给一个图片以下样式即可：CSS代码：<styletype="text/css"> .i

阅读数：252 评论数：0 疯狂的代码前端

加载更多

工具推荐：支持团队协作、可直接生成文档的API调试、管理工具！

只服务于

前后端、移动端、测试人员

写博客