- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue-cli 3.0以上打包部署过程
找到package.json在对应的vue的项目目录下面新建vue.config.js写入下面的配置module.exports = { publicPath: '/h5/dist/', //代表部署的域名访问的目录 outputDir: 'dist',//打包后在当前目录下生成打包后的dist文件,把dist文件放置到对应的域名/h5/下面即可 assetsDir: 'static', lintOnSave: false, productionSourceMap: false /
2021-05-27 14:17:12
525
原创 微信小程序 scroll-view 导航左右滚动
下面的数据可以用自己需要遍历的数据往里面放，这里就不写了，下面写的是如何让点击某项可以让这个导航自己向左向右移动并选中 <scroll-view class="scroll-view_Hclass scroll-view" scroll-x scroll-left="{{scrollLeft}}" scroll-with-animation data-id="{{classIndex}}"> <view class="scroll-view-item_Hclass" wx:
2021-05-18 09:55:22
799
原创 微信网页H5跳转微信小程序-wx-open-launch-weapp
微信公众的文档参考链接 [api文档链接]wx-open-launch-weapp(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html)这里实现的是最基本的js的引入方式跳转首先按照文档配置好js接口域名然后贴入下面的代码即可(亲测有效）这个是自己写的例子的地址（跳转的是公司开发的小程序可以参考）https://test.okall.com.cn/h5/JFK/static/login.h
2020-12-15 13:49:16
2611
5
原创 微信小程序码 渲染
后台调用接口获取到小程序码参考https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.get.html小程序码里面的参数后台可以直接拼接，小程序页面获取可以直接在页面的onload（options）里面直接获取1：小程序如何展示后台返回的二进制图片返回为二进制图片<image class=“partner5 " src=”/项目名/方法名"/" mode=“aspectFit
2020-11-20 18:09:56
253
2
原创 微信小程序常用的日期，当天，本周，本月
var now = new Date(); // 当前日期var nowDayOfWeek = now.getDay(); // 今天本周的第几天var nowDay = now.getDate(); // 当前日var nowMonth = now.getMonth(); // 当前月var nowYear = now.getYear(); // 当前年nowYear += (nowYear < 2000) ? 1900 : 0; var DateUtil = { /**
2020-11-20 18:00:58
1488
原创 微信小程序自定义的普通链接二维码，扫码后如何获取参数？
第一步：写好需要配置链接的小程序页面，去登录小程序管理后台-开发-开发设置设置完后，把链接用草料生成二维码，在小程序里面如何接收参数呢？https://developers.weixin.qq.com/miniprogram/introduction/qrcode.html#%E4%BA%8C%E7%BB%B4%E7%A0%81%E5%86%85%E5%AE%B9%E8%8E%B7%E5%8F%96 onLoad: function (options) {decodeURIComponent(
2020-10-30 17:09:12
1444
原创 微信小程序里面嵌套的h5如何调用微信支付
因为微信小程序的H5不支持调用h5的微信支付，只能跳转回小程序然后调起小程序的微信支付1：在h5页面获取小程序微信支付需要的参数组装一下然后跳转到小程序的时候传过去；//h5页面引入jssdk.js 组装参数跳转小程序支付页面var payParam = { "mallMemId": that.mallMemId, "orderNo": that.orderNo, "cardNo": that.cardinfo.cardNo, "
2020-10-30 17:00:49
5187
原创 uni-app 使用微信公众号的开放标签从网页跳转到小程序 wx-open-launch-weapp
<template> <view> <!-- #ifdef H5 --> <view v-html="wxOpenTags"></view> <!-- #endif --> <view @tap="pazhao">pazhao</view> </view></template><script> // pages/mine/mine.
2020-09-07 17:27:48
2957
9
原创 几种常见的上传图片的方式（微信小程序，微信公众号，普通的网页，uni-app）
普通的网页: <input type="file" accept="image/*" onchange="getzImg(this)" id="zm" /> function getzImg(imgFile) { var file = imgFile.files[0]; console.log(file) } 使用formdata提交文件流就可以了 微信小程序（小程序不支持file blob格式）第一种方式，获取文件路径使用小程序自带的
2020-07-29 16:42:06
2143
原创 微信小程序绘制海报，或者把多张图片合成一张
微信小程序绘制海报，或者把多张图片合成一张，例子<image style='height:{{mabgh}}px;width:{{mabgw}}px;' class="savepng" show-menu-by-longpress='true' src="{{sharepath}}"></image><view wx:if="{{showCanvass}}" style="position:fixed;top:999999999999999999999rpx;">&
2020-05-29 17:40:53
1945
原创 微信小程序生成二维码
此例子可以生成二维码，但有问题就是安卓有兼容性（可以加延时器解决），但是目前是我见过最好使的了Github 上面有代码案例，可以适用于多端github链接 https://github.com/yingye/weapp-qrcode#readme// 将 dist 目录下，weapp.qrcode.esm.js 复制到项目目录中import drawQrcode from '../../utils/weapp.qrcode.esm.js'drawQrcode({ width: 20
2020-05-29 17:36:48
870
1
原创 文件流，上传文件（视频）微信手机端上传文件
文件流一般我们都是使用form表单上传文件，或者使用formdata对象使用ajax上传，要是有不明白可以看一下之前的博客里面有form表单的方式介绍这里主要介绍文件如下代码所示 <input type="file" accept="video/*" capture="camcorder" class="camera-input" id="upload-btn"></div> $("#upload-btn").on("change", function () {
2020-05-29 17:24:14
674
原创 form表单提交前js、jq验证
表单提交前js验证有二种方式第一种 <form method="post" enctype="multipart/form-data" id="myform" > <br> <br> <br> <p>请上传发票: <input type="file" name="invo" value="" id="file"></p><br/><
2020-05-29 17:06:24
345
原创 表单formdata提交(可以根据标签（使用submit提交）、（也可以使用formdata对象使用ajax提交））
表单的二种方式1，标签的form一.创建一个formData对象实例的方式1、创建一个空对象var formData = new FormData();//通过append方法添加数据2、使用已有表单来初始化对象//表单示例 名字 密码 //方法示例// 获取页面已有的一个form表单var form = document.getElementById(“myForm”);// 用表单来初始化var formData = new FormData(form)
2020-05-29 17:00:26
1368
原创 常见的数组和对象操作（删除数组元素，拼接数组，追加数组、增加对象属性，删除对象属性，修改缓存中的值）
遍历数组 for (var i = 0; i < that.data.merSourcedata.length; i++) { //遍历循环找到当前对应的下拉框的值 newisRent.push(that.data.merSourcedata[i].label)//追加数组 } var all = btnlistAll.concat(b...
2019-11-19 17:44:08
266
原创 微信小程序如何获取view组件的高度,swiper如何自适应内容高度
微信小程序如何获取view组件的高度,swiper如何自适应内容高度：获取swiper-item里面的内容view的高度，给swiper的高度赋值既可以自适应内容高度<swiper class='swiper-item__content' current="" bindchange="changeswiper" style="height:{{height}}"> <sw...
2019-09-12 13:25:39
4321
原创 微信小程序动态添加组件和获取多组组件的值
微信小程序动态添加组件和获取多组组件的值因为微信小程序只能操作数据，根据数据去循环遍历组件，所以添加组件也就是直接的操作数据，对数据进行新增，删除用下面自己写的例子来解释：<view class='add' bindtap='onAddPhone'>增加</view><view class='box' wx:for="{{lists}}" wx:key="{...
2019-09-10 13:53:14
2292
3
原创 微信小程序上传多张图片，上传文件pdf等
wx.getFileSystemManager().readFileSync异步循环数组是可以拿到值的wx.getFileSystemManager().readFile，但是加了这个就一直是空数组，不得已现在加了一个模特框点击确定的就有值了var that = this;wx.chooseImage({count: 5, // 默认9sourceType: ['album', '...
2019-09-05 14:03:13
2949
原创 前台接收后台传过来的二进制文件流（二进制转为base64）
此文以图片二进制流转为base64显示图片为例因为ajax不能接受文件流，所以使用原生的请求方式，接收后台传过来的二进制文件流 var xhr = new XMLHttpRequest(); xhr.open('GET', '/path/to/image.png'); xhr.responseType = "arraybuffer"; request.onload = functi...
2019-08-12 09:13:44
8414
原创 移动端滑块移动swiper
以一个滑动银行卡列表展示不同卡信息的例子记录下https://www.swiper.com.cn/demo/index.html (引入的css与js可以去官网下载）<link rel="stylesheet" href="css/swiper.min.css" /> <style> .swiper-container { width: 100%;...
2019-07-31 14:31:27
285
原创 快速word转为html
快速word转为html 平时开发会出现长篇幅的协议或者文档需要编写成代码，这时候如果有一个可以只需要复制粘贴就能搞定的工具就好了，下面是此工具的网址，已经亲测挺好用的。...
2019-07-31 10:09:43
188
原创 input 上传拍照，压缩图片与旋转图片（ios）
压缩图片与旋转图片 inputFileChange: function (event, index, listIndex) { var self = this; var file = event.target.files[0]; var ele = event.target; var Orie...
2019-07-31 10:04:44
1079
原创 移动端网页如何实现加载更多分页
移动端网页如何实现加载更多分页 实例代码如下jq$(window).scroll(function(){var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度var scrollHeight = $(document).height(); //当前页面的总高度var clientHeight = $(this).height(); ...
2019-07-31 09:50:43
2632
原创 微信小程序（登录，是否授权定位,定位，拍照 ，上传，预览，分页，错误提示插件）
小程序好多接口都是异步的，在调用接口时会出现数据丢失的情况小程序登录是异步的（可以通过promise解决）例子：https://blog.csdn.net/txqd1989/article/details/79096415判断小程序是否已经授权（以是否已经授权位置信息为例），若未授权点击会再次调用授权模态框，地址的只能调用一次。app.json“permission”: {“scope....
2019-07-31 09:49:44
1659
原创 h5与app交互方式与事例
app向h5传参数 直接使用？a=1h5获取参数：//接受传的参数function GetInfo(info) {var regn = new RegExp("(^|&)" + info + “=([^&]*)(&|$)”);var ri = window.location.search.substr(1).match(regn);if(ri != null) ...
2019-07-31 09:48:28
1487
原创 微信网页点击按钮下载app，启动app
https://www.jianshu.com/p/3d1e48b9ec7c(参考博客地址）先判断是否在微信或者qq环境中，让用户在浏览器中进行操作网页无法准确判断用户是否安装了app(只能在规定时间段内若未启动则直接去下载使用延时函数实现）下载和启动链接都是ios安卓人员提供 代码如下：启动appvar is_weixin = (function() { //判断微信UAvar ua...
2019-07-31 09:46:48
744
原创 小程序页面内按钮实现分享
小程序页面内按钮实现分享 ，优惠劵分享实例在需要分享的页面添加一下代码 <button open-type="share" data-index="1">fenxiang </button>//data-index为分享后传入的参数（例如优惠劵的标识，在分享出去后可以用于判断是否有人领取了此优惠劵，当别人打开此分享的页面，请求后台判断是否有人领取了此优惠劵） ...
2019-07-31 09:41:33
3211
原创 **如何实现在ie 火狐，谷歌等浏览器下，点击按钮实现pc端下载图片**
如何实现在ie 火狐，谷歌等浏览器下，点击按钮实现pc端下载图片之前也查了好多，但有些不太好用，现在总结下已经可以正常使用满足需求的方法。1：同域名下点击下载代码：测试下载文件 2：如果下载的图片路径地址与发起下载的页面不在统一域名下（注意ie时后台需要转接下图片的请求地址），代码还是上面的代码。实现效果：...
2018-11-30 11:08:46
365
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人