微信小程序学习笔记(一)

        作为一个菜鸟程序员,更是在没怎么写过前端代码的情况下,为了成长成为一名T型人才,我毅然走上了前端的挣扎学习之路。这段时间微信的小程序炒的沸沸扬扬,公司里各位老大也是想让我们前端的同事提前熟悉一下小程序开发,想必是想要在小程序开放的那一天一鸣惊人,以迅雷不及掩耳之势推出我们的小程序产品。然而,有多少公司不是这么想的呢?在跟风中抢占先机,是救不了互联网产品的。跑题了,希望老大们别看到这篇博客......

        首先到微信小程序官网上下了个开发者工具。因为我们公司没有内测资格,并且我个人学习不可能使用认证的AppID,所以直接在本地创建项目调试,虽然这样功能受限,但初步理解小程序也足够了。

         然后创建项目目录,小程序在项目根目录下需要两个必要的配置文件,一个可选文件。必要的文件是全局逻辑文件app.js、全局配置文件app.json,可选文件是全局默认样式app.wxss。关于这三个文件,在官方文档上都有详细的说明,这里不再赘述。官方文档传送门:目录结构·小程序

         配置好全局文件,接下来就要配置独立的页面了。微信的小程序就像微信研发的一套前端框架一样,只需在一个页面的目录下创建同名文件,文件不需要互相引入。例如,有一个名叫index的页面,就需要在项目目录下创建index/目录,然后在index/目录里创建配置文件index.json、逻辑文件index.js、样式文件index.wxss以及静态页面描述文件index.wxml。

         配置好json文件后,在js文件和wxml文件写入一些简单的东西,验证项目是否工作起来:

// index.js
Page({
  data: {
    text: 'hello',
    array: [{msg: 'world'}]
  },
})

<!-- index.wxml -->
<view>{{text}}</view>
<view>{{array[0].msg}}</view>

       刷新页面,显示如下信息,说明项目已经工作起来,未完待续......


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值