首页
学习
活动
专区
工具
TVP
发布

小程序的道路

专栏作者
7
文章
8753
阅读量
21
订阅数
小程序生命周期
小程序并不是 HTML5 应用,而是更偏向于传统的 CS 架构,它是基于数据驱动的模式,一切皆组件(视图组件)。下面是小程序与普通 Web App 的对比。 普通 HTML5 都是执行在浏览器的宿主环境,浏览器提供 window、document 等 BOM 对象,但小程序没有 window、document,它更像是一个类似 Node.js 的宿主环境;因此在小程序内不能使用 document.querySelector 这类 DOM 选择器,也不支持 XMLHttpRequest、location、localStorage 等这些浏览器提供的 API,只能使用小程序自己实现的 API 小程序并非是直接通过 URL 访问的,而是通过信道服务进行通信和会话管理,所以它不支持 Cookie 存储,同时访问资源使用 wx.request 则不存在跨域的问题 小程序在 JavaScript 的模块化上支持 CommonJS,通过 require 加载,跟 Node.js 类似 小程序的页面样式完全继承了 CSS 的语法,但是在选择器上面会少一些,布局支持 flex 布局 小程序的整体框架采用面向状态编程方式,状态管理从 API 来看采用类似 Redux 的设计方式;单向数据绑定方式,当 View 在 Action 操作后,只能通过 Action 的业务处理来更新 View 页面组件模块上,WXML 提供了一整套的「自定义 UI 组件标签」,有些组件实际是 HTML5 实现的,有些组件为了解决权限、性能和适配等问题实际是 Native 实现的(如 map、input、canvas、video)
用户2305175
2018-08-29
7530
小程序渲染
在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。通过遍历数据,将数据展示,类似vue中的 v-for。 wx:for-item 可以指定数组当前元素的变量名,wx:key 来指定列表中项目的唯一的标识符。,wx:for-index 可以指定数组当前下标的变量名,
用户2305175
2018-07-15
8870
小程序的数据请求
然后我们随便在input框输入一个值,点击查询,我们会发现通过接口交互,可以拿到请求api的对应返回操作结果
用户2305175
2018-07-08
1.1K0
小程序事件
当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数,跳转到demo页面。然后在对应的js中写出事件的具体实现方法
用户2305175
2018-07-01
5860
微信小程序布局单位的使用
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。官方推荐微信小程序可以用iPhone6 作为视觉稿的标准。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为750 px,则共有个750 物理像素,则750 rpx = 375px = 750 物理像素 例如 : 1rpx = 0.5px = 1物理像素
用户2305175
2018-06-24
2.9K0
微信小程序布局
开始我们的入门后,接下来就可以开始创建我们的第一个demo页面了。按照官网的步骤,在pages模块下新建我们自己的模块demo,添加好对应的文件,然后在app.json文件里面配置好路由
用户2305175
2018-06-14
1.3K0
微信小程序入门
登录微信,点击发现操作栏进入的页面,在页面的最下方,有个小程序,点击进去,有很多的小程序列表。对于每一个小程序,直接点击就可以使用,不需要下载。不像APP,需要下载安装太多的应用。不要下载就可以使用,也正是小程序的特色。正因为这种触手可及的应用形态,让小程序应用越来越多。
用户2305175
2018-06-10
1.2K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档