自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 Taro 框架开发的H5项目,在Android 5.1手机的APP嵌套的webview中白屏问题及解决方案

出现的问题:使用Taro框架进行移动端H5项目开发,打包构建后,在Android 5.1手机上(目前遇到的机型是vivo Y66),使用该手机的自带浏览器可以正常加载该H5项目,但在公司APP的webview加载该H5项目,显示白屏。问题定位:根据以往经验,和在网上查找的信息(此处要吐槽一下,Taro相关社区、开发贴真是少),确定是在打包或者编译过程中,es6转es5没有完全进行转译造成的。其中的问题,主要集中在打包完成后生成的dist/js/app.js中,该文件中还保留有箭头函数、con

2020-10-27 21:24:59 2790

原创 使用FFmpeg + nginx + flv.js 实现RTSP格式视频流在web网页进行播放

近期,出于项目需要,要求支持web网页播放RTSP格式的监控视频。因之前并没有相关的项目经验及技术积累。并且H5中的video默认并不支持RTSP格式的视频播放,接下来花了一周时间,都在进行调研和实践网上搜到的方案。1、vlc插件 + video标签起初,找到的实现方式,是利用第三方插件,vlc播放器或者在谷歌浏览器上安装vlc视频插件的方案。在实践过程中发现,该方案,依赖于谷歌浏览器支持NPAPI插件。谷歌浏览器目前已经不知道该插件,即使后来费了很多时间在网上找谷歌浏览器40-44版本,尝试进行播

2021-07-17 18:06:16 5662 6

原创 Sequelize排序问题: 关联其他表数据的排序实现

问题出现的场景在有一对多或者多对多的关联表数据要一起提取返回前端时,在没有申明排序规则的情况下,关联的数据的顺序是随机的。在前端多次调用这类接口,会发现,页面展示的关联数据的位置总是动态变化的,对于对数据展示要前后一致的产品而言,这样的情况,是不被允许的。所以,要添加排序规则,以使关联的数据的展示,也是前后一致,而不是动态变化的。...

2020-10-29 15:21:39 2039 2

原创 Sequelize 排序问题:将字符串类型字段转数字类型后进行排序

问题出现场景:目前使用egg框架进行后端业务开发,使用sequlize这个ORM进行数据库的操作;今天,遇到一个需求,要按照一个被数据库定义为VARCHAR的字段code,按照降序进行排列。// 原始数据 仅展示 code 字段['999', '2', '11', '23', '300', '856', '7869', '66', '88', '1234444', '3333']// 理想结果res -> ['1234444', '7869', '3333', '999',

2020-08-12 18:44:15 1661

原创 APP版本号对比大小及排序

