自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(90)
  • 资源 (2)
  • 问答 (2)
  • 收藏
  • 关注

转载 Android Webview中解决H5的音视频不能自动播放的问题

在开发webview的时候,当加载有声音的网页的时候,声音不会自动播放,解决方法:在webview中调用js方法。这个方法需要在webview的setWebViewClient方法之后在onPageFinished回调中执行调用。代码如下:web_view.setWebViewClient(new WebViewClient() { // 解决H5的音视频不能自动播放的问题 @Override ...

2021-06-21 09:19:55 2155 1

转载 小程序传参的参数中有问号

转载地址 https://blog.csdn.net/sinat_40172076/article/details/86610655有时从一个页面导航到另一个页面需要携带参数,而正巧的是,参数中含有问号(?),此时,后面的页面在onLoad: function (options)中是拿不到我们想要的数据的比如:wx.navigateTo({url: “…/about/about?a=3?3”})我们拿到的options中却是:{a=3}后面的数据直接丢失了解决方法有三:一、将该参数设为全

2020-11-03 17:01:31 778

转载 web项目支持播放的视频格式要求

今天给一个客户上传视频后发现,即使是MP4格式的视频浏览器也打不开,找了好久的问题,最红发现客户视频的编码方式不是h5支持的,折腾了好久,最终确认了浏览器对于MP4编码方式的如下:浏览器对mp4的编码方式要求的非常严格视频编码必须是 H.264音频编码必须是: AAC最后,通过“视频转换工具”转换后,上传问题解决,做个记录。...

2020-06-30 09:46:11 1421

原创 echarts 折线图数据绘制一个K线图表()

项目中客户有这个需求(主要想看涨跌),这里记录一下。效果图 :简单的k线图需要四条数据(//开盘(open),收盘(close),最低(lowest),最高(highest))。开盘价取折线图的实时价,收盘价也取折线图的实时价,最低最高在随机取值就会有折线图的感觉(没有中间的块,只判断涨跌)。折线图数据实时刷新,涨跌echarts会判断(开盘价和收盘价一样,后一条数据的值比前一条数据的...

2019-11-01 20:01:47 1599

转载 vue-cli3创建了一个git仓库项目,自己新建远程仓库然后本地推送后报错

git -c diff.mnemonicprefix=false -c core.quotepath=false push -v --tags --set-upstream origin master:masterPushing to http://git2.74kd.cn/xiejianghua/vv-international.gitPOST git-receive-pack (91...

2019-09-28 11:55:26 976

原创 vue-cli3创建项目build打包白屏

vli3创建项目,打包后一片空白,也不报错。后来无意中查看入口文件index.html返回如下:We'resorrybutmobiledoesn'tworkproperlywithoutJavaScriptenabled.网上找下解决方案是router.js中的问题:router.js有这两行代码: mode: 'history', base: pro...

2019-09-25 16:25:12 1337 2

原创 Vue项目低版本兼容 Uncaught SyntaxError: Use of const in strict mode.

打包低版本手机有两个错:Uncaught SyntaxError: Use of const in strict mode.Cannot read property 'call' of undefined部分参考自:https://blog.csdn.net/qq_25186543/article/details/80484215安装 babel-polyfill 、es6-pro...

2019-09-20 11:53:34 4471

原创 CSS世界 效果收藏

1.正在加载中... 动态效果 dot{ display: inline-block; height: 1em; line-height: 1em; overflow: hidden; vertical-align: -.25em; } dot:before{ content: '...\A..\A.'; display: block; white-s...

2019-09-04 22:12:39 275

原创 Vue 使用h5plus 点击保存二维码和调用自带分享整个页面

<!-- 二维码html --><div class="wrapper-img" id="qr"></div>//保存二维码(二维码生成使用qr.js,会生成img标签 src为base64) saveCode(){ let _this = this; let imgData; let qrImg = document.getEleme...

2019-08-02 10:20:38 1682 2

原创 vue checkbox全选

代码很简单,用的es5 Array新增的方法every 和 map 。先来一张效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></scr...

2019-06-30 20:07:14 262

转载 打包bat成exe,双击运行不显示dos窗口,exe不报毒

转载自:https://www.cnblogs.com/dodui/p/3171411.html准备材料如下bat和vbs直接新建文本,然后改后缀就可以建出来了(后面发现exe运行vbs来启动bat不报毒)下面内容就是要把这些文件打包成exe,双击exe后打开图片test.jpg,不显示dos窗口。=====================================我是一条春卷==...

2019-06-11 10:09:57 4605

原创 Vue 项目 ie下打不开

尝试安装babel-polyfill 无效index.html加入这一行后可以打开<meta http-equiv="X-UA-Compatible" content="IE=edge" />

2019-06-10 17:51:16 1015

转载 日期时间格式化在ios系统上显示为NaN问题

踩坑(1)-小程序日期时间在ios系统上显示为NaN问题原文:https://www.jianshu.com/p/da28fb55eab2问题:小程序中倒计时在安卓中能够正常显示,但在ios系统上显示错误,显示为NaN。原因:ios系统不支持2018-03-09这样格式的时间导致出现的这个问题,IOS只识别2018/03/09这样的格式。解决办法: 将时间中的 -...

2019-05-14 09:42:02 4300

原创 USDT 转账

index.html 中引入<script src="static/bitcoinjs-3.3.2.js"></script>离线签名代码是参照 的这位博主https://blog.csdn.net/jiang_xinxing/article/details/85162829function usdtSign(privateKey, utxo, feeVa...

2019-05-09 11:59:50 3086

原创 Vue 使用 better-scroll 做侧栏分类菜单

效果图 :<template> <div class="goods"> <div class="menu-wrapper" ref="menuScroll"> <div ref="menuScroll2"> <ul> <li class="menu-item" v-for="(item, id...

2019-04-24 15:50:55 930

原创 用echarts 绘制一个折线图表

效果图 :echarts 是在index.html引入的静态文件&lt;script src="./static/echarts.min.js"&gt;&lt;/script&gt;echarts组件代码:&lt;template&gt; &lt;div class="MyEchart"&gt; &lt;div :id="id" class=&quo

2019-03-17 16:23:35 308

原创 Vue指纹识别验证 h5plus

效果图://点击事件 开启关闭指纹识别验证&lt;mu-list&gt; &lt;mu-list-item button :ripple="false" @click="fingerprintVerification"&gt; &lt;mu-list-item-title&gt; 指纹验证 &lt;/mu-list-item-title&...

2019-03-01 18:20:22 5950 2

转载 当display:flex弹性布局与position:absolute/fixed定位一起用,会出现的问题与解决方法

首先放出使用场景的截图:使用场景导航栏固定定位导航栏内,平均分为四块,为了适配各种移动设备,使用了flex布局。与此同时,产品经理要求:页面上滚越过封面图时,导航栏变为固定定位,浮在页面顶部。拿到需求之后,思路就是先搞好布局,然后监听window.onscroll,当页面滚的距离大于封面图的时候,给ul加入position:fixed。下面再现一下问题:&l...

2019-02-28 18:14:50 10494

原创 Vue2.0 页面切换左右滑动效果

&lt;transition :name="transitionName" mode="out-in"&gt; &lt;router-view class="child-view"&gt;&lt;/router-view&gt; &lt;/transition&gt;data(){ return{ transitionName:'slide-

2019-01-11 14:52:22 4607 2

转载 webApp 禁止IOS长按复制粘贴

原文地址 : https://blog.csdn.net/xutongbao/article/details/80595132?utm_source=blogxgwz6/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/*{ -webkit-touch-callout:none; ...

2019-01-04 10:49:05 1881

原创 Vue2.0 一个简单的项目配置模板

项目维护期间时间比较充足,做了一个简单的Vue2.0模板。先上图项目模板使用了muse-ui3.0   api地址:https://muse-ui.org/#/zh-CN/stepper项目简单使用了store,定义了“日期格式化”的全局指令directive和全局变量lib。以及组件components的使用。main.js监听了返回按钮以及axios的请求拦截都做了处理。 ...

2018-12-22 11:48:30 710

原创 layer-mobile 在ios手机上弹框不能显示的问题

项目测试的时候layer-mobile的open方法app.$layer.open({ title: app.$t('layer.tishi'), content:r.msg, btn:[app.$t('layer.btn')] })...

2018-12-18 11:44:53 3045

原创 vue2.0 使用vue-cropper裁剪图片并上传服务器

插件地址 : https://github.com/xyxiao001/vue-cropper项目截图:1.npm install vue-cropper 安装2.main.js使用import VueCropper from 'vue-cropper' Vue.use(VueCropper)3.选择图片//选择图片 selectImage(){ ...

2018-12-14 11:25:57 4180 5

原创 vue2.0 webApp保存图片到相册

ios下a标签不能直接下载图片。为了兼容android和ios找到了h5plus。里面有个保存到相册的功能。代码很简单,如下:saveImage{ if(!window.plus) return; plus.gallery.save(this.wechat.cover, function () { plus.nativeUI.alert("保存图片到相册成功"); ...

2018-11-17 13:10:30 11674 2

原创 vue2.0 HBuilder打包选择相册二维码并扫描功能

之前以为很难实现,其实很简单 ,html5plus都提供了。功能实现就两步  1. plus,gallery.pick选择图片,返回图片路径   2.plus.barcode.scan扫描,返回二维码内容。//选择相册中的二维码并扫描 gallery(){ if(!window.plus) return; plus.gallery.pick( function(path){...

2018-11-16 14:32:20 939

原创 vue2.0 HBuilder打包添加扫一扫功能

项目中使用了keep-alive缓存, 扫描事件写在了activated里面了  这样每次进入页面都会开启扫描。代码很简单,就直接贴上来了&lt;template&gt; &lt;div class="qr-code"&gt; &lt;div style="background: black;position: fixed;top: 50px;left: 0;right...

2018-11-14 16:26:17 2388

转载 vue缓存页面返回到指定滚动位置

vue缓存页面使用了keep-alive返回不会指定到滚动位置,添加了下文中的activated方法,直接使用 this.$refs.content.scrollTo(0,this.scroll);跳到指定滚动位置,其中this.scroll是记录的上次滚动的位置。vue 中注册滚动事件与dom 并无不同以下配合keep-alive 组件使用在 mounted 注册滚动事件  ...

2018-11-08 09:49:53 2075 1

原创 ionic 添加github插件地址 报错

 Error: Failed to fetch plugin https://github.com/raistlinzx/cordova-plugin-sharesdk.git via re          gistry.Probably this is either a connection problem, or plugin spec is incorrect.Check you...

2018-10-15 22:16:15 565

原创 vue 使用 Electron打包成桌面应用

1. cd目录到 npm run build 生成的dist文件夹2.dist目录下新建package.json、electron.js文件,内容如下:{ "name": "FloorGuidance", "version": "1.0.0", "description": "A minimal Electron application", "main&

2018-07-24 12:08:25 1070

原创 ionic 使用videogular播放视频

ionic 项目如果没有bower.json的话新建bower.json      命令:bower.init 1. 安装videogular,主题和其它插件bower install videogular videogular-themes-default videogular-controls videogular-buffering videogular-overlay-play video...

2018-06-22 17:34:54 3030

原创 css input checkbox样式更改

input[type="checkbox"]{ -webkit-appearance: none; vertical-align:middle; margin-top:0; background:#fff; border:#999 solid 1px; border-radius: 3px; min-height: 12px; min...

2018-06-13 20:00:42 13301 3

原创 vue2.0 实现汉字A-Z排序与手机通讯录效果

先上一张效果图:列表html  template  (使用 ydui移动端UI  , 地址:http://vue.ydui.org/)&lt;yd-cell-group v-for="item in memberList" :title="item.letter" :id="item.letter" :ref="item.letter" style="padding: 0;margin: 0"..

2018-06-08 17:39:37 11853 10

原创 ionic 本地视频上传与预览图截取上传

<input type="file" accept="video/avi,video/mp4,video/flv,video/3gp,video/swf" onchange="angular.element(this).scope().onFileChange(this.files)" style="display: none;">

2018-06-06 12:02:53 1628 1

原创 $cordovaFileTransfer.upload 上传文件异常filetransferError code 3

解决:options.headers = {     Connection: "close",}

2018-06-01 15:16:48 2914 2

原创 cordova-plugin-sharesdk 微信分享失败

ionic 分享插件真机调试发现无法分享到微信和微信朋友圈,QQ其他都可以,网上查找列出以下几点:1、测试没有打包2、打包的keystore跟微信开放平台上面的不一致, 导致MD5码不一致3、分享参数错误4、应用没有审核通过5、包名跟开放平台上面的不一致 逐一排查发现最终把错误定在了第2点。 分享的图片链接不正确。图片无法显示。更换正确的图片地址后就可以正常分享了...

2018-05-23 20:01:12 1360

原创 codova-plugin-camera 插件在android7.0系统手机上拍照报错

file:///storage/emulated/0/ilive/images/photophoto.jpeg exposed beyond app through ClipData.Item.getUri() 解决办法:在platforms--&gt;android--&gt;src目录下的MainActivity.java的onCreate方法中 加入以下三行代码  StrictMo...

2018-04-19 18:40:18 675

原创 Vue2.0 webApp视频预览并上传,百分比进度显示

  &lt;p&gt;请选择或者拍摄视频上传&lt;/p&gt;  &lt;input type="file" accept="video/avi,video/mp4,video/flv,video/3gp,video/swf" capture="camcorder" @change="onFileChange" style="display: none;"&g

2018-04-12 18:30:43 8401

原创 vue 按钮多选效果和删除数组元素

choose(item){this.$set(item,'hasChoose',item.hasChoose?false:true); //单条数据插入Boolean值 hasChoose,true为选中,false则反if(item.hasChoose){this.idArr.push(item.terminal_id); //如果选中则将其id存入数组,否 则删除}el

2018-04-08 19:16:01 1771

原创 vue2.0 可折叠列表 v-for循环展示

先上一张效果图:以前用angularjs操作基本上都是要取到每个列表的id再循环判断是不是当前点击的列表来显示折叠。今天在这个项目 https://github.com/IFmiss/vue-music 上看到操作很简单,并没有如此复杂。赶紧记录一下:折叠列表单独做一个组件,图标是用的iconfont中生成的css链接:myMusicSheetList.vue

2018-03-16 15:39:39 8614

原创 vue2.0 侧滑菜单栏

本文参考的是  https://github.com/IFmiss/vue-music 的一个云音乐app项目,觉得侧栏菜单不错就模仿敲了一遍,顺便做下记录加深印象。效果图如下:1.sideBar.vue&lt;template&gt;  &lt;div class="home"&gt;  &lt;!-- 对transition不了接的可以查看vue2.0官方文档的“过渡 &amp; 动画” 链接...

2018-03-15 14:42:15 10243 3

vue案例学习视频

总共12章课程,从简介到实战都有介绍,实战是重点。很不错 分享给有需要的同学

2018-03-27

ionic 城市列表

一个基于ionic 的城市列表,可锚点定位,可搜索

2016-12-08

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

TA关注的人

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