进击的移动端：40G微信小程序开发教程（工具插件+视频教程）

CP1043-40G微信小程序开发教程（工具插件+视频教程）

学习要趁早，点滴记录，学习就是进步！

随笔背景：在很多时候，很多入门不久的朋友都会问我：我是从其他语言转到程序开发的，有没有一些基础性的资料给我们学习学习呢，你的框架感觉一下太大了，希望有个循序渐进的教程或者视频来学习就好了。对于学习有困难不知道如何提升自己可以加扣：1225462853进行交流得到帮助，获取学习资料.

CP1043-40G微信小程序开发教程（工具插件+视频教程）

下载地址：http://pan.baidu.com/s/1jI05TPW

作为程序员，竟然想不出你不学这门课的理由
- 自己去看看课程评价吧!

课程一直紧跟微信官方不断更新
微信官方为小程序开放了更多的入口和接口，讲师像维护产品一样持续升级课程，课程内容一直紧
随微信的更新不断调整、丰富，说真的，除了慕课网，哪里还有这种会令你感动的课程
不怕你对前端不熟悉！
开发小程序不需要学习AngularJS、Vue或React等复杂的前端框架及类库，学习曲线相当的平滑。通
过小程序入门前端，再反向学习其它前端框架，对于0基础开发者或想进军前端的开发者是一条非常好
的捷径

怎么在实际开发中学会小程序开发

1

静态启动页面

目录结构、文件类型
自适应单位rpx
弹性盒子布局
View、Image组件的应用

2

构建新闻列表页

配置文件、Swiper组件
Page页面的生命周期、数据绑定
数据缓存与列表渲染
template模板化编程

3

构建新闻详情页

音乐播放
状态栏通知
操作菜单等组件和API的用法

4

构建电影影讯页
及电影详情页

调用真实网络数据填充
请求服务器数据
模块儿化编程
上滑加载数据、下拉刷新数据
Image组件的高级用法

5

小程序公众号
后台配置

绑定开发者微信
配置服务器地址等

6

课程扩展知识点

ES6－Class编写面向对象JS代码
ES6－"箭头=>"定义函数
Form表单类组件讲解
Map地图组件及地理位置API
小程序里使用less和sass

在文件中输入如下代码（输入Page IDE会有提示）

Page({  data:{    // text:"这是一个页面"  },  onLoad:function(options){    // 页面初始化 options为页面跳转所带来的参数  },  onReady:function(){    // 页面渲染完成  },  onShow:function(){    // 页面显示  },  onHide:function(){    // 页面隐藏  },  onUnload:function(){    // 页面关闭  }})

其实意思就是 将js文件中变量 color的值在这里使用
也就是值等于 window
然后我们再回到index.js文件
在最上面申请一个变量控制点击
然后在click:function() 函数中添加如下代码

click:function(){    console.log("点击了文字");      if(flag){        color = "window-red";        flag = false;      }else{        color = "window";        flag = true;      }      this.setData({        color      });  },

app.js文件管理整个程序的生命周期，所以在里面添加如下代码：（输入App IDE会有提示）

App({  onLaunch: function () {    console.log('App Launch')  },  onShow: function () {    console.log('App Show')  },  onHide: function () {    console.log('App Hide')  }})