2020年12月9日
前端用canvas画半环图，就是这么简单
摘要： 最近在看自己的头条权益的时候，看到这个信用分图片，出于职业的好奇心，研究一下这个半环图的画法。 实现这个半圆图，有两种方案。第一种方案，走css路线，首先画一个整的圆环，通过两块挡板的旋转展现出一部分的环形。第二种方案，通过canvas画图实现半环图。我认为还是第二种方案更好实现。今天我就教大家如何 阅读全文
posted @ 2020-12-09 13:13 荷风伊夏 阅读(1447) 评论(0) 推荐(1) 编辑
css制作逐帧动画，好看又好玩
摘要： 网页动画图像、Flash 动画和 JavaScript 实现的效果图片，我们用最基础的CSS也能实现。制作一个简单的gif动画图，上图就是效果图。 用CSS3制作动画图，你需要了解两个css属性。 其一是 @keyframes 因为它限定了CSS 样式和动画逐步从目前的样式更改为新的样式的变化过程。 阅读全文
posted @ 2020-12-09 13:05 荷风伊夏 阅读(587) 评论(0) 推荐(0) 编辑
如何在苹果电脑上创建一个html格式文件，并在浏览器正确打开
摘要： 之前一直使用windows系统的电脑，创建文件很简单，改格式也非常的简单。但换了苹果电脑，如何创建一个HTML文件？却把我给整蒙了。 首先，为什么mac上不能直接新建文本文件？ 因为mac一都是以应用的方式来管理文件。 我们在Windows上的习惯是:找到一个目录-->新建文件-->打开对应的应用- 阅读全文
posted @ 2020-12-09 11:47 荷风伊夏 阅读(2932) 评论(5) 推荐(0) 编辑
2020年10月23日
Charles替换线上文件
摘要： 转载：https://www.cnblogs.com/maxiaodan/p/10066345.html Charles 介绍： Charles 是一个HTTP代理服务器，反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许一个开发者 阅读全文
posted @ 2020-10-23 10:23 荷风伊夏 阅读(697) 评论(0) 推荐(0) 编辑
2020年9月25日
ant-design-pro@2.1.1 build: umi build
摘要： npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ant-design-pro@2.1.1 build: umi build npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the ant-de 阅读全文
posted @ 2020-09-25 14:48 荷风伊夏 阅读(924) 评论(1) 推荐(0) 编辑
xlsx导出文档，运行出现bug
摘要： ERROR Failed to compile with 1 errors 10:13:32 AM This dependency was not found: * xlsx in ./src/utils/excelUtil.js To install it, you can run: npm in 阅读全文
posted @ 2020-09-25 10:24 荷风伊夏 阅读(449) 评论(0) 推荐(0) 编辑
2020年9月18日
react项目结合echarts,百度地图实现热力图
摘要： 一.最近在一个react项目（antd pro）中需要展示一个热力地图。需求是： 1.热力地图可缩放； 2.鼠标点击可以展示该点地理坐标，及热力值。 3.初始化时候自适应展示所有的热力点。 4.展示热力标尺。 二.在实现的过程中出现了不少的问题. 引入地图出现问题1.缩放地图的时候中心点会漂移。 解 阅读全文
posted @ 2020-09-18 16:13 荷风伊夏 阅读(2425) 评论(0) 推荐(3) 编辑
2019年12月10日
new Date() 对象及方法：
摘要： 在别人的代码中见了两回 new Date().toLocaleString()，查了才知道，toLocaleString()是 根据本地时间格式，把 Date 对象转换为字符串。于是好奇new Date到底有哪些方法，下面来总结 一下： new Date() 获取时间 Date对象用于处理日期和时间 阅读全文
posted @ 2019-12-10 14:32 荷风伊夏 阅读(1303) 评论(0) 推荐(0) 编辑
2019年12月9日
window.location对象详解
摘要： 以这个地址为例：https://www.baidu.com:80/?ie=UTF-8&wd=google window.location.href当前URL:https://www.baidu.com:80/s?ie=UTF-8&wd=googlewindow.location.protocol协议 阅读全文
posted @ 2019-12-09 16:20 荷风伊夏 阅读(379) 评论(0) 推荐(0) 编辑
2019年7月29日
详解微信小程序支付流程
摘要： 转发博主 https://blog.csdn.net/qq_38378384/article/details/80882980 转发博主 https://blog.csdn.net/qq_38378384/article/details/80882980 转发博主 https://blog.csdn 阅读全文
posted @ 2019-07-29 22:31 荷风伊夏 阅读(1746) 评论(0) 推荐(0) 编辑