https://niwoxuexi.com/blog/home
// 页面 B var pageCommonBehavior = require('./page-common-behavior') Component({ behaviors: [pageCommonBehavior], data: { /* ... */ }, methods: { /* ... */ }, })小程序Component 构造器Component 构造器 ...
小程序组件模板和样式类似于页面,自定义组件拥有自己的 wxml 模板和 wxss 样式。组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。在组件模板中可以提供一个 <slot> 节点,用于承载组件引用时提供的子节点。代码示例:在开发者工具中预览效果<!-- 组件模板 --> <view class="wrappe ...
小程序自定义组件从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件 ...
小程序更新机制未启动时更新开发者在管理后台发布新版本的小程序之后,如果某个用户本地有小程序的历史版本,此时打开的可能还是旧版本。微信客户端会有若干个时机去检查本地缓存的小程序有没有更新版本,如果有则会静默更新到新版本。总的来说,开发者在后台发布新版本之后,无法立刻影响到所有现网用户,但最差情况下,也在发布之后 24 小时之内下发新版本信息到用户。用户下次打开时会先更新最新版本再打开。启动时更新小程 ...
前台/后台状态小程序启动后,界面被展示给用户,此时小程序处于前台状态。当用户点击右上角胶囊按钮关闭小程序,或者按了设备 Home 键离开微信时,小程序并没有完全终止运行,而是进入了后台状态,小程序还可以运行一小段时间。当用户再次进入微信或再次打开小程序,小程序又会从后台进入前台。但如果用户很久没有再进入小程序,或者系统资源紧张,小程序可能被销毁,即完全终止运行。小程序启动这样,小程序启动可以分为两 ...
小程序JavaScript 支持情况运行限制基于安全考虑,小程序中不支持动态执行 JS 代码,即:不支持使用 eval 执行 JS 代码不支持使用 new Function 创建函数客户端 ES6 API 支持情况微信小程序已经支持了绝大部分的 ES6 API,已支持的 API 如下(部分API依赖系统版本):StringiOS8iOS9iOS10AndroidcodePointAtnormali ...
小程序的运行环境微信小程序运行在三端:iOS(iPhone/iPad)、Android 和 用于调试的开发者工具。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的:在 iOS 上,小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中,视图层是由 WKWebView 来渲染的,环境有 iOS8、iOS9、iOS10;在 Android 上,旧版本,小程序逻辑层 ...
界面动画的常见方式在小程序中,通常可以使用 CSS 渐变 和 CSS 动画 来创建简易的界面动画。在开发者工具中预览效果同时,还可以使用 wx.createAnimation 接口来动态创建简易的动画效果。动画过程中,可以使用 bindtransitionend bindanimationstart bindanimationiteration bindanimationend 来监听动画事件。事 ...
显示区域尺寸显示区域指小程序界面中可以自由布局展示的区域。在默认情况下,小程序显示区域的尺寸自页面初始化起就不会发生变化。但以下两种方式都可以改变这一默认行为。在手机上启用屏幕旋转支持从小程序基础库版本 2.4.0 开始,小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是:在 app.json 的 window 段中设置 "pageOrientation": "auto" ,或在页面 ...
WXML节点信息节点信息查询 API 可以用于获取节点属性、样式、在界面上的位置等信息。最常见的用法是使用这个接口来查询某个节点的当前位置,以及界面的滚动位置。示例代码:const query = wx.createSelectorQuery() query.select('#the-id').boundingClientRect(function(res){ res.top // #th ...
小程序基础组件框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。什么是组件:组件是视图层的基本组成单元。组件自带一些功能与微信风格一致的样式。一个组件通常包括 开始标签 和 结束标签,属性 用来修饰这个组件,内容 在两个标签之内。<tagname property="value"> Content goes here ... &l ...
小程序WXS响应事件背景有频繁用户交互的效果在小程序上表现是比较卡顿的,例如页面有 2 个元素 A 和 B,用户在 A 上做 touchmove 手势,要求 B 也跟随移动,movable-view 就是一个典型的例子。一次 touchmove 事件的响应过程为:a、touchmove 事件从视图层(Webview)抛到逻辑层(App Service)b、逻辑层(App Service)处理 to ...
什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。<view id="tapTe ...
小程序协同工作和发布在中大型的公司里,人员的分工非常仔细,一般会有不同岗位角色的员工同时参与同一个小程序项目。为此,小程序平台设计了不同的权限管理使得项目管理者可以更加高效管理整个团队的协同工作。以往我们在开发完网页之后,需要把网页的代码和资源放在服务器上,让用户通过互联网来访问。在小程序的平台里,开发者完成开发之后,需要在开发者工具提交小程序的代码包,然后在小程序后台发布小程序,用户可以通过搜索 ...
开始开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。跟随这个教程,开始你的小程序之旅吧!申请帐号进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。登录 小程序后台 ,我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。小程序的 App ...