• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序初体验

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

  最近发现关注的公众号好多都有了自己的小程序,鉴于小程序刚起步,个人的账号也可以进行开发,个人微信公众号就开发的权限很小,所以就想试试看小程序的开发过程。

  开发小程序的前期准备大致是先注册一个公众号,然后获取一个微信小程序的AppID,然后在设置的开发者设置里面查询要这个AppID。使用这个AppID就可以在开发者工具上进行小程序开发创建了。如果不适用AppID创建小程序,有些功能是会受到限制的。

  在一个空文件夹下创建一个小程序,选择quick start会自动创建一个简单的demo,可以直接在上面修改代码。

  小程序的工程基本结构为app.js,app.json,app.wxss和一个pages文件夹。

  app.js是小程序的脚本文件,在这个文件中监听并处理小程序的生命周期函数,全局变量。调用框架提供的API。温馨小程序提供了很多的API,很方便。

  app.json是一个全局配置文件,可以设置小程序有哪些页面,窗口背景色,tab等。具体配置可以看文档,重点是小程序所使用到的页面都需要在json文件里面进行配置后才可以用。

  app.wxss是公共样式表,是微信小程序上用的css文件。用法和一般的css差不多。

  pages文件夹里面放的是具体的页面,每个页面独立成一个文件夹,页面里面还可以嵌套页面。每个页面文件夹里面有js,json,wxml和wxss四个文件,其中,js文件为脚本编写文件,页面具体的方法都是写在这里,json是具体页面的配置文件,如同app.json文件,不过只设置window里面的具体内容,比如页面标题,样式等。wxml文件如同html文件,写具体的页面结构。wxss是页面具体的样式,会覆盖app.wxss里面的样式。

  小程序和普通的html写页面是一样的,页面,行为,样式等。但小程序写法比较明显的特点是更组件化。里面的每一个标签都是一个组件,比如view,form,这些组件绑定的属性和方法甚至是样式都可以作为data保存在js文件里面。通过{{}}的方式来进行读取,在js里面可以用setData的方法来修改这些data。这种写法和现在的react或者vue等框架都有一定的相似。

  小程序有个很大的有点是提供很多的API,这些API可以帮助完成很多事,在微信的支持下,可以完成视频,音频,定位,存储,动画,绘图等等事件。非个人的公众号开通微信支付后,制作一个购物的小型app是完全ok的。

  这里只是简单的介绍微信小程序,不算教程,具体实践才知道小程序的优缺点。我目前只简单的写了一个链接外部的查询功能的小程序,之后再增加功能,进行更多实践。

小程序搜索:cathy的生活小工具


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap