微信小程序快速知识点

只是刚看文档的时候记下里的几点
  • wx:if   true 渲染  false不渲染
  • hidden 会渲染,控制元素的display
  • "{{boolean}}"  不可以 "boolean"
  • <block> 包装元素,不会做任何渲染
  • bind+事件类型 会冒泡
    catch+事件类型 不会冒泡
  • Flex布局
    flex-direction 主轴方向
    flex-wrap 换行
    父容器---justify-content 主轴对齐方式(右对齐 flex-end、左对齐 flex-start、居中 center、两边固定 space-between、等分 space-around
    父容器---align-items 副轴对齐方式(上对齐 flex-start、下对齐 flex-end、居中 center、基线上baseline、被拉伸以适应容器 stretch
    子容器---flex
    子容器---align-self
  • 生命周期函数(下面是页面执行的顺序)
    onLoad 监听页面加载(只执行一次)
    onShow 监听页面显示(显示页面一次就执行一次)
    onReady 监听页面的初次渲染完成
    onHide 监听页面隐藏
    onUnload 监听页面卸载
  • onReachBottom 监听用户上拉动作(上拉加载)
  • onPullDownRefresh 监听用户下拉动作(下拉刷新)
以及工作中经常用到的几点
  • 上拉加载更多,下拉刷新
    上拉加载更多:在page的json文件加enablePullDownRefresh:true,然后在该page的js文件加上方法onReachBottom
    下拉刷新:在page的js文件加上方法onPullDownRefresh
    在json文件中写上enablePullDownRefresh:true才可以上拉加载更多,下拉刷新
  • 返回上一页且要刷新,重新获取新的数据,在onShow函数调用onLoad()
  • 做一个活动内容切换tab栏的页面需要用组件swiper,但当内容过长,使用组件scroll-view可以在组件内任意滑动,但用户体验不好,使用新的api能获取元素高度给swiper,可以摆脱scroll-view
  • 计数器 - input + 用input事件存值,blur事件取值
  • wxss 不能引用本地文件

2017.12.28 2017年的小尾巴,重拾小程序,改变了好多啊,希望不要让我碰到小程序的bug,很要命!

  • 编写组件样式时,需要注意以下几点:
    • 组件和引用组件的页面不能使用id选择器(#a)、属性选择器([a])和标签名选择器,请改用class选择器。
    • 组件和引用组件的页面中使用后代选择器(.a .b)在一些极端情况下会有非预期的表现,如遇,请避免使用。
    • 子元素选择器(.a>.b)只能用于 view 组件与其子节点之间,用于其他组件可能导致非预期的情况。
    • 继承样式,如 font 、 color ,会从组件外继承到组件内。
    • 除继承样式外, app.wxss 中的样式、组件所在页面的的样式对自定义组件无效。

讲了一堆总结起来其实就是1.用class 2.font、color还是会继承的 3.除了继承样式外,其他样式对自定义组件无效

微信小程序脚手架
  • 父组件传值给子组件 :props.sync=foodata,要加上sync才是动态的(父变化,子就变化),不加的话字就不变化
  • 组件通讯那里也是绝了....完全无语,但是看上去好像挺好用的...
  • 在函数运行周期之外的函数里去修改数据需要手动调用$apply方法。如:
        setTimeout(() => {
              this.title = 'this is title';
              this.$apply();
        }, 3000);
    

2018.01.08 坑啊!我又来了~
  1. 最近在做小程序,用wepy做,需要A页面中调用该页面引入的B组件的方法,需要用到$invoke,去了GitHub看别人的问题才发现是这样用的:

    很清晰的答案

    就是说,this.$invoke('这里写的是引入组件时,你命名的名称', '这里就是你在那个组件写在methods的方法', '这里就是你要传的值');官方文档在这方面写得不太清楚。

  2. 跳转页面问题
    this.$navigate('./result'); // 文件的相对路径,可忽略扩展名
    如果是组件跳页,如下:

    来自Github的回答

  3. 绑定事件需要传值并且用到时间对象是这样的:
    绑定:@tap="methods({{'参数'}})"
    注册:methods(arguments,event){ // 事件对象是放最后的}

  4. 压缩上传,扫二维码在真机测试
    一开始输入这命令会有warning,警告你没有安装一堆插件,然后他自动帮你装,第二次输入npm run build 的时候还是这个警告,这时先把node_modules文件夹删除,重新运行npm install,然后再输入npm run build就行了。

    npm run build

5.把基础库变成1.9.X的时候,控制到一堆undefined
别人的情况
解决方法:

解决方法

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,380评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 1.填充文本,本身无意义;占位符,占着一些位置的文字。 2.lorem ipsum是古罗马西塞罗谚语的前两个单词。...
    Gorden_x阅读 1,177评论 0 0
  • 一个人喜欢一个人一别两宽我本不知喜欢的深浅然而分开却是一种吞噬人心的痛我本以为放不下过往然而越长大越要懂得自愈你说...
    梦醒时分yeah阅读 346评论 0 1
  • ​昼晷已云极,宵漏自此长。 绿筠尚含粉,圆荷始散芳。 于焉洒烦抱,可以对华觞。 ——菜菜 《月令七十二候集解》:五...
    鑫的传说阅读 378评论 0 1