摘要:
摘要 平常生活中,地图导航是必不可少的,最近在学习Ant Design,了解了下社区的精选组件,看到了与地图相关的精品组件库,高德地图组件库。所以记录下这次高德地图的使用心得,既可以提升自己的业务多样性,也可以分享给需要的小伙伴。 React-Amap用法 安装 npm install --save 阅读全文
摘要:
摘要 看着我稚嫩的代码,今天我应该也可以过个快乐的儿童节吧,哈哈哈哈哈。既然是儿童节,那我就要给小伙伴们发发礼物,什么礼物呢?那就是小编在使用的前端开发工具,保证你会有个难忘的儿童节。好,下面就由我带大家一一的看看礼物吧。 工欲善其事必先利其器 对于一个前端开发人员来说,拥有一款适合自己的“武器”是 阅读全文
摘要:
摘要 近期在合并拉取代码,在合并分支代码时不知做了什么操作,使用 git pull 命令更新本地代码失败,显示本地分支参考关联损坏失效。具体的错误提示如下图所示: 解决方案 1、根据错误提示,找到本地 .git 中损坏的 ‘refs/remotes/origin/xxx分支名’文件,删除即可。 2、 阅读全文
摘要:
摘要 近期开发中遇到导航栏下滑吸顶的需求,经过方案调研,发现position:sticky可以简单快捷的实现功能。sticky(粘贴定位)可以被认为是相对定位和固定定位的混合,元素在跨越特定阀值前为相对定位,之后为固定定位。根据sticky的特性,只需要添加简单的几行CSS样式代码即可实现导航栏吸顶 阅读全文
摘要:
摘要 在之前的文章中有讲过保留两位小数的实现,最近在开发活动页面时,依旧是展示参赛作品的点赞数。当点赞数过万时,显示三位有效数字来展示点赞数,例如:1.56万、23.1万等。经过探索,找到了toPrecision() 方法,在MDN中是这样概述该方法的:toPrecision() 方法以指定的精度返 阅读全文
摘要:
摘要 axios是一个基于promise的HTTP库,可以用于浏览器中进行AJAX请求处理。在项目中,为了实现通用性,封装了一个axios请求。 axios封装 1、配置环境变量 // 根据不同环境变量选择不同的接口服务器域名 export const BASE_URL = process.env. 阅读全文
摘要:
摘要 在开发项目中时常有点击跳转滚动到锚点的需求,最简单的锚点定位就是给一个a标签,a标签的href = ‘#锚点’,然后给需要跳转的锚点一个id = ‘锚点’。参考最简单的锚点跳转实现方式,在React中使用useRef来实现跳转锚点的功能。 功能具体步骤 1、创建空的Ref import Rea 阅读全文
摘要:
摘要 近期在开发H5页面相关需求,需求中有个微信静默授权登录的功能,之前没有接触过这个功能,经过调研官方文档,开发出了初级方案;初级方案可以解决获取code,但是页面返回上一个页面时,需要连续返回两次才可以回到上一个页面。经过获取流程分析,解决了返回循环的bug。 初级方案原理 当时调研完官方文档后 阅读全文
摘要:
摘要 在开发中展示点赞数时,当数量级超过10000后,需要使用更加简洁的小数式去显现数量(例如1.22万)。下面就给大家分享数量小数式后保留两位小数的实现方式。 四舍五入 使用toFixed()方法处理小数的四舍五入,运行示例如下: // 四舍五入 var num =2.2354234234; nu 阅读全文
摘要:
摘要 当在判断当前客户端是什么类型时,我们就可以根据客户端自带的UA标识,搭配正则判断机制来判断当前的客户端是什么设备。今天就分享下如何通过Javascript来获取客户端的UA标识,并判断客户端类型。 内容 一、判断手机端是什么类型设备: const u = navigator.userAgent 阅读全文