小程序
坚持学习前端日记
一个喜欢前端的程序员
展开
-
小程序音乐播放
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 · 169 阅读 · 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 · 221 阅读 · 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 · 233 阅读 · 0 评论 -
组件通信
vue,react,微信小程序 vue 自定义组件使用脚手架配置组件 template script style export default 导出模块 import 模块名 from ‘模块路径’ 然后使用局部组件components导入 或者全局组件 props emit on 或者vuex 进行关系之间的通信 react 使用函数组件 类组件 this.props 或者 props 父子 比如 父组件 使用 子组件 <ch child={this}></ch> //this原创 2020-07-16 11:41:20 · 119 阅读 · 0 评论 -
uniapp打包小程序
首先安装微信开发工具 在manifest.json设置微信小程序配置所在路径 然后登录微信小程序获取APPID 在设置里面点击安全设置 开启获取端口 然后在HBuilder 点击工具 里面的设置 打开运行配置 配置浏览器运行配置下面的 外部web服务器调用url 输入微信小程序的端口 比如http://127.0.0.1:19471 ...原创 2020-06-19 16:08:02 · 1002 阅读 · 0 评论 -
微信小程序拍照上传(nodejs)
代码js const w=this wx.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 · 912 阅读 · 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 · 248 阅读 · 0 评论