综合( 右侧选择分类 )
wechat

小程序组件生命周期

小程序组件生命周期组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中,最重要的生命周期是 created attached detached ,包含一个组件实例生命流程的最主要时间点。组件实例刚刚被创建好时, created 生命周期被触发。此时,组件数据 this.data 就是在 Component 构造器中定义的数据 data 。 此时
45 人浏览
wechat

小程序组件间通信与事件

小程序组件间通信与事件组件间通信组件间的基本通信方式有以下几种。WXML 数据绑定:用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容数据(自基础库版本 2.0.9 开始,还可以在数据中包含函数)。具体在 组件模板和样式 章节中介绍。事件:用于子组件向父组件传递数据,可以传递任意数据。如果以上两种方式不足以满足需要,父组件还可以通过 this.selectComponent 方法获取子
51 人浏览
wechat

小程序Component 构造器

// 页面 B var pageCommonBehavior = require('./page-common-behavior') Component({ behaviors: [pageCommonBehavior], data: { /* ... */ }, methods: { /* ... */ }, })小程序Component 构造器Component 构造器
51 人浏览
wechat

小程序组件模板和样式

小程序组件模板和样式类似于页面,自定义组件拥有自己的 wxml 模板和 wxss 样式。组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。在组件模板中可以提供一个 <slot> 节点,用于承载组件引用时提供的子节点。代码示例:在开发者工具中预览效果<!-- 组件模板 --> <view class="wrappe
46 人浏览
wechat

小程序自定义组件

小程序自定义组件从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件
42 人浏览
wechat

小程序更新机制

小程序更新机制未启动时更新开发者在管理后台发布新版本的小程序之后,如果某个用户本地有小程序的历史版本,此时打开的可能还是旧版本。微信客户端会有若干个时机去检查本地缓存的小程序有没有更新版本,如果有则会静默更新到新版本。总的来说,开发者在后台发布新版本之后,无法立刻影响到所有现网用户,但最差情况下,也在发布之后 24 小时之内下发新版本信息到用户。用户下次打开时会先更新最新版本再打开。启动时更新小程
43 人浏览
wechat

小程序运行机制

前台/后台状态小程序启动后,界面被展示给用户,此时小程序处于前台状态。当用户点击右上角胶囊按钮关闭小程序,或者按了设备 Home 键离开微信时,小程序并没有完全终止运行,而是进入了后台状态,小程序还可以运行一小段时间。当用户再次进入微信或再次打开小程序,小程序又会从后台进入前台。但如果用户很久没有再进入小程序,或者系统资源紧张,小程序可能被销毁,即完全终止运行。小程序启动这样,小程序启动可以分为两
47 人浏览
wechat

小程序JavaScript 支持情况

小程序JavaScript 支持情况运行限制基于安全考虑,小程序中不支持动态执行 JS 代码,即:不支持使用 eval 执行 JS 代码不支持使用 new Function 创建函数客户端 ES6 API 支持情况微信小程序已经支持了绝大部分的 ES6 API,已支持的 API 如下(部分API依赖系统版本):StringiOS8iOS9iOS10AndroidcodePointAtnormali
47 人浏览
wechat

小程序的运行环境

小程序的运行环境微信小程序运行在三端:iOS(iPhone/iPad)、Android 和 用于调试的开发者工具。三端的脚本执行环境以及用于渲染非原生组件的环境是各不相同的:在 iOS 上,小程序逻辑层的 javascript 代码运行在 JavaScriptCore 中,视图层是由 WKWebView 来渲染的,环境有 iOS8、iOS9、iOS10;在 Android 上,旧版本,小程序逻辑层
47 人浏览
wechat

微信小程序动画

界面动画的常见方式在小程序中,通常可以使用 CSS 渐变 和 CSS 动画 来创建简易的界面动画。在开发者工具中预览效果同时,还可以使用 wx.createAnimation 接口来动态创建简易的动画效果。动画过程中,可以使用 bindtransitionend bindanimationstart bindanimationiteration bindanimationend 来监听动画事件。事
55 人浏览
wechat

小程序响应显示区域变化

显示区域尺寸显示区域指小程序界面中可以自由布局展示的区域。在默认情况下,小程序显示区域的尺寸自页面初始化起就不会发生变化。但以下两种方式都可以改变这一默认行为。在手机上启用屏幕旋转支持从小程序基础库版本 2.4.0 开始,小程序在手机上支持屏幕旋转。使小程序中的页面支持屏幕旋转的方法是:在 app.json 的 window 段中设置 "pageOrientation": "auto" ,或在页面
42 人浏览
wechat

