
小程序
坚持学习前端日记
一个喜欢前端的程序员
展开
-
小程序音乐播放
css3控制播放 动画效果 animation-play-state paused running控制帧 动画控制播放 暂停图标 切换 监听 实现监听小程序app的播放 暂停 控件正则处理 后端数据歌词 比如 ‘[00:00.00]asa[00:11.00]as’$1 $2 是两个 单元项 处理的 结果处理后 加一个定时器 不断的加一 然后 与歌词正则处理的数组 来对比 判断现在是播放时间是哪一句歌词 来显示高亮 比如当前是11s 然后有两句歌词 一个是 10s 一个是12s 我们处于大于.原创 2021-09-20 20:14:11 · 192 阅读 · 0 评论 -
小程序安装vant weapp
第一步新建小程序模板第二步去找到新建小程序模板所在的文件夹npm init -y 初始化第三步 下载npm i @vant/weapp -S --production第四步修改project.config.js第五步修改 详情 勾选使用npm模块 建议勾选es6转es5第六步点击工具 npm 构建第七步导入 组件 全局也好 局部也可以路径请注意 建议不加 button/index 只写button就好了...原创 2021-04-11 14:43:23 · 240 阅读 · 0 评论 -
微信小程序获取用户信息
<button open-type="getUserInfo" bind:getuserinfo="getUserInfo"> 获取用户信息 </button>首先是改变按钮的打开属性有普通按钮 表单按钮form-type 获取用户信息按钮open-type然后绑定事件 是不是感觉和组件传参相似了子组件触发事件 使用triggerEvent(‘自定义事件’)然后父组件设置bind:自定义事件 触发父组件方法通过事件集合返回e.detail绑定全局的api bin.原创 2020-07-16 11:47:41 · 239 阅读 · 0 评论 -
组件通信
vue,react,微信小程序vue自定义组件使用脚手架配置组件template script styleexport default 导出模块import 模块名 from ‘模块路径’然后使用局部组件components导入 或者全局组件props emit on 或者vuex 进行关系之间的通信react使用函数组件 类组件this.props 或者 props父子比如父组件使用 子组件<ch child={this}></ch>//this原创 2020-07-16 11:41:20 · 127 阅读 · 0 评论 -
uniapp打包小程序
首先安装微信开发工具在manifest.json设置微信小程序配置所在路径然后登录微信小程序获取APPID在设置里面点击安全设置开启获取端口然后在HBuilder 点击工具 里面的设置打开运行配置配置浏览器运行配置下面的外部web服务器调用url输入微信小程序的端口比如http://127.0.0.1:19471...原创 2020-06-19 16:08:02 · 1024 阅读 · 0 评论 -
微信小程序拍照上传(nodejs)
代码jsconst w=thiswx.showActionSheet({ itemList: ['相册','相机'],//对应0相册 1相机 success:function(res){ console.log(res) if(res.tapIndex==0||res.tapIndex==1){ wx.chooseImage({ complete: (res) => {}, success:function(res){原创 2020-06-18 19:24:44 · 935 阅读 · 0 评论 -
微信小程序定位
代码如下wx.chooseLocation({//打开搜索地图界面 complete: (res) => {}, success:function(res){//返回选中位置信息 console.log(res) let name=res.name//名字 let add=res.address//地址 let long=res.longitude//纬度 let lat=res.latitude//经度 wx.原创 2020-06-18 17:48:34 · 255 阅读 · 0 评论