![](https://img-blog.csdnimg.cn/015db99c3700471d9008fe8571337ff8.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序开发
文章平均质量分 86
微信小程序开发学习开发历程
战胜.
一个人要想更出色,需付出别人更多的时间,要相信自己,也相信目标一定能达成
展开
-
微信小程序开发【汇总导航目录】
一、网易云音乐小程序微信小程序开发(第一篇 开发环境的准备+demo获取微信用户信息)微信小程序【网易云音乐实战】(第二篇 轮廓图、阿里巴巴的矢量图标、滚动条、前后端交互、列表渲染)微信小程序【网易云音乐实战】(第三篇 自定义组件、排行榜的制作、内网穿透、tabBar、个人中心)微信小程序【网易云音乐实战】(第四篇 用户登录、本地存储、视频播放、上拉下拉刷新)微信小程序【网易云音乐实战】(第五篇 转发分享、每日推荐、音乐播放、页面通信npm包、进度条、全局数据)微信小程序【网易云音原创 2021-01-28 09:58:58 · 1112 阅读 · 0 评论 -
微信小程序【网易云音乐实战】(第六篇 歌曲搜索、自定义模板、分包)
一、歌曲搜索1. 界面数据获取<view class="searchContainer"> <!-- 头部搜索区域 --> <view class="header"> <view class="searchInput"> <text class="iconfont icon-search1 searchIcon"></text> <inp原创 2021-01-28 09:51:16 · 5596 阅读 · 2 评论 -
微信小程序【网易云音乐实战】(第五篇 转发分享、每日推荐、音乐播放、页面通信npm包、进度条、全局数据)
一、转发分享功能onShareAppMessage(Object object)Button<button open-type="share" class="item btn"> <text class="iconfont icon-gengduo"></text></button> /** * 用户点击右上角分享 */ onShareAppMessage: function ({from}) { // f原创 2021-01-27 16:06:36 · 4406 阅读 · 2 评论 -
微信小程序【网易云音乐实战】(第四篇 用户登录、本地存储、视频播放、上拉下拉刷新)
一、微信登录官网事件使用使用1. 绑定事件 和 获取数据bindinput :当输入框有变化时,触发事件。 handleInput(event){ // let type=event.currentTarget.id; // 1. 通过设置的id 传值 let type=event.currentTarget.dataset.type; // 2. 通过data-type 传值 this.setData({ [type]:event.detail.valu原创 2021-01-25 11:23:43 · 6044 阅读 · 11 评论 -
微信小程序【网易云音乐实战】(第三篇 自定义组件、排行榜的制作、内网穿透、tabBar、个人中心)
这里写目录标题一、自定义组件1. 制作自定义组件2. 使用自定义组件3. 组件动态数据二、排行榜的制作1. 静态搭建2. 获取排行榜动态数据三、内网穿透(真机体验)四、tabBar(底部栏) 的使用五、个人中心页面一、自定义组件官方文档 自定义组件1. 制作自定义组件上面这个部分将在项目中重复使用,所有将其作为一个组件。首先将index页面文件夹里面的 wxml和wxss里面关于header的代码片段和样式复制到新建的conponent组件相应的文件里。2. 使用自定义组件在page原创 2021-01-22 21:31:12 · 5097 阅读 · 1 评论 -
微信小程序【网易云音乐实战】(第二篇 轮廓图、阿里巴巴的矢量图标、滚动条、前后端交互、列表渲染)
下面通过webStrom来写代码,通过微信开发者工具来调试!一、轮播图官方轮播图的组件参考<!--- 轮播图 -----><swiper class="banners" indicator-dots="true" indicator-color="ivory" indicator-active-color="#d43c33"> <swiper-item> <image src="/static/images/nvsheng.jpg"原创 2021-01-22 15:42:20 · 2054 阅读 · 1 评论 -
微信小程序开发(第一篇 开发环境的准备+demo获取微信用户信息)
一、开发工具准备1. 下载 微信开发者工具2. 注册一个微信小程序的账号二、 小案例效果图:开发步骤:1.打开微信开发者工具,新建一个项目2. 删掉原有的文件目录,自己根据需要重新写3.创建需要的文件app.jsapp.jsonapp.wxss右击index新建一个Page,会自动生成四个文件4. 编写app.json文件到这里发现样式发生了变化5. 编写index界面6. 编写index.wxss样式以上就完成了一个简.原创 2021-01-21 19:57:57 · 1539 阅读 · 1 评论