HTTP 请求中 request payload 和 formData 区别

在测试 cacheAdmin 接口时发现,POST 请求 Headers tab 最下面的数据部分标题显示的是 Request PayLoad(请求有效载荷),这与自己常写的接口展示不太一样。正常标题显示为 Form Data,下面是一个对比图:看形式猜测是提交的数据类型有些区别,网上查找相关的文档,找到以下内容:FormData 和 Payload 是浏览器传输给接口的两种格式,这两种方式浏览器

- 阅读全文 -

js 数组添加元素和删除元素

js 数据的 push 和 pop 分别表示往数组添加一个元素和删除一个元素,遵循队列规则,先入先出,添加到队尾,从头部开始删除。如果是需要删除某个索引表示的元素,则需要用 splice(index, howmany, item1, item2...)。方法名翻译为绞接、捻接,定义为 向/从数组中添加/删除项目,然后返回被删除的项目。有一个名称比较相似的方法 slice(start, end),方

- 阅读全文 -

Highcharts 使用细节点总结

前言最近公司让做一个数据看板,主要统计公司主站的订单、用户注册量以及用户访问量等数据。前面部分的订单都可以直接写个查询接口显示数据,后面的订单类型、用户注册量、用户访问量则涉及到可视化图表的使用。作为 web 图表库,highcharts 是我了解的前端库里的不二之选。Highcharts 文档教程 Highcharts API 详解这里面三个图表分别用了三种不同类型的图表来展示,分别是饼状图(p

- 阅读全文 -

微信内 js 倒计时时间显示为 00:00:00 问题解析 —— js Date() 函数用法

前段时间在网上找了一个 js 版本的倒计时函数:JS 实现倒计时时间(天数、时、分、秒)。PC 端模拟器和微信开发者工具测试没有问题,订单列表页和详情页可以正常显示倒计时时间。但放到移动端(一开始以为是只是微信,后来所有浏览器测试都是这样)倒计时就一直停留在 00:00:00。实际使用的 demo:<div> <span id="d_h">00&

- 阅读全文 -

一步学会移动端 Flex 弹性盒子布局

有点标题党的嫌疑,但 Flex 弹性盒子布局使用确实不难,我主要用来快速解决移动端列表内容排版问题。比如两列商品排列,如果设置定宽,则在只是适配一种规格的设备。使用 rem 也不能完全解决问题,因为总有那么些项不是那么合适。media 也可以适配,但写那么多遍的那么多项的样式太繁琐。一些弹性布局诸如 bootstrap 或者 xxUI,一般采用百分比布局的方式来解决这个问题。外部容器 margin

- 阅读全文 -

移动端开发字体大小是否需要适配(自适应)?

在根据 UI 给的两倍高保真图写前端页面时发现,页面的根元素字体尺寸是动态变化的。选择不同的模拟设备(emulated devices),font-size 的数值还会发生变化。<html style="font-size: 19.0678px;"> ...发现这个问题是因为某个元素设置了 border-radius: 50% 在不同的设备下发生了形变。查看后发现,

- 阅读全文 -

jQuery index() 方法浅析

定义w3cschool 的定义:index() 方法返回指定元素相对于其他指定元素的 index 位置。(定义有误,结论会有说明)测试偶然的机会,在给 a 标签设置类样式,点击需要切换选中样式,发现 $('.group-a').index() 获取到的索引值竟然是从 1 开始的。这与我之前的认知不符,一般索引都是从 0 开始的。之前在做官网首页 tab 切换的时候,也接触过这个方法。功能点是点击

- 阅读全文 -

px、em、rem 的区别介绍

前言之前对这三个字体大小单位只有一个模糊的印象,px 是像素大小,相对固定,适用于 PC 端;em 和 rem 是相对大小,适用于不同尺寸规格的移动端。最近改移动端页面,发现自己定义的 rem 大小与设计图相差甚远。蓝湖设计图上标注的是 px,而我使用的是 rem。而且因为最小字体设置为 12 px,有些时候看到的字体效果并不是实际展示大小。每次自己去用眼睛去评估大小是否合适,没有一个切实可行的解

- 阅读全文 -

图片资源加载失败,报错:net::ERR_CERT_COMMON_NAME_INVALID 问题解决

今天产品告知列表页有些图片加载不出来,让我处理一下。一开始以为是列表图片没有设置,检查发现有判断图片是否设置,还设置了默认展示的图片。之后怀疑是图片资源过期或者不存在了,拿到相关图片的 src 值访问,发现访问正常,图片可以正常显示。并且因为图片服务器没有设置防盗链服务,所以也不会因为这个原因而加载失败。网上寻找解决方案,得到这个错误的解释是 用一个错误的域名访问了某个节点的 https 资源。其

- 阅读全文 -