网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 网站建设 » 正文

微信小程序简单入门

2019-8-2 7:43:6 | 作者:老铁SEO | 0个评论 | 人浏览

  在官网上直接注册小程序账号,可以管理你的小程序的权限,查看数据报表,发布小程序等操作。登录账号,获取对应的小程序的

  接着下载微信开发者工具,建立了“普通快速启动模板”(选择空目录下才有此选项),或者直接选择小程序官方Demo或者weui小程序版UI当做学习Demo

  WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件事件系统,可以构建出页面的结构。

  这个其实就是“html”,不能使用W3C的标签,转而使用的是微信自定义的标签,常见的就是用view代替div,具体有哪些标签可以查看官网微信基础组件。页面结构是以page为父节点节点,没有html和body。

  js部分还包括路由模块API(小程序开发框架提供丰富的微信原生 API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等)后续再细讲。

  WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。其实就是CSS改了个后缀名,不同的地方是多了rpx尺寸单位和样式导入,样式选择器只能使用一部分,像后代子代选择器就不能用了,目前支持的选择器如下:

  定义在app.wxss 中的样式为全局样式,作用于每一个页面。在 page 的 wxss 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 app.wxss 中相同的选择器。

  用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。程序启动默认的第一个页面,就是app.json的pages中的第一个页面。

  每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。 页面的配置比app.json全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

  先简单介绍下微信小程序代码结构和不同文件对应的功能和作用,后续有空将细讲某个模块或者一些常用的应用场景。

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:小程序页面  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。