H5
文章平均质量分 78
qq_28471389
这个作者很懒,什么都没留下…
展开
-
手机浏览器中H5跳转微信小程序长按识别二维码
APP中订购课程后发送短信通知,用户点短信中连接进入H5,此时H5是手机浏览器中打开,不是微信生态所以放的客服二微码无法长按识别。原创 2022-03-01 15:22:04 · 5865 阅读 · 0 评论 -
H5无刷新上传图片到企业微信素材
最近在做企业微信审核接口,文字数据之类的提交都好说,但是上传附件时候企业微信接口只接受media_id,下面讲下如果把本地图片上传到企业微信素材先上H5的代码,无刷新上传图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图片上传</title> <script src="static/js/jquery.js" type="tex原创 2021-08-31 15:15:59 · 660 阅读 · 0 评论 -
轻松上手Echars让你的数据更加绚丽多彩,动态图表生成静态图片打印无忧
引入JS你可以通过以下几种方式获取 Apache EChartsTM。 从Apache ECharts 官网下载界面获取官方源码包后构建。 在 ECharts 的GitHub获取。 通过 npm 获取 echarts,npm install echarts --save,详见“在 webpack 中使用 echarts” 通过jsDelivr等 CDN 引入 通过标签方式直接引入构建好的 echarts 文件<!DOCTYPE html&g...原创 2021-04-20 11:52:26 · 331 阅读 · 0 评论 -
微信JSSDK接口实现H5相册或者拍照上传图片获取地址
第一步 引用JS,设置要调用的接口通过微信js接口,调用底层程序。需要引入js文件,并进行配置。<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>wx.config({ debug: false, appId: 'wxed7996e9ad58345d', timestamp: 1449717454, nonceStr: 'asdfasdfasdf'原创 2021-02-22 10:36:03 · 1208 阅读 · 0 评论 -
企业微信开发----H5发送表单请求到企业微信内部审核
最近有个业务需求是制作一个H5,把用户提交的退费申请发送到企业微信审核中心,让企业内部直接审核,大致看了下开发文档,也比较简单。感叹腾讯企业微信功能太强大了,就是一个企业OA第一步 创建应用这里就是应用的secret,复制保存。后期接口调用需要。...原创 2021-02-20 16:55:51 · 2636 阅读 · 1 评论 -
新年了做一个新年倒计时前加上一个浪漫的雪花飞舞效果
先上效果图片,再上代码效果JS关键代码//下雪效果function snow(){ const canvas = document.getElementById("background"); const ctx = canvas.getContext("2d"); const width = window.innerWidth; const height = window.innerHeight; canvas.width = width;原创 2021-01-26 11:54:52 · 352 阅读 · 0 评论 -
JQUERY+AJAX实现无刷新弹出层登录思路
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用。常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息。本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用。关于弹出层效果,我们继续使用弹出层插件-hwLayer。更多的灵活性体现在绑定弹出层上的表单提交按钮事件,然后进行ajax异步交互,最后局部刷新主页面。阅读本文,您除了需要具备HTML5、CSS3、jQuery等前端知识外,还需要了解PHP甚至My原创 2021-01-15 16:58:35 · 349 阅读 · 0 评论 -
移动端REM布局自动等比缩放还原设计
同学们面对移动端不同分辨率的手机,肯定也为自适应的布局头大吧。有了REM一切好像变的简单了,现在一般移动端的设计宽度都是750PX,或者640PX.今天我们就以750的设计稿为例讲下怎么还原设计吧。在750px下 html{font-size: calc(100vw/7.5);} 100vw=750px–>font-size:750px/7.5 -->100px–>1rem。这里两个概念,一是VW就是手机屏幕宽度的单位,不管你手机屏幕实际宽是多少都可以用100VM来表示,类似于是一原创 2020-11-18 11:07:10 · 577 阅读 · 2 评论 -
年会手机号抽奖程序的具体流程
抽奖程序在实际生活中广泛运用,由于应用场景不同抽奖的方式也是多种多样的。本文将采用实例讲解如何利用jQuery+PHP+Mysql实现类似电视中常见的一个简单的抽奖程序。本例中的抽奖程序要实现从海量手机号码中一次随机抽取一个号码作为中奖号码,可以多次抽奖,被抽中的号码将不会被再次抽中。抽奖流程:点击“开始”按钮后,程序获取号码信息,滚动显示号码,当点击“停止”按钮后,号码停止滚动,这时显示的号码即为中奖号码,可以点击“开始”按钮继续抽奖。HTML<div id="roll"><原创 2020-11-17 18:03:42 · 2391 阅读 · 0 评论 -
H5利用html2canvas生成带二维码的分享海报
相信朋友们一定遇到过类似问题,为了分享美观,H5要生成一经专属的带分享者信息的二维码的海报。具体实现可以借助于html2canvas及qrcode完成此功能。第一步生成当前页面的二维码,页面包含用户分享OPENID参数;<script type="text/javascript" src="qrcode.min.js"></script>//生成二维码var qrcode = new QRCode(document.getElementById("qrcodeCanv原创 2020-10-29 17:10:27 · 2568 阅读 · 0 评论 -
如果运用微信JSSDK,让H5进行微信分享
第一步引入JS文件在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js第二步通过config接口注入权限验证配置所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致原创 2020-10-29 16:03:28 · 759 阅读 · 0 评论 -
获取微信用户信息后如何把微信头像保存到本地服务器
默认微信头像是一个URL地址,保存在微信的服务器上,如果授权登录后换了头像获取的头像地址就会失效,图片显示不出来体验就会比较差。解决办法就是在登录的时候把微信头像保存到本地服务器,这样就不存在这样的情况,用户发现头像没更新可以手动点击更新或者程序自动判断更新。下面是PHP中如果把用户的微信头像保存到本地服务器,形成永久的头像。 function download_remote_pic($url) { $header = [ 'User-Agent:原创 2020-10-29 15:50:48 · 2413 阅读 · 0 评论