资讯专栏INFORMATION COLUMN

发个微信小程序的demo

lieeps / 3223人阅读

摘要:是存放小程序页面的文件夹。相当于,每个文件对应一个和文件,命名必须相同。最后附上源码下载地址微信小程序之小阅读

引言:微信小程序的发布已经有一周了,网上到处都炸开了锅,身为一个前端小菜鸟,觉得是时候提升一下格了, 于是乎,赶紧补一个小小的demo(微信小程序之小阅读),望勿喷!

进入项目

项目结构:

app.js、app.json是默认的配置文件,是必须的,具体的配置请看官方文档。

pages是存放小程序页面的文件夹。

.wxml相当于.html,每个.wxml文件对应一个.js和.wxss文件,命名必须相同。

.js文件是.wxml文件的逻辑文件。

.wxss文件是相当于.css是写样式的。

首页效果图:

伪动态页,哈哈

tab页面

由于,今天刚开始研究小程序,所以没有太多的东西分享,不过通过看文档和写这个demo,发现小程序很简单,确实很小,尤其是对前端人员,一看就懂了,基本上就是写手机端页面,h5和css,然后就是各种接口,当然js是少不了的,至于以后官方如何更新、迭代,那就不知道。

最后附上源码下载地址:微信小程序之小阅读

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111620.html

相关文章

  • 发个信小程序demo

    摘要:是存放小程序页面的文件夹。相当于,每个文件对应一个和文件,命名必须相同。最后附上源码下载地址微信小程序之小阅读 引言:微信小程序的发布已经有一周了,网上到处都炸开了锅,身为一个前端小菜鸟,觉得是时候提升一下格了, 于是乎,赶紧补一个小小的demo(微信小程序之小阅读),望勿喷! 进入项目 showImg(https://segmentfault.com/img/bVDGkm?w=6...

    li21 评论0 收藏0
  • 前端资源系列(3)-信小程序开发资源汇总

    摘要:微信小程序应用号开发资源汇总文档工具教程代码插件组件文档从搭建一个微信小程序开始小程序开发文档小程序设计指南工具小程序开发者工具官方支持微信小程序实时预览的支持的微信小程序组件化开发框架转在线工具小程序云端增强社区微信小程序 微信(小程序or应用号)开发资源汇总-文档-工具-教程-代码-插件-组件 文档 从搭建一个微信小程序开始 小程序开发文档 小程序设计指南 工具 小程序开发者...

    paney129 评论0 收藏0

发表评论

0条评论

lieeps

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<