杂
夏天咯
summer_summer
展开
-
前端开发中遇到的一些小问题合集 更新中
1. echarts4.9.0画出了canvas但是不显示的问题2. formData里数据的获取3. 嵌套的树形数据如何管理和转换4. 小程序"navigationStyle": "custom"之后的自定义返回按钮位置5. vue-awesome-swiper loop和autoplay不能同时生效的问题以及点击事件不灵敏的问题...原创 2022-06-22 11:34:54 · 304 阅读 · 0 评论 -
使用canvas给页面添加文字水印
参考:vue页面添加水印 - 简书代码:根据我们的需求我做了一点修改原创 2022-06-02 12:24:44 · 631 阅读 · 0 评论 -
element-ui的table中toggleRowSelection失效问题
背景是要做个商品列表A,可搜索的,勾选之后的显示在列表B中,两表联动,在A中勾选和取消选择的行,在B中会对应显示和消失。在B中点击删除,所删除的行在A中需要取消选择。刚开始我就直接把A选中的push到B的数据中,点击B删除的时候直接调A的toggleRowSelection,row用B表中的数据,这样可以不用循环A判断id是否与要删的一致再去toggleRowSelection。这样是可以的。后来发现个问题,一旦我重新搜索,A表中数据变了,或者我根本没有修改搜索条件,只是重新请求了,再去点B的删除,就没有办原创 2022-06-02 10:55:05 · 2224 阅读 · 0 评论 -
上传到阿里云oss的视频如何获取第一帧作为视频封面
非常简单,在视频地址后面加上?x-oss-process=video/snapshot,t_1000,m_fast就行啦示例:<video id="indexvideo" controls poster="视频地址?x-oss-process=video/snapshot,t_1000,m_fast" src="视频地址"></video>...原创 2021-07-09 12:21:32 · 3863 阅读 · 1 评论 -
关于安卓webview播放音视频退出当前页面后仍播放的问题
这个问题困扰了我好几天了,找了各种各样的方法都不行,按理说vue的router返回了上一页时,会销毁上个页面,但是似乎webview是有缓存的,这就导致了页面切换之后音视频仍然在播放。试过的方法:1. 切换页面时暂停音视频的播放,能降低问题发生频率,但是仍会时有发生。2. app端增加交互,点击返回按钮时调用,将焦点从音视频控件转移回webview,ios可以完美解决,但安卓不行3. 安卓交互修改为返回时reload,但是会造成白屏一秒钟的现象,被产品否了4. 前端在返回时将audio/原创 2021-02-03 18:09:41 · 1510 阅读 · 1 评论 -
viser图表的使用
最近项目里要用到图表,如图。经理找的模板里自带viser,我找了一下文档,写的真的不咋地,底下一片骂声。找了半天,大概是这么写(数据我瞎写的):<template> <div :style="{ padding: '0 0 32px 32px' }"> <h4 :style="{ marginBottom: '20px' }">{{ title }}</h4> <v-chart :data="data" :height.原创 2020-08-26 18:24:08 · 8091 阅读 · 10 评论 -
安卓电视 TV端的webview网页 按键控制和一些小问题
最近做了个tv端的项目,是webview套的vue项目,电视上还不能调试,可把我难坏了。首当其冲的就是按键控制,包括上下左右,确定,返回,home键等。查了一下它们的keycode:36home,37左,38上,39右,40下 ,13确定, 8(也有的是4)返回。返回键默认是跳出app,如果不灵,需要app端配合写回退方法。写了一个公共方法(要用到jquery):import router from '../router'var buttons = [], //需要聚焦的元素集合原创 2020-08-26 17:58:52 · 3267 阅读 · 0 评论 -
小程序webview内嵌网页和网页跳转到小程序
小程序内嵌h5网页:<web-viewsrc="你的网页地址"bindmessage="bindmessage"/>网页地址要配置在小程序的业务域名里。不配置的话,本地测试可以勾选开发者工具右上角详情-本地设置-不校验合法域名。但是不能扫码预览,只能真机调试。网页跳转小程序的方法:varua=window.navigator.userAgent.toLowerCase();//先判断是否微信浏览器if(ua.match(/MicroMessenger/i...原创 2020-08-26 17:36:47 · 2398 阅读 · 3 评论 -
vue项目微信支付报“当前url未注册”的问题
vue项目微信支付报“当前url未注册”的问题:因为vue单页面项目会在url中加#号,会导致我们配置的支付根目录与实际目录不符比如配置的支付根目录是:http://www.xx.com/当我们要支付的时候页面地址可能是:http://www.xx.com/#/pay,这样就会报这个错误。解决方法:1. 每次进首页都调微信授权,这样code会放在#号前面,像这样:http://...原创 2020-01-17 12:22:08 · 2117 阅读 · 0 评论 -
阿里云图片如何获取缩略图
我们都知道大的图片加载会导致页面卡顿,所以有些地方需要显示缩略图,点击显示大图之后再去加载图片,那怎么显示缩略图呢?我们的图片是放在阿里云oss上的,阿里云是提供缩略图服务的,只需要在你的图片地址后面加上参数就ok啦。比如这样:background-image: url("阿里云图片地址?x-oss-process=image/resize,m_fill,h_200,w_200");...原创 2020-01-16 15:41:40 · 2875 阅读 · 0 评论