心猿码意

微信小程序入门距离腾讯微信小程序的推出已经一年多了，一直想学习和了解一下这个新事物，总是因为种种原因没能实现。今天借着朋友准备创立公司，做小程序相关的内容，学习一下。 微信小程序 https://mp.weixin.qq.com/debug/wxadoc/dev/ 小程序发布一年多，现在的版本也渐渐稳定，但作为发展中的事物，还是有很多的不确定性相比刚发布的时候，废除了很多A

根据上一节了解到的小程序知识，尝试完成一个入门的demo项目，记录下过程，供日后参考。第一个页面，打算做一个新闻信息展示的静态页面。首先展示一下最后完成的效果： 页面很简单，分成三个部分：页面标题、中间的轮播图和下面的图文信息。 轮播图的实现，使用的是微信小程序swiper组件，其他地方都是用简单的css来控制样式。下面是代码的目录结构： 因为和第一节完成的页面在一

上一节虽然完成了新闻的静态展示页面，但是实际开发中，数据通常是请求服务器返回的json数据，这时候就需要页面动态加载显示服务器返回的数据。在完成的静态页面的代码上，需要做相应的修改，首先需要编写posts.js代码 - posts.js/**index.js**/Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页

为了更好的对之前做得demo的优化，在参考了官方文档后，从两个部分对代码进行优化。将页面js中模拟的数据，单独抽取出来，更真实的模拟返回的数据在项目中新建一个文件夹data，然后在该文件夹下创建一个posts-data.js文件，然后将之前posts.js中的模拟数据的代码抽取出来：posts-datavar local_database = [ { d