喃喃子鱼-CSDN博客

喃喃子鱼

码龄10年

个人简介：平时遇到的坑分享记录

IP 属地：香港

查看详细资料

个人成就

获得4次点赞
内容获得2次评论
获得16次收藏

TA的专栏

兴趣领域设置

前端

前端框架

创作活动更多

HarmonyOS开发者社区有奖征文来啦！

用文字记录下您与HarmonyOS的故事。参与活动，还有机会赢奖，快来加入我们吧！

0人参与去创作

搜TA的内容

canvas简易雷达图

使用canvas来绘制，无动画过程的版本，支持圆形和线条，支持多角，但数值位置定位不够精确可供参考。

发布博客 2023.10.24 ·

Facebook,Twitter,Linkedin分享

项目场景：要求实现链接分享，分享到facebook,twitter,linkedin,whatsapp,instagram问题描述：直接分享链接出现无图片或链接报错的问题whatsapp,instagram 均为手机版，whatsapp 无法注册测试，暂时放弃。instagram在网上搜索的结果为无法分享，也放弃。原因分析：分享的链接要经过处理，否则会因为特殊字符的问题而报错。无图片是因为大部分时候取的是分享链接的第一张可见图片，或者从meta中取的标签链接。解决方案：首

发布博客 2021.10.24 ·

链接跳转异常问题