在最近的一次开发过程中,遇到了一个需求,需要获取所有同类型中最新的版本号,后端没有这个接口,只能获取全部版本号数据在前端处理。一开始就想到了使用数组的sort()方法去处理,但是因为版本号的命名不规律等问题,自己写的始终有问题,后来也是网上看了大神们的代码,才进行了补完。现在整理整理,以备后用。一、对比版本号大小方法一: 转成数字进行对比(适用于两个比较有规律命名的版本号,且版本号为数字,...

2019-12-08 17:43:49 2878

转载 小程序web-view页面调用小程序支付,报错支付JSAPI缺少参数: total_fee

问题简述:使用小程序web-view加载网页,调用支付时,使用如下小程序路由API跳转到小程序支付页发起小程序支付。wx.miniProgram.navigateTo({ url: XXX})调起支付过程中,出现弹框,提示:支付JSAPI缺少参数: total_fee,微信小程序文档中未找到相关说明,后来在网上搜索,得到解决方案。原来支付API传参时(如下代码),package字段值...

2019-08-29 10:56:45 1087

原创 javascript 字符串与数字比较大小

在项目开发过程中,经常遇到一些细节问题,考验着我们对javascript基础知识的理解程度。今天就遇到了一个老生常谈,却时常又容易忽视的问题。起因是在两个未写明type的input框中获取到了数字字符串,要进行大小比较,进而进行页面上的提示。举个栗子:// 获取到的两个值var a = "2";var b = "10";a < b => false这肯定不是我们...

2019-07-26 16:17:51 2986

原创 element UI 中输入框禁止输入空格的实现

在项目开发过程中,处理输入框的数据时,不可避免的会有一些禁止输入的需求,例如禁止输入空格,只允许输入数字、汉字或者禁止输入特殊字符等。使用惯了原生js的开发时,再使用element UI会发现以前的写法不起作用了,后来在网上搜索,发现实现方式略有不同,需要加一下特定的修饰符。在处理input框禁止输入空格时,实现方法,目前知道的有两种,展示如下:1、使用vue框架中的.trim修饰符...

2019-07-15 10:55:03 15077 6

原创 react-native 在 View标签中使用map()方法无法处理渲染二维数组的处理方法

在使用react-native进行项目开发过程中,遇到了二维数组的数据,需要在页面中渲染,但是使用普遍的数组遍历方法map(),只对父级数组进行了处理,没有处理二维数组。如果是在使用列表组件,比如FlatList时,不用担心该问题,在rendeRow(data)函授中可以使用map()进行处理,但是在普通标签,比如View中去渲染二维数组就会出现该问题。       // 自定义二维数组...

2018-12-03 12:59:53 1484

原创 react-native 生成二维码并截图保存的功能实现

近期项目开发需要,需要更加不同用户生成随机的二维码,并实现保存该二维码(包含二维码周边的背景图,类似支付宝的红包二维码图片)的功能。在网上查找相关组件,开始使用的是react-native-qrcode组件,截图功能使用的是react-native-view-shot组件,保存图片则是使用的react-native自带的CameraRoll模块。以为这样就可以万事大吉了,没想到还是出了不明所以的b...

2018-09-29 11:53:42 6111 5

原创 react-navigation 中无法找到 CardStackStyleInterpolator 的问题及解决方法

由于项目需要,在使用react-native进行app开发时,产品要求ios和android界面的页面跳转动画要统一。由于ios原生方法就是从右向左进行跳转,回退从左向右跳转。android原生的跳转方式与ios的不同,是从底部到顶部渐变渲染跳转的,回退是从顶部到地图渲染跳转。查看了好多相关文章,找到的方式如下:import CardStackStyleInterpolator from ...

2018-09-27 15:00:32 2514

原创 http中传递base64字符串,含‘+’符号,自动变成空格的问题

今天遇到base64加密向后端传值的问题,本来经过加密已经传过去了,但是没有返回成功的结果。于是,与后端同事配合,找找问题所在。发现是加密后的字符串中有一个“+”符号,在传之前console.log了一下,是显示这个符号的,但是传输过去在去识别,就换成空格了。在网上找到的大神们的做法,看到一个简洁有效的,在此记录一下:首先,在string原型上创建一个替换字符串的方法:String.pr...

2018-07-17 20:45:12 5332

转载 JQuery slideToggle闪烁问题及解决办法

      近期进行的一个项目中,对侧边的菜单栏进行操作,为了达到缓慢隐藏或者出现的效果,选择使用jquery的slideToggle()方法。但是发现效果表现并不理想。在单个案例中,可以像在http://www.w3school.com.cn/中的效果。放在项目的代码中时,尤其下拉菜单关闭时,会在关闭的末尾,突然复现一下,造成侧边栏上下跳动的现象,很明显,这样的效果是需要改进的。      在网...

2018-06-21 15:40:36 3587 1

原创 注册npm账户,npm adduser 遇到400问题的解决

由于项目需要,要对目前使用得npm包中的代码进行处理,以满足项目的需要,所以今天申请了npm的账户,以为会正常的申请就可以了,没成想,在官网注册居然无法提交相关的信息。会显示如下提示:在网上找了半天,也没找到相关的解决方案(可能搜索的关键词不对吧),反正这条路是放弃了。后来就试图在cmd(使用的window系统),然后键入“npm adduser”命令,成功了,但是不对,怎么是在淘宝镜像下的。后来...

2018-05-29 16:16:39 9504 3

原创 angular4中ngModel双向绑定在限制输入情况下与value值不一致的问题及尝试的解决方法

近期公司的一个后台项目在使用angular4进行开发,随着项目的推进和迭代开发,需要对有的input框的value值进行限制输入,例如目前项目的一些input框只允许输入数字和'.' 这两种形式的内容。就在input标签的中添加了(keyup)属性,将相应的ts文件中编写的一个正则验证方法赋值给该属性,以便进行验证,如下所示:元/次 {{normal.price}} ||| {{price

2018-01-25 15:59:49 8310 4

原创 JS对时间格式的处理汇总

在项目实践中,尤其是后台的项目,经常遇到input框中的时间字符串和时间戳,又或者前后两个时间对比大小,或者设置固定相差多少天进行搜索的功能等实际问题。往往在网上搜到问题的解决方法,用过去了,以后再用,就又忘了,或者记得不全,减低了开发效率。因此,在这里做一个专题的笔记整理,方便以后快速查找。1、时间字符串转换成时间戳var a = new Date('2017-11-11 11:11:11')...

2018-01-03 15:55:32 3035

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除