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

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

请联系本文作者或者关注公众号：菜鸟奋斗或Q群：702101215

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

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

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

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

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

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

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

静态启动页面

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

构建新闻列表页

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

构建新闻详情页

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

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

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

小程序公众号
后台配置

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

课程扩展知识点

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')
  }
})

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

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

猜你喜欢