微信小程序

微信小程序

text

小程序中只有<text>组件支持长按选中，<view>不支持。

<view>
  手机号支持长按选中效果
  <text selectable="true">17330142280</text>
</view>

加selectable即可实现长按选中

rich-text

通过rich-text组件的nodes属性节点，把HTML字符串渲染为对应的UI结构。
注意
1.nodes 不推荐使用 String 类型，性能会有所下降。
2.rich-text 组件内屏蔽所有节点的事件。
3. 如果在自定义组件中使用 rich-text 组件，那么仅自定义组件的 wxss 样式对 rich-text 中的 class 生效。
4. img 标签仅支持网络图片。

按钮button

<button>普通按钮</button>
<button type="primary">主色调按钮</button>
<button type="warn">警告按钮</button>
<button size="mini">小尺寸按钮</button>
<button plain="true">镂空按钮</button>

image

组件里面有控制图片样式的mode属性可以用来指定图片的裁剪和缩放。常用的mode属性参考开发者文档。

修改data中的数据要用到this.setData({})

事件传参不同于Vue,要用到data-参数名=“{{参数值}}”
{{数值}}，不加{{}}即为字符

传递过来的参数要在e.target.dataset.参数名
通过bind或者bind:来绑定事件

插槽

组件通信

属性绑定

事件绑定




获取子组件实例

behaviors




小程序中的npm
如果根目录下没有package.json文件，要初始化，否则无法构建npm

无论在什么时候。在使用npm的时候都要记住构建npm，否则npm不生效。



promise

全局数据共享store

分包