美文网首页
小程序-入门记录1

小程序-入门记录1

作者: 仰望天空的人 | 来源:发表于2019-04-22 14:51 被阅读0次

小程序:
app json下pages下新建路径 自动创建文件夹及子文件

那么,div,section,article,p,h1到h6,ul,li等,通通写成view,
span,em,i,b,font,strong,del等,通通写成text button
链接,比较特别,<a href=""></a>,到小程序中是
<navigator url=""></navigator>
<image 图片
表单元素,改变也很大,具体就不说了,在官方文档都有说明
有自己的单位rpx
一个div,宽度是100%,就是常说的通栏,那么他的宽度就是750rpx。50%宽的,就是375rpx。
先说明,小程序中是不支持背景图的。不要说什么可以使用网络地址呀,base64呀
标签必须要闭合,尤其注意像input这种单标签 ,后面的 / 不写,那是绝对行不通的。

只要遇到重复使用的代码块,就可以建成一个模板,来到处引用它,例如头部、底部、列表。模板的用法也不难,就是把代码放到<template></template>中,起个名字name,就是一个模板了,引用模板用is属性
我自己的习惯是,建一个名为template的目录,专门存放模板文件。

需要 if/else, for等控制能力,在小程序里边,这些控制能力都用 wx: 开头的属性来表达。
提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同,你可以写一个 app.wxss 作为全局样式
<map></map>
为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。

app json里不能写注释
window属性设置导航栏啥的
App() 必须在 app.js 中调用,必须调用且只能调用一次。不然会出现无法预期的后果
微信脚本语言 wxs
不要在 App.onLaunch 的时候调用 getCurrentPages(),此时 page 还没有生成。
通过全局函数 getApp() 可以获取全局的应用实例
tip: require 暂时不支持绝对路径

自定义组件
如果需要全局的数据可以在 App() 中设置
module.exports 来暴露模块接口
小程序目前不支持直接引入 node_modules
在需要使用这些模块的文件中,使用 require(path) 将公共代码引入
注:绑定的WXS函数必须用{{}}括起来
点击开发者工具中的菜单栏:工具 --> 构建 npm
构建完成后即可使用 npm 包。
wxs相当于页面内嵌 script

wx.navigateTo(OBJECT)和wx.redirectTo(OBJECT)都不可以用于跳转tabBar页面,跳转这样的页面可以用wx.reLaunch(OBJECT)。
navigator 的 open-type 设置为 switchTab 返回tabBar页

2019-4-22
在.wxs模块中引用其他 wxs 文件模块,可以使用 require 函数。

相关文章

  • 小程序-入门记录1

    小程序:app json下pages下新建路径 自动创建文件夹及子文件 那么,div,section,artic...

  • 小程序入门记录

    1 Hello World 教程 2 小程序组成 资料

  • 小程序进阶(1)豆瓣电影_布局搭建

    -(Ctrl+s)保存编辑的内容,不然调试不会出效果!!! 小程序入门(0)项目创建篇 小程序入门(1)项目结构篇...

  • 小程序入门(1)

    基本知识 1、三要素 wxml , wxss , js 分别对应H5开发中的 html,css,js;另外多一个小...

  • 小程序入门1

    前言 去年9月份的时候,小程序开发者工具还需要破解,每个版本的API会有一些改进,所以在开发的过程中要不时的检查自...

  • 小程序入门(2)浅析篇

    (Ctrl+s)保存编辑的内容,不然调试不会出效果!!! 有了小程序入门(0)项目创建篇||小程序入门(1)项目结...

  • 【教程】微信小程序入门

    微信小程序入门基础知识 Moustache:我的微信小程序入门踩坑之旅 github精选:微信小程序入门简要教程 ...

  • 微信小程序 入门到入门

    微信小程序 入门到入门 创建微信小程序 具体创建方式,傻瓜式进行。 ShowTime 1.实用npm安装第三方包 ...

  • 微信小程序 | 49,小程序入门集锦系列文章20篇

    以下20篇文章,都是关于微信小程序的文章,以入门常见问题为主。如发现谬误,请与笔者联系。 【小程序入门集锦】1,微...

  • 微信小程序

    微信小程序入门 入门简易教程 小程序开发流程注册小程序->代码开发->提审->上线/审核未通过 开发者工具左侧模拟...

网友评论

      本文标题:小程序-入门记录1

      本文链接:https://www.haomeiwen.com/subject/rjbgvqtx.html