1. 小程序项目实战 - 项目介绍

因公司需要接下来 我会独自开发一个微信小程序 , 正好自己最近也在梳理知识点，就在这里记录下 。

小程序从环境搭建到发布正式流程 ，一个完成的前后端分离 房产类项目。

主要内容有：

主要技术点有：

因为还没有正式开放 ，ui设计图 我就不放出来 ，公司版权的问题 防盗图 。

我会把每天做的东西记录下来 。最终会呈现一个完成上线的小程序 。

小程序上线后，改版了很多次，包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的，本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中，不会遇到很多问题。

本文推荐的项目从入门到进阶都有，收藏起来吧。

02. 小程序书店

技术栈：Taro + Taro UI + Redux + Webpack + ES6 + Mock。这个项目可以作为你第一个小程序练手项目。

这个小程序非常简单，可以作为初学者第一个实战项目。帮助新手理解 Taro 与 Redux 的配合方式与 Taro 的基本使用。本项目还提供了一个快速搭建本地 mock 服务的解决方案。

除此之外，这个项目还提供了学习文档：

03. 高仿喜马拉雅

如果你仅仅有 HTML CSS Js 的知识储备，想开发一个属于自己的小程序，这个 Demo 再适合你不过了，这个高仿喜马拉雅是一个初级项目完全使用微信小程序原生开发，没有使用自定义组件，非常的适合微信小程序开发新手。

04. 网易云音乐小程序

基于Taro与网易云音乐 api 开发，技术栈主要是：typescript+taro+taro-ui+redux+react-hooks。

目前主要是着重小程序端的展示，主要也是借此项目强化下上述几个技术栈的使用，打造一个最佳实践项目，通过这个项目也可以帮助你快速使用 Taro 开发一个属于你自己的小程序。

这是该小程序实现的一些功能：

小程序 GitHub Trending Hub 是一个以 Feed 流形式查看 GitHub Trending 仓库集合的工具，通过它可以及时查看最近更新的热门仓库。

刚刚提及的项目适合新手入门，这个小程序适合进阶选手。这个程序涉及很多组件的使用比如：

07. 情书站点

第一个项目是校园小情书的微信小程序，该项目功能包括表白墙、树洞、校园论坛。

下载。

地址： https://github.com/itguliang/miniprogram-itguliang-cloud

修改app.json-->pages，新增写文章及文章详情页面

home.wxml 加个写文章的按钮，跳转到写文章的页面

页面跳转

修改写文章页面的title，对应的json文件中修改

文章内容编辑器可以参考官方的editor --- 传送门

封面上传（不是必填项）--- 参考小程序云开发的上传图片例子来修改

向下滚动隐藏 、向上滚动显示

监听页面滚动事件

效果见文章开头

下拉刷新，json中设置允许当前页面下拉刷新

towxml解析HTML --- towxml使用-传送门

1、小程序页面跳转不同方法

wx.navigateTo

2、小程序修改单独页面title

app.json中 window 统一设置 title

如果要修改某个页面的title的话，可以在对应页面的json中修改

也可在js中动态加载

3、小程序editor组件 *** 作图标不全，可以中文下和英文下的两个demo结合来用

4、小程序返回上个页面刷新数据

5、动态修改class

---