最全1小时实战入门小程序开发，历史上的今天案例讲解(3)，超详细

惊喜

最后还准备了一套上面资料对应的面试题（有答案哦）和面试时的高频面试算法题（如果面试准备时间不够，那么集中把这些算法题做完即可，命中率高达85%+）

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

![ ](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLTNmM2FkNjc2ZTEyNGM4MzE?x-oss-process=image/format,png)  

3,index.wxss  

![ ](https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy82MjczNzEzLWEzYTJjNTdlZmY5ZWJlOGQ?x-oss-process=image/format,png)  

这样我们的首页展示就实现了，接下来看我们的详情页

四，详情页

===================================================================

可以看出我们的详情页很简单，就一个webview，但是功能确很丰富。

当然这一切都拜webview这个强大的组件所赐。至于如何实现这个视频功能的，我视频里有说的。偷笑。。。。。

《10小时零基础快速入门小程序开发》

还是接着讲我们的这个详情页，首先我们要实现的是首页列表点击，跳转到详情页。这里还要贴出首页的代码了

上图的bindtap用来实现点击事件，data-link用来在点击的时候传递值。

看上图的点击事件的实现，可以看出，我们是在点击的时候拿到一个link值，然后把这个值传递到详情页，而这个值，就是我们webview用来展示网页的链接。

这个时候我们的详情页，其实就相当于一个浏览器了，你往里面传递不同的网址，我们就能显示不同的内容。

其实到这里我们就基本上实现了我们的功能了。

下面把index.js的完整代码贴给大家。

Page({

  data: {

    dataList: [],

    yueRi: ''

  },

  onLoad() {

    let month = this.getMonth()

    let monthDay = this.getTime()

    let yueRi = this.getFullTime()

    let that = this

    wx.request({

      url: `https://baike.baidu.com/cms/home/eventsOnHistory/${month}.json`,

      success(res) {

        console.log("请求成功", res.data['12']['1214'])

        that.setData({

          dataList: res.data[month][monthDay],

          yueRi

        })

      },

      fail(res) {

        console.log("请求失败", res)

      }

    })

  },

  //跳转到详情页

  goDetail(event) {

    let link = event.currentTarget.dataset.link

    console.log(link)

    wx.navigateTo({

      url: '/pages/detail/detail?link=' + link,

    })

  },

  //获取月日

  getTime() {

    let date = new Date()

    let month = date.getMonth() + 1

    if (month < 10) {

      month = '0' + month

    }

    let day = date.getDate()

    if (day < 10) {

      day = '0' + day

    }

    let monthDay = '' + month + day

    console.log(monthDay)

    return monthDay

  },

  //获取月份呢

  getMonth() {

    let date = new Date()

    let month = date.getMonth() + 1

    if (month < 10) {

      month = '0' + month

    }

    return month

  },

  //获取标准的月日

  getFullTime() {

    let date = new Date()

    let month = date.getMonth() + 1

    if (month < 10) {

      month = '0' + month

    }

    let day = date.getDate()

    if (day < 10) {

      day = '0' + day

    }

    let monthDay = month + '月' + day + '日'

    console.log(monthDay)

    return monthDay

  },

})

最后

我想问下大家当初选择做程序员的初衷是什么？有思考过这个问题吗？高薪？热爱？

既然入了这行就应该知道，这个行业是靠本事吃饭的，你想要拿高薪没有问题，请好好磨练自己的技术，不要抱怨。有的人通过培训可以让自己成长，有些人可以通过自律强大的自学能力成长，如果你两者都不占，还怎么拿高薪？

架构师是很多程序员的职业目标，一个好的架构师是不愁所谓的35岁高龄门槛的，到了那个时候，照样大把的企业挖他。为什么很多人想进阿里巴巴，无非不是福利待遇好以及优质的人脉资源，这对个人职业发展是有非常大帮助的。

如果你也想成为一名好的架构师，那或许这份Java核心架构笔记你需要阅读阅读，希望能够对你的职业发展有所帮助。

中高级开发必知必会：

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

549420420)]

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取