文章
关键词 [ ] 的搜索结果:
-
微信小程序之js文件的外部引用实例
作为常见的项目开发习惯了,复用度高的代码都想提取出来,哪里需要就进行传参调用就可,初涉微信小程序的圈子里,毕竟会受新的规范限制,在此整理一下简单的 外部公共 js文件的引用、使用。使用方法以个人开发项目中页面跳转的功能为例,简化其中的代码,参考步骤如下:①. 外部 js文件的处理针对于被引用的外部公共js文件,可自行定义需要的函数,重点在于,后面需要使用 module.exports,进行方法的暴…
-
微信小程序实现手指缩放图片代码分享
用手指缩放图片。其实在实现这个需求以前,并不知道,微信公众号以及微信小程序里面有一个原生的api就自带这个特效,而且微信朋友圈也是用的这个api。wx.previewImage,就是它。预览图片。除了不能预览开发环境的本地电脑的图片外,你手机真机的图片,以及http服务器上的图片都是可以预览的,而且缩放功能做得很流畅。本文主要和大家介绍了微信小程序中实现手指缩放图片的示例代码。先上源码,然后在逐步…
-
原生js怎么封装插件
这次给大家带来原生js怎么封装插件,原生js封装插件的注意事项有哪些,下面就是实战案例,一起来看一下。今天介绍一下怎么写属于自己的插件,建议看之前温习一下面向对象; 我就写个简单的重置样式的插件,话不多说先上代码;//SetStyles.js (function(win, doc) { var defaultSettings = { color: "red", backgrou…
-
浅谈微信小程序的推广方法
我们知道,小程序是当前比较火的概念,如果你开发了一款小程序一定也很想让其盈利吧?想要获取流量红利,商家上线小程序后,就需要注意这六大引流方式。一、附近的小程序引流。任何拥有线下实体门店的企业都可以将自己的小程序展示到自己店铺五公里范围内的所有微信用户手机上,用户打开微信就能看到,通过小程序就能直接购买服务,或者导航到门店。这是非常有效的推广手段。二、关键词推广及搜索广告。开发者只需要进入微信小程序…
-
使用Promise简化回调
在项目中,会出现各种异步操作,如果一个异步操作的回调里还有异步操作,就会出现回调金字塔。比如下面这种// 模拟获取code,然后将code传给后台,成功后获取userinfo,再将userinfo传给后台 // 登录 wx.login({ success: res => { let code = res.code // 请求 imita…
-
微信小程序入门到实战实例分享(四)
调试方法小程序的调试和一般的网页调试差不多,但是注意几点:调试文件的选择打开调试器,选中Sources页签,然后使用快捷键:ctrl+p打开搜索框,选择后缀为sm的文件进行调试。数据绑定的展示打开调试器,选中AppData页签,可以查看到页面数据绑定的详细信息,是否正确绑定。记载着所有页面的数据绑定内容。通过上面这个图片,我们就可以知道,只有在datesArry对象里面有需要绑定在页面上面的数据。…
-
使用Class后出现编译异常
在小程序使用了Class特性之后,编译时可能会出现以下异常:Uncaught SyntaxError: Unexpected token exportUncaught SyntaxError: Unexpected token import...... 出现脚本错误或者未正确调用 Page()如图:解决方案点击左边工具栏“项目”,勾选“开启ES6转ES5”如图: 以上就是使用Class后出现编译异…
-
微信小程序实现圆形进度条实例分享
本文主要和大家分享微信小程序实现圆形进度条实例,希望能帮助到大家。小程序中使用圆形倒计时,效果图:思路使用2个canvas 一个是背景圆环,一个是彩色圆环。使用setInterval 让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子;盒子使用相对定位作为父级,flex布局,设置居中;一个canvas,使用绝对定位作为背景,canvas-id="canva…
-
小程序实现语音识别经验分享
之前写了个工具型微信小程序(Find周边),里面用到了语音识别技术。本文就主要和大家分享小程序实现语音识别经验,希望能帮助到大家。接口预览 通过阅读了解科大讯飞接口文档、小程序接口开发文档以及对后端ThinkPhp框架的学习,我整理了如下开发步骤:注册科大讯飞账号(国人的骄傲,全球领先的语音识别技术)进入AIUI开放平台在应用管理创建应用并记录APPID和ApiKey进入应用配置,配置符合自己的…
-
微信小程序的媒体组件实例分析
本文主要和大家介绍了微信小程序媒体组件的相关资料,包括视频,音乐,图片,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。先来看看效果图: 1、图片Image<!-- scaleToFill:不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 widthFix:宽度不变,高度自动变化,保持原图宽高比不变 aspectFill:保持纵横比缩放图片,只保证图片的…
-
微信小程序live-pusher疑惑解答
本文主要和大家分享微信小程序live-pusher那些坑,最近在做用微信小程序实现实时通话,一个页面同时使用了live-pusher和live-player。中途踩了许多坑,在这里做一下总结,希望能帮到大家。1问题:Live-player播着播着没声音了原因:对live-pusher进行start, stop,resume等操作时,会停止所有正在播放的live-player的声音。(暂时没发现调用…
-
微信小程序swiper组件构建轮播图代码分享
本文主要和大家介绍微信小程序 swiper组件构建轮播图的实例的相关资料,如有疑问请留言或者到本站社区交流讨论,需要的朋友可以参考下,希望能帮助到大家。微信小程序 swiper组件构建轮播图的实例实现效果图:wxml基础文件:<view class="classname"> <swiper indicator-dots="true" int…
-
Angularjs过滤器完成排序功能实例详解
本文主要和大家详细介绍了Angularjs使用过滤器完成排序功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type=&q…
-
微信小程序数据绑定及运算详解
本文主要和大家介绍微信小程序 数据绑定的简单实例的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。微信小程序 数据绑定的简单实例简单用法:Page({ data: { message: '张三' } }) /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var content1={ date:…
-
微信小程序页面跳转事件绑定实例详解
本文主要和大家介绍微信小程序 页面跳转事件绑定的实例详解的相关资料,希望通过本文大家能够理解并应用小程序页面跳转及事件绑定的实例,需要的朋友可以参考下,希望能帮助到大家。微信小程序 页面跳转事件绑定的实例详解什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id…
-
微信小程序之蓝牙链接实例教程
本文主要和大家介绍微信小程序之蓝牙的链接的相关资料,希望通过本文大家能够掌握小程序蓝牙的开发方法,需要的朋友可以参考下,希望能帮助到大家。微信小程序之蓝牙的链接微信小程序蓝牙连接2.0说明:1、本版本区分了ANDROID和IOS系统下蓝牙连接的不同方式。 2、兼容了更多情况下的链接包括:(1)未开启设备蓝牙,当监听到开启了蓝牙后自动开始连接。 (2)初始化蓝牙失败后每3000ms自动重新初始化蓝牙…
-
微信小程序input表单与redio及下拉列表实例详解
本文主要和大家介绍微信小程序 input表单与redio及下拉列表的使用实例的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。微信小程序 input表单与redio及下拉列表的使用实例一个简单的预约类型的表单,效果 主要代码: <form bindsubmit="bindSave"> <view class="form-b…
-
JS实现网页手机音乐播放器歌词同步播放功能代码
本文主要为大家分享一篇原生JS实现网页手机音乐播放器 歌词同步播放的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧,希望能帮助到大家。//获取歌词文本 var txt = document.getElementById("lrc"); var lrc = txt.value;//获取文本域里的值 /*console.log(lrc);*/ var lrcA…
-
微信小程序YDUI的ScrollNav组件实现滚动导航效果
本文主要为大家详细介绍了微信小程序实现YDUI的ScrollNav组件,滚动导航效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。DEMO下载效果图实现原理采用双 scroll-view 组件实现双滚动!WXML<!--导航滚动 --> <scroll-view class="tui-city-scroll" scroll-x=&quo…
-
微信小程序YDUI的ScrollTab组件滚动选项卡效果详解
本文主要和大家详细介绍微信小程序实现YDUI的ScrollTab组件,滚动选项卡效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。DEMO下载效果图YDUI的ScrollTab(滚动选项卡)WXML<!--导航 --> <view class="tui-fixed-left"> <scroll-view class=&quo…