小程序获取界面上的节点信息

WXML节点信息节点信息查询 API 可以用于获取节点属性、样式、在界面上的位置等信息。最常见的用法是使用这个接口来查询某个节点的当前位置,以及界面的滚动位置。示例代码:const query = wx.createSelectorQuery() query.select('#the-id').boundingClientRect(function(res){ res.top // #th
47 人浏览
wechat

小程序基础组件

小程序基础组件框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。什么是组件:组件是视图层的基本组成单元。组件自带一些功能与微信风格一致的样式。一个组件通常包括 开始标签 和 结束标签,属性 用来修饰这个组件,内容 在两个标签之内。<tagname property="value"> Content goes here ... &l
44 人浏览
wechat

小程序WXS响应事件

小程序WXS响应事件背景有频繁用户交互的效果在小程序上表现是比较卡顿的,例如页面有 2 个元素 A 和 B,用户在 A 上做 touchmove 手势,要求 B 也跟随移动,movable-view 就是一个典型的例子。一次 touchmove 事件的响应过程为:a、touchmove 事件从视图层(Webview)抛到逻辑层(App Service)b、逻辑层(App Service)处理 to
44 人浏览
wechat

小程序事件

什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。如bindtap,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。<view id="tapTe
46 人浏览
zixun

一个引发程序员们干架的问题

一个引发程序员们干架的问题在一个分布式系统的开发团队中,有一些问题是很容易产生程序员之间矛盾的。其中之一就是「业务归属」,就是当新加/修改一个业务的时候,代码变更应该放到你负责的系统还是我负责的系统里?一些业务轮廓很清晰的就不用说了,大家的认定都是一样的。比如商品相关的放到商品服务,会员相关的放到会员服务。但是对于轮廓模糊的业务,大家作出的决定就不一定相同了。这个时候起决定性作用的并不是各自的工作
45 人浏览
zixun

程序员与新技术之间的「爱」与「恨」

程序员与新技术之间的「爱」与「恨」?我们大部分做技术的,对新技术是又爱又恨。爱的是他能让枯燥反复的工作重新获得新鲜感。恨的是新技术太多了,学不动啊。真到了实际要运用的时候,不同人对待新技术的态度相差很大,有的看上去很积极,有的又看上去很排斥。一般来说,技术团队的管理者往往是“排斥者”,而团队的成员是“拥抱者”的概率居多。看看下面这个景象是不是很熟悉?程序员小明:老大,XX系统太乱了,需要重构一下。
45 人浏览
zixun

做「容量预估」可没有true和false

做「容量预估」可没有true和false随着20年来互联网的蓬勃发展,一个软件系统所要面对的访问压力上限被逐渐提高。虽然如此,但是那些体量达到亿级或者是千万级的产品也只是少数公司的专属。对于整个行业里百万+的程序员群体来说,估计也就只有10%人有机会接触到这些“大系统”。所以,一提到容量预估,大家可能第一时间想到的是,这是大公司的事,我们这种小系统不用考虑这个问题。这说法其实不太对。现在这个时代,
41 人浏览
zixun

大家在寻找的高级程序员到底是什么样子的?

大家在寻找的高级程序员到底是什么样子的?你好,我是Z哥。这篇文章主题很简单,就是一个很常见的话题“什么是高级程序员?”。文章稍微长了些,但是很容易阅读。我们的中国文化,对“面子”看的特别重,所以你会发现身边到处都是高级XXX,听着倍儿有面子,程序员也不例外。但是你真要问每个人,你认为的高级XXX是什么样子的。估计每个人都有不同的回答。我还记得在我刚开始从事编程工作的时候,对坐在边上不远的那位我心目
46 人浏览
web

Github带来的不止是开源,还有折叠的认知

几乎每个程序员都知道github,但是知道目前上面有多少repositories的估计没几个。Z哥今天去看了下,最新的数量显示是1.39亿个。▲截图来自于github.com而这个数字在2008年那会只是3.3万个。这个增长速度可谓真的是“爆炸式增长”。与此同时,大家也都享受到了开源技术逐渐繁荣的红利。如今,构建一个大型的、面向广大互联网终端用户的系统,变得越来越容易了。而且现在你也可以经常在招聘
49 人浏览