V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
twoconk
V2EX  ›  微信

一个微信小程序从零开始的实现记录

  •  
  •   twoconk · 2018-12-12 11:50:58 +08:00 · 1910 次点击
    这是一个创建于 2201 天前的主题,其中的信息可能已经有所发展或是发生改变。

    PS:以前写过简单的 js,所以入门不算太难

    0、先是将微信小程序的“简易教程”来回看了好几遍,算是明白了一个小程序的目录结构,json 配置文件,wxml 模板文件,wxss 样式文件和 js 文件的作用,以及交互逻辑,从小程序的启动到生命周期方法,程序和页面,以及组件和 API,这些构成了小程序的全部,不得不说,整体结构涵盖了入门初学者的便宜性和高阶的可扩展性,小程序获得“世界互联网领先科技成果”奖,确实能当此殊荣。

    1、首页:单个页面,包括网络请求封装,也就是涵盖程序和页面的部分,如果加上录音和播放器,则使用到了微信开发的 API ; UI 这块,作为 css 的初学者,确实不那么方便写一个漂亮的 css 框架,但你可以很方便的集成 weui 的小程序部分,控件和样式都能很全面的使用,定制修改也不那么复杂;

    2、页面跳转带参数 有多种方式实现,一种是 navigater,直接把参数放在 url 中;

    <navigator hover-class="navigator-hover" url="/page/navigate/navigate?title=navigate">跳转到新页面</navigator>

    二种是写 tap 方法,将控件的参数传递到 tap 处理方法中后,再通过 navigate

    另一种是设置 app 的全局变量,放整个 app 的全局数据,这样即使有页面跳转,但每个页面都能共享这些数据,而且有部分带=号的参数则不能通过 navigate 传递,只能换全局的方式,这样也说明了怎样在多个页面间可以通过 app 的全局数据共享来实现。

    3、组件的 hidden 属性,能很好的控制组件的隐藏和显示

    4、本地持久化数据,调用方法即可,不复杂

    上线小程序

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2563 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 11:21 · PVG 19:21 · LAX 03:21 · JFK 06:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.