小程序细节

1、 静态资源,比如图片、通用的wxss放在哪里?

可以新建一个文件夹,比如assets,里面放文件夹image、wxss,这部分跟咱们开发vue项目一样,
pages里就相当于vue的views文件夹页面,同理组件也可以新建一个components的文件夹,组件我在后面再说。

2、小程序的tabbar怎么写?

在app.json 里的配置

"tabBar": {
    "color": "#333",
    "selectedColor": "#3E86FE",
    "borderStyle": "white", // 仅支持 black / white
    "list": [{ // list的length最少是2 ,最多是5
        "pagePath": "pages/home/home",
        "text": "首页",
        "iconPath": "assets/images/tabbar/home.png", // 推荐尺寸是40*40
        "selectedIconPath": "assets/images/tabbar/home-active.png"
      },
      {
        "pagePath": "pages/me/me",
        "text": "个人中心",
        "iconPath": "assets/images/tabbar/me.png",
        "selectedIconPath": "assets/images/tabbar/me-active.png"
      }
    ]
  },

用vant的tabber也可以写这个tabber,但是我个人不太建议完全用vant的tabber替代小程序自带的tabber。
首先,我说的是不建议完全替代,意思是可以二者结合,做出一些更优化的体验(但其实我个人没有用这二者结合过,我只是看到过这样的文章,所以不细谈怎么二者结合做出更好的效果了),所以不是说vant的tabber完全不能用,只是最好不要只用vant的tabber。
为啥说不建议完全用vant的tabber写呢?咱们有这样一种情况,如果你从A页面跳转到某个tab,在这个tab页返回,是可以返回到A页面的,比如从登录页面跳进首页,苹果左滑,安卓也有手势返回,一些安卓机也有物理返回键,这些返回还能返回登录页,这肯定不是我们所期望的,
当然如果你了解redirectTo方法,你可能会说,那我可以用redirectTo方法跳进首页啊,我不用navigateTo,那登录页面就会关闭,返回的话就不会返回回去了啊。但是如果你嵌套很深的跳转,就不好再用redirectTo处理了。
redirectTo方法的含义是:关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

3、app.json里pages可以怎么配置?

pages : 就是每个页面,比如登录页、首页、个人中心等等

 "pages": [
    "pages/index/index", // 启动页  
    "pages/home/home", // 首页   第一个home是文件夹名,第二个home是文件名,也可以写成pages/home/index
    "pages/coach/coach", // 预约心理辅导
    "pages/coach/date/date", // 选择预约日期
    "pages/coach/time/time", // 选择预约时间
    "pages/coach/success/success", //  预约成功
    "pages/webview/webview" // 外链h5页面
  ],

小程序里,所有的json文件都不能有注释,会报错,也不能在json文件的最后一条写逗号 ,也会报错

4、怎么在小程序里自定义导航栏?

在对应的json文件里配置

  "navigationStyle":"custom",

5、怎么在小程序里用H5页面?

web-view组件

6、怎么使用component

注意:在组件 wxss 中不应使用 ID 选择器、属性选择器和标签名选择器。

一些需要注意的细节
1、因为 WXML 节点标签名只能是小写字母、中划线和下划线的组合,所以自定义组件的标签名也只能包含这些字符。
2、自定义组件也是可以引用自定义组件的,引用方法类似于页面引用自定义组件的方式(使用 usingComponents 字段)。
3、自定义组件和页面所在项目根目录名不能以“wx-”为前缀,否则会报错。

7、怎么使用wx.request

先看链接,再看心理派小程序的代码

8、怎么使用wx.login

9、image

  1. tip:image组件默认宽度320px、高度240px
  2. tip:image组件中二维码/小程序码图片不支持长按识别。仅在 wx.previewImage 中支持长按识别
  3. tip:image组件进行缩放时,计算出来的宽高可能带有小数,在不同 webview 内核下渲染可能会被抹去小数部分

10、ad

11、分包

11、van-button 里的bindtap和bind:click

场景:登录时,登录按钮在未输入账号密码时禁用,但是使用bindtap竟然还能登录。

Button 提供的是 click 事件而不是原生 tap 事件,按钮禁用时,click 事件不会触发,tap 事件依然会触发。

所以这种情况要用bind:click ,而不是bindtap

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容