小程序-入门记录1
小程序:
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 函数。