问题描述：链接跳转出现问题，项目的支付接的第三方，在不知名的改动后，原来的跳转无法正常跳转到支付链接，会直接跳转到第三方的错误提示页面。以下为原来的跳转方式：if (res.code === 0) { if (res.data.payLink) { window.open(res.data.payLink) }}@Override public void run() { bytes = mmInStream.read(buffer); mHandler

发布博客 2021.09.29 ·

导出列表问题

项目场景：有一个后台的项目是这边进行二次开发的，里面一些原本的设置没有被采纳，原本的导出被废弃（原本的导出是返回生成的文件地址，格式也转好），换成了直接调用跳转的导出。问题描述：我并没有直接调用这种导出方式的经验，直接用postman加上参数可以顺利导出。在网上找的方法放进我集成的请求api中并不适用，我就试着用原生的js写的接口去发送，也是一样的结果，紧盯着返回格式文件流却无法正常转换成xls文件，要么是转化失败，要么是根本不触发下载。集成的接口api文件比较完善，没有进入我的视野。原因分

发布博客 2021.07.12 ·

h5图片下载

通过链接保存图片，是很常见的需求，我这里总结了几种比较好用的方式，以下方式在pc中基本适用。这里的下载最终都使用了a的download的属性，区别在于前置对图片的处理。（直接通过图片链接使用并不适用大部分机型）1.通过图片加载，canvas转base64，a超链的download属性下载图片（推荐方法，适用于大部分机型）tips: .bin文件需要加文件后缀命名（这里为photo.png） downloadIamge(imgsrc, name) {//下载图片地址和.

发布博客 2021.04.29 ·

记一些uniapp使用过程中的遇见的问题

前言因为公司4月份的项目是一个二次开发的项目，项目中用的是uniapp，后续的项目我也都延续了这一个框架，边学习边使用。1.uniapp的swiper，图片出现边框线问题描述：使用了uniapp自带的视图容器swiper进行首页轮播的设置，发现尽管把轮播图片铺满，在某些机型下，始终会出现一条下个图片的左侧颜色的边框线。原因：（猜测）可能是因为图片的比例导致，因为有部分机型的手机是正常的。解决方式：全局设置样式，把width设置为100%以上的值，微调为最小就可以解决.uni-sw.

发布博客 2020.10.21 ·

react从头开始---从helloWorld开始

前言：刚出来找工作的时候，各种东西都写了一遍，不精但广泛，纯js，react，ng，vue，啥都能写上一些，后来因为项目一直都是vue和混合开发的hbuild相关，期间又是乱学了一通，从php，python，egret，都写了点东西，然而根本用不上，期间穿插了其他事情，后来甚至连代码也不知道放到哪里去了，现在还是重新学下react，为了加深记忆，还是写个博客记录下。准备工作：先去react官网 node环境，这个不用说的安装下全局的react的框架，npm install -g create-

发布博客 2020.09.18 ·

http常用请求头--记录

前言：按照后端的不同需求进行更改，主要在http请求头进行改变。常用的http请求头的设置如下：跨域设置（Access-Control-Allow-Origin）一般设置为*或者特定的地址（跨域大部分为后端未开放端口）。发送的参数类型（content-type），一般为'application/x-www-form-urlencoded'，json类型则为"application/json;charset=UTF-8"，(有时候需要转为json字符串，JSON.stringify(data)).

发布博客 2020.09.03 ·

uniapp打包文件优化

前言项目中文件的打包后，文件大小为600多k,尝试着将文件优化以下。以下是我找到的3种有效的优化方式实现方式使用uniapp的摇树优化（treeShaking）https://uniapp.dcloud.io/collocation/manifest?id=optimization 使用gz压缩文件https://github.com/vuejs/vue-cli/issues/978 splitChunks分包https://www.jianshu.com/p/4f0600ea1...

发布博客 2020.09.01 ·

画圆形进度条图

1.用css实现。原理：将块元素分为左右两半，在里面画一个圆分别显示左右进度，圆中border对应设置两个颜色，通过rorate(45deg)，来让上下左右边框变成四个圆弧，再通过rorate来显示左右各占多少。实现效果：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .a

发布博客 2020.09.01 ·

图片海报功能实现

前言项目中,一个分享的功能，需要实现对用户二维码的图片下载，并且需要带上其他信息。实现方式生成对应的二维码图片，在用canvas按比例重绘一个区域，再转图片base64。使用a链接加上download属性，实现图片的下载。<a :href="shareUrl" download="baidu.png" />遇到的问题实际测试中，转后的base64图片在安卓上不支持，文件变.bin或者显示不出来。在safari中，属性download还不能添加.png，...

发布博客 2020.08.26 ·

开发中遇到的小bug

1.fixed定位问题描述：底部定位中发现，在safari会中有一个卡顿，然后才找到预期定位位置。原因：代码中，外层包裹元素采用了同样的fixed，但没有设定bottom等方位的值，设置后恢复正常。2.ios的时间格式问题描述：xxxx-xx-xx格式的时间格式在safari中，new Date无法正常使用，会出现NAN原因：safari不支持该日期格式，转变格式即可解决问题。/* 转换为时间戳 */function formatTimeStamp(date){ retu

发布博客 2020.08.21 ·

图片上传涉及到的blob格式问题

前言Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob，继承了 blob 的功能并将其扩展使其支持用户系统上的文件。问题描述使用vue-cropper插件进行图片切割头像，将切割后的头像转为blob文件上传，与后端对接的时候发现，blob的filename默认为‘blob’，导致后端接受数据的时候，无法根据上传图片的后缀名保存图片，全部为.blob文件，从而导致接口无法返回正确的url地址。这之中上传文件使用的.

发布博客 2020.08.19 ·

echarts图表使用-折线图的属性

1.折现图中，相关参数记录 title-text：显示标题，title-left:center：可居中文字，grid-top：调整上高度，tooltip-formatter：重设鼠标指示显示文字。为实现以下类似功能，需要设置tooltip-formatter：this.chart.setOption({ title: { text: '记录' // left: 'center', // alig..

发布博客 2020.07.28 ·

wap2app中ios打包后路径跳转问题

前言：wap2app是hbuild下的一个项目类型，直接通过地址链接生成原生App.详情请看：https://ask.dcloud.net.cn/article/1244一、打包后的ios跳转链接出现问题，点击跳转出现loading，但是跳转没有执行。这是一个很少会出现的坑，首先我接手的是别人的项目，项目拿过来，检查了一下代码，发现大部分文件都是空的，就开始找源文件ios无法跳转的原因，在网上找了也发现有类似的人发了相关的兼容问题，但修改后都是无效，各种跳转尝试过后，开始怀疑打包文件...

发布博客 2020.07.09 ·

mui下拉刷新的单页面设置

简述在单页面应用中出现的问题在开发过程中，项目中需要多个子页面的下拉刷新实现不同的效果，而mui的下拉刷新设置在第一次init之后，就会对后续页面进行影响，也就是说添加了一次下拉刷新之后，由于是单页面应用，就会导致整个单页面应用出现下拉刷新的功能。在这个地方有可能会出现下拉刷新的关闭语句报错。即：mui('#pullrefresh').pullRefresh().endPulldownToRefr...

发布博客 2018.06.22 ·