花铛

【代码】微信小程序实现倒计时功能。

【代码】微信小程序生成分享海报。

在小程序根目录下新建 文件，创建 MobX Store。使用 MobX Store：将页面、自定义组件和 store 绑定有两种方式： behavior 绑定和手工绑定 。手工绑定： 使用 createStoreBindings 创建绑定，它会返回一个包含清理函数的对象用于取消绑定。无论使用哪种绑定方式，都必须提供一个绑定配置对象。这个对象包含以下字段：

微信小程序支持使用 npm 安装第三方包。之后使用的时候将会去。目录下的包构建生成到。

【代码】微信小程序自定义图片上传组件。

底部操作栏会遮挡页面底部一部分的内容，可以通过给这部分内容设置和底部操作栏一样高度的。底部操作栏实现功能：悬浮于页面底部。

自定义组件可以触发任意的事件，引用组件的页面可以监听这些事件。// 子组件 searchInput.wxml// 子组件 searchInput.jsmethods: {// 自定义组件触发事件时，需要使用 triggerEvent 方法指定事件名、detail 对象和事件选项。this.triggerEvent('confirmSearch', {value: '我是输入的值'}, {});})// 引用自定义组件的页面 index.wxml。

【代码】微信小程序实现 swiper 滑块。

微信小程序提供了 wx 这个全局变量，通过这个全局变量可以调用微信小程序提供的 API。

WXSS 用于描述页面的样式，页面样式有三种写法，优先级为。不支持本地图片。全局样式：定义在app.wxss中的样式为全局样式。作用于全局，在小程序内的任意一个页面中都会生效。页面样式：在页面的 wxss 文件中定义的样式为页面样式。只在对应的页面中生效。行内样式：在页面的组件上使用 style 属性来控制样式。要尽量避免将静态的样式写进 style 中，以免影响渲染速度。不支持\n的换行，可以添加 css 属性来让其支持；但是<text>是支持的。

因为不同的手机型号头部导航栏高度可能不一致，所以为了适配更多型号，需要动态计算导航栏的高度。状态栏的高度可以通过获取。胶囊按钮的信息可以通过获取。所以导航栏高度=状态栏高度+胶囊按钮的高度+（胶囊按钮距离顶部的距离-状态栏的高度）*2。由于胶囊按钮是原生组件，为表现一致，其单位在各个系统都为 px，所以自定义导航栏高度的单位都必须是 px，才能完美适配。

事件是视图层到逻辑层的通讯方式，可以将用户的行为反馈到逻辑层进行处理。事件绑定在组件上，当事件触发时 ，就会执行逻辑层中对应的事件处理函数。

app.json微信小程序的很多开发需求都被规定在了配置文件中。

App()：用来注册一个小程序。接受一个 Object 参数，其中指定小程序级别的生命周期函数和通用的数据、方法等。App()必须在app.js中调用，必须调用且只能调用一次。不然会出现无法预期的后果。生命周期函数指的是在某一时刻会自动执行的函数。：生命周期函数。小程序初始化完成时触发，全局只触发一次。options 中包含小程序当前所在页面的路径、进入小程序携带的参数、进入小程序的场景值等。例如：用户现在正在小程序中，此时有一个电话打进，用户退出了小程序，打了几分钟电话之后再次进入小程序。

Page()

跳转时将数据使用?拼接在 URL 后面；在另一个页面的onLoad()方法的参数中即可获取到传递的参数。微信小程序对路由传参的大小有限制。接收数据的页面获取到的都是字符串。也就是说，即使传递数据的页面传递的参数是布尔值或者数值，到了接收数据的页面获取到的也都是字符串。如果数据中有?等特殊字符，微信会做截取。解决方法：利用和对要传递的数据进行编解码。如果将对象类型的数据拼接在路径后面，到另一个页面获取时会发现是，无法使用。解决方法：利用和。

【代码】微信小程序实现标签栏。

配置信息：在app.json中的 tabBar 项指定 custom 字段，同时其余 tabBar 相关配置也补充完整。为了保证低版本兼容以及区分哪些页面是 tab 页，tabBar 的相关配置项需完整声明，但这些字段不会作用于自定义 tabBar 的渲染。{"text": "首页"}, {"text": "日志"}]},}

骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。在小程序中，需要手工维护骨架屏的代码，当业务变更时，同样需要对骨架屏代码进行调整。微信开发者工具提供了自动生成骨架屏代码的能力。骨架屏仅包括页面首屏中的可见区域，对于横向滚动的 swiper 等容器，超出屏幕的子元素将被忽略。部分组件如rich-text、ad、和open-data。

