前端开发
文章平均质量分 59
蛋蛋fighting哈湫
努力精进的程序媛一枚~
展开
-
实现一个红包下落到指定位置的红包动效
红包一次性下落动效,css3实现原创 2023-04-18 14:32:40 · 438 阅读 · 0 评论 -
Charles突然不能抓包了
charles抓包问题排查及解决,证书过期原创 2023-02-14 14:34:46 · 1739 阅读 · 0 评论 -
使用h5 swiper的loop属性时候踩坑
swiper 开启 loop 循环时,复制dom导致的复制的slide上的交互无效问题解决原创 2022-11-03 14:31:11 · 1547 阅读 · 0 评论 -
学习总结——bug解决ios 12 中个别文案不展示
【排查过程】其他机型正常,然后此处内容展示使用了vue中的v-html承载富文本内容,查看标签发现,不展示的项目中都是在富文本中使用span标签包裹的文字内容。所以怀疑是span标签在ios 12中存在某种兼容性问题吧,众所周知,span标签是行内元素,考虑调整样式满足兼容。【解决办法】给承载富文本标签的容器添加class类名,然后对类名下的span标签单独设置样式,具体样式代码如下,再次测试,问题解决,特此记录。原创 2022-10-19 10:13:10 · 799 阅读 · 0 评论 -
学习总结——h5搜索框input回车自动搜索,及IOS X及以上h5 input页面切换后显示内容丢失fix
搜索input实现,搜索框ios xr下页面跳转后query丢失解决原创 2022-07-07 10:42:22 · 3830 阅读 · 0 评论 -
学习总结——小程序中输入框和键盘的那些事
【背景】最近做了几个需求,涉及在小程序中蒙层或者其他固定布局中使用输入框(input),然后光标放置的时候移动端键盘弹起,会影响页面本来的布局设置,dom整体会被键盘整体顶起来【问题解决】调研了一下,这种情况有两种解决方式1、设置input属性,让键盘顶起不影响页面【步骤】搜索小程序的文档,input的属性(文档搬运工,微信小程序input | 微信开放文档,百度小程序百度智能小程序文档)设置adjust-position为false,键盘弹起不会上推页面【优点】解决了dom上移原创 2022-04-06 20:56:37 · 3483 阅读 · 1 评论 -
记录一次ios下fixed区域中滚动内容滑动到底部/顶部后不可滑动的问题修复
如题,ios多机型,h5的页面制作的一个展示列表,外部采用fixed布局固定显示了表头筛选项的一些东西,然后中间是内容可滚动区,如下图,然后ios的机型会出现的问题就是,滚动到顶部或者底部再用力划一下的话(等到内部滚动区域滚动条消失),滚动就会被卡住,滚不动了...原创 2021-12-31 15:34:37 · 3113 阅读 · 0 评论 -
记一次Iphone11,在IOS13系统版本下自定义ActionSheet多次打开关闭后右侧和下方出现白色遮罩影响本来样式的问题
如题,记录一次问题解决,困扰我两天之久,最后终于解决背景:一个加载信息的长列表,就普通长列表,没有用fixed,absolute之类的布局,筛选自定义了ActionSheet半屏菜单,半屏菜单fixed设置了遮罩,然后内容部分高一层级的内容fixed底部,设置了定高,有title区和底部确认btn区,中间内容滚动可见,提测后,iphone11机型ios13版本下,底层列表数据很少时(这个是后来试了很多次必现的条件才发现的)半屏菜单右侧出现白色竖条,底部也有白色遮挡,如下图,正常的应该半屏菜单显示筛选项内原创 2021-08-02 14:55:15 · 312 阅读 · 0 评论 -
记录一次nuxt项目的创建
一、创建项目我是官方文档的搬运工https://zh.nuxtjs.org/docs/2.x/get-started/installation,一点要好好读,或者多去github里面的issue里面去查一查~npm init nuxt-app <你的项目名称>已经创建好的项目长这样,在各个文件夹中都有对当前部分的注释,很好理解,这里我不做赘述,直接npm run dev ,就可以起跑起来了,现在你已经拥有一个初步的nuxt项目了二、原有内容迁移因为我是修改旧项目的架构.原创 2021-01-12 19:41:35 · 317 阅读 · 2 评论 -
记录html2canvas前端海报绘制,图片跨域导致绘制失败,下载的海报没有网络图片问题纯前端解决
背景之前的一个需求,web端,业务中的某个内容以海报的形式在页面上呈现,然后点击下载按钮,将海报保存为图片存储在本地,最近产品反馈了一个问题,海报下载时,顶部的banner图片在浏览器中能正常呈现,下载后的图片顶部banner不能够正常显示,这块的下载的时候的海报绘制,是通过html2canvas来实现的。问题排查开发者工具打开时,海报正常绘制,关闭开发者工具,下载海报,顶部banner不显示,打开控制台,提示AccesstoImageat'xxxx(我的图片)'fromorigin...原创 2020-10-15 16:47:40 · 1301 阅读 · 0 评论 -
记录一次VUE移动端H5的文件预览
s最近接到了来自产品的一个需求,将我们的erp的移动端中的审批部分的上传附件进行优化,可以在移动端直接预览上传的文件(一般为发票和凭据图片文档等),所以需要由前端直接对文件进行预览(之前的方式是后端返回网络链接,下载下来之后在本地自行进行文件预览)最后商榷的是最大类型的预览文件(支持pdf,各类图片,word和excel文件)一开始考虑成型的线上文件预览服务如xdoc,但是考虑到纯线上服务我们设计报销审批的敏感文件信息,自己部署服务需要付费啊哈哈(你们懂得),所以另辟蹊径,单独对各个文件类型...原创 2020-06-05 15:26:42 · 9677 阅读 · 16 评论 -
小程序绘制海报的那些问题——记录一次uniapp小程序生成分享海报的问题及解决
最近做了一个需求,一个推广活动,在小程序中生成推广海报并且支持保存在手机相册,UI稿中呈现的是一个非全屏的固定宽高的海报图片,在保存的时候遇到了如下问题并一一解决【问题1】开发者工具中可以正常绘制海报,真机上却不行【解决】因为绘制的海报中包含banner和太阳码图片,需要使用内置方法.getImageInfo()获取解析一下图片信息,才能绘制在画布当中【问题2】真机中偶现canvas画布中文字绘制不全【解决】context.draw()这个行为是异步的,我们使用uni.canvasToTem原创 2020-05-28 19:59:29 · 1956 阅读 · 0 评论 -
vue-cli-service根据不同环境打包
我在使用vue-cli3创建项目后,在package.json中会自动生成npm run 会执行的脚本,今天在配置开发、测试和线上环境的时候,我突然发现,日常开发使用的serve脚本:后面写的是vue-cli-serviceserve,然后打包构建是,使用的vue-cli-servicebuild,那么这二者有什么区别呢?首先最直观的npm run serve时会把process.en...原创 2020-03-17 14:56:38 · 1137 阅读 · 0 评论