虽然之前提换组没有成功,但是也阴差阳错参与到了小程序开发组
开启了小程序开发的升级打怪之路
- rpx 单位
- 没有刷新页面的功能,页面数据都是异步请求获取的,你删除某个商品的时候,直接再请求一次数据,更改页面的数据就可以了。
- 点击事件传递参数 微信小程序 点击事件获取到的 event.currentTarget.dataset https://blog.csdn.net/weixin_37861326/article/details/84027569
- 小程序实现长按复制文字 https://blog.csdn.net/weixin_39589455/article/details/99704077
- 小程序使用 sass https://www.jb51.net/article/144681.htm
- 微信小程序 01:关于错误 Page “pages/goods_list/index” has not been registered yet.的原因
- 小程序打开 H5 https://www.jianshu.com/p/3c8e84c6e67d
- 小程序使 textarea 自动聚焦
- e.target 和 e.currentTarget 的区别 e.target 指向触发事件监听的对象。 e.currentTarget 指向添加监听事件的对象,指向代码中点击事件的元素
e.target 始终指向即当前点击的目标元素,e.currentTarget 在事件委托中,如果监听元素不是目标元素,则指向监听元素 - bind call 的作用和区别 作用都是改变 bind 需要手动调用
- methods 中的函数和直接写在 page 中函数的区别
- catchTap 阻止事件冒泡
- 生命周期 onload onshow onready onhide onunload
- wx.onMemoryWarning 监听内存不足警告
- 页面跳转传参 https://www.jianshu.com/p/079db5ea1a9b
- 小程序实现写入缓存与读取缓存 wx.setstorage wx.getstorage
- flex 布局
- 设置小程序的状态栏、导航条、标题、窗口背景色[Window] https://blog.csdn.net/dxnn520/article/details/79342548
- textarea 中 ajust-position 中 false 值需要用双层中括号包起来 否则不生效 很多需要这么处理
- 【微信小程序】微信小程序阻止 IOS 页面上下拖动问题
为了阻止 IOS 端小程序页面上下拖动可以再对应的 json 文件当中添加这个配置 “disableScroll”:true - 小程序 windowHeight 在不同页面高度不一致问题及解决方案
https://blog.csdn.net/qq_41619741/article/details/83143624 - 小程序的 windowheight 和 screenheight
- 小程序阻止事件冒泡 https://blog.csdn.net/promiseCao/article/details/83926807?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2
- 组件层级问题 https://www.cnblogs.com/duxingdexin/p/9585285.html
- 使用 TypeScript 开发小程序入门 https://www.jianshu.com/p/c778943acb37
- 当 input 框输入到限定长度时,自动 focus 下一个 input 框 https://blog.csdn.net/weixin_30781107/article/details/95180186
- 新增页面 has not been registered yet 自行创建的新页面 .js 文件中,必须有 Page({ }) 里面留空即可,否则就会爆这个错误 Page “pages/detail/detail” has not been registered yet. 并且页面上的文字也不会显示。 .json 文件中,必须有{ }
- wx.redirectTo(OBJECT) 关闭当前页面,跳转到应用内的某个页面。
- wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回到原页面。
- webview 中的页面怎么跳转回小程序?
1 | wx.miniProgram.navigateTo({ |
1 | **//跳转到小程序导航页面** |
- live-player 全屏
https://developers.weixin.qq.com/miniprogram/dev/api/media/live/LivePlayerContext.html
小程序组件传参
父组件 A 向子组件 B 传参
1 | //子组件 wxml |
子组件 B 向父组件 A 传参
1 | //子组件 wxml |
向组件中传递参数
1 | wxml:<view wx:for="{{imgs}}" wx:key="index" style="width: 500rpx;height: 300rpx;margin: 30rpx auto;"> |
获取子组件的 dom
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/SelectorQuery.select.html
跨自定义组件的后代选择器:.the-ancestor >>> .the-descendant
小程序的双向绑定和 vue 哪里不一样
小程序直接 this.data 的属性是不可以同步到视图的,必须调用 this.setData({})
小程序内的页面跳转
wx.navigateTo——保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面(参数必须为字符串)
wx.redirectTo——关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
wx.switchTab——跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,路径后不能带参数
wx.navigateBack——关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层
wx.reLaunch——关闭所有页面,打开到应用内的某个页面
小程序分为两个部分 webview 和 appService,webview 用来展现 UI,appService 用来处理业务逻辑、数据及接口调用,它们在两个进程中运行,通过系统层 JSBridge 实现通信,完成 UI 渲染、事件处理
微信小程序的 setData 实现是和 react 的 setData 实现类似的,所以它也是一个异步函数,并且有回调函数的参数,当然平时小量数据我们可能并没有感觉到它的异步,但是为了确保逻辑的正确执行,在需要用到 setData 后 data 里的数据的步骤,请写入 setData 的回调函数中
webview 中的页面怎么跳回小程序中
先在管理后台配置域名白名单,
然后引入 jweixin-1.3.2.js(https://res.wx.qq.com/open/js...)
wx.miniProgram.navigateTo({url: ‘/pages/login/login’+’$params’})
wx.miniProgram.navigateTo({url: ‘/path/to/page’})
小程序和小程序之间的跳转
在同一主体公众号上关联 2 个小程序 appid,
用 navigator,对应设置一些属性即可
target:miniProgram——其他小程序
target:self——当前小程序