Behavior()：注册一个 behavior，接受一个 Object 类型的参数。// 定义 behavior// 引入的其它 behavior// 属性},// 数据data: {},// 数据字段监听器// 生命周期声明对象// 所在页面的生命周期声明对象// 方法methods: {})

承载网页的容器，会自动铺满整个小程序页面。web-view中导航栏的标题是取的页面<title>标签的内容。web-view中无法调起微信支付。

插件是对一组 JS 接口、自定义组件或页面的封装，用于嵌入到小程序中使用。插件不能独立运行，必须嵌入在其他小程序中才能被用户使用；而第三方小程序在使用插件时，也无法看到插件的代码。因此，插件适合用来封装自己的功能或服务，提供给第三方小程序进行展示和使用。相对于普通的 JS 文件或自定义组件，插件拥有更强的独立性，拥有独立的 API 接口、域名列表等；但同时会受到一些限制，如 一些 API 无法调用或功能受限，还有个别特殊的接口，虽然插件不能直接调用，但可以使用插件功能页来间接实现。

同层渲染是为了解决原生组件的层级问题，在支持同层渲染后，原生组件与其它组件可以随意叠加，有关层级的限制将不再存在。在表单中的组件上加上 name 来作为它的 key，在 submit 或 reset 绑定的事件处理函数中就可以获取到表单中的组件的 value 值。在工具上，原生组件是用 web 组件模拟的，因此很多情况并不能很好的还原真机的表现，建议在使用到原生组件时尽量在真机上进行调试。微信小程序中的组件分为原生组件和非原生组件。大部分都是非原生组件，少部分是由微信客户端创建的原生组件。

一个分包使用其他分包的自定义组件时，可能由于其他分包还未下载或注入，导致其组件处于不可用的状态。可以通过为其他分包的自定义组件设置占位组件，先渲染占位组件作为替代，在分包下载完成后再进行替换。},// 要是 button 组件不可用，就先渲染 view 组件，等待 button 组件可用后再进行替换。

【代码】微信小程序中使用富文本插件 wxParse。

基于canvas 绘制，支持图表类型（饼图 pie、圆环图 ring、线图 line、柱状图 column、区域图 area、雷达图 radar）。

微信小程序中的服务器域名只支持 https 和 wss，不支持 http 和 IP 地址。微信小程序只能和指定的域名进行通讯，必须要在中设置域名，否则的话将无法发送网络请求。详情 -- 本地设置。

原因：之前的页面可能是未被销毁，仍然在页面栈中，因此切换回来之后还保持之前的状态。解决方法：切换回来页面之后，首先清空。滚动条没有回到顶部的情况。切换页面，可能会出现。

这段文本的颜色局部引用了组件所在页面的样式

是一种不需要下载安装即可使用的应用。

开发的小程序扩展组件库，同微信原生视觉体验一致。支持扩展库引入，不占用小程序包体积。WeUI 组件库是一套基于样式库。

自定义组件：可复用的 WXML、WXSS、JS、JSON。behavior：可复用的组件 JS（属性、数据、生命周期函数和方法等）。wxs：可复用的普通 JS。template 模板：可复用的 WXML。自定义组件类似于页面，也是由 wxml、wxss、json、js 4个文件组成。在 json 文件中进行自定义组件声明：将 component 字段设为 true 可将这一组文件设为自定义组件。在 wxml 文件中编写组件模板；在 wxss 文件中编写组件样式；在 js 文件中使用。

微信小程序通过 JavaScript 来处理逻辑。

双向绑定同样可以使用在自定义组件上。})当自定义组件的输入框的值变更时，自定义组件的 transferValue 属性会同时变更，页面的也会同时变更，页面 WXML 中所有绑定了 pageValue 的位置也会被一同更新。在内定义代码片段，使用 name 属性作为模板的名字。

解决方法：如果是想监听 bindscrolltolower 事件，可以通过将 的数值设置得大一些；如果是想监听 bindscroll 事件，暂时没有解决方法。解决方法：使用 替代 。解决方法：可以在 或者 中设置 backgroundColor/backgroundColorTop/backgroundColorBottom。例如：如果不处理 IOS 底部安全距离兼容的问题，那么 iPhone X 之后的苹果机型将会出现底部操作栏被底部横条遮挡的问题。解决方法：创建一个安全距离的自定义组件，