微信小程序详细介绍

微信小程序申请流程

微信小程序是一种轻量级应用，用户无需下载安装即可使用，具有快速打开、用完即走的特点，因此备受用户青睐。对于开发者来说，申请成为微信小程序的开发者，可以让他们在微信生态系统中开发应用，实现自己的商业价值。下面将详细介绍微信小程序的申请流程。

首先，开发者需要在微信公众平台上注册账号。如果已经有微信公众号的开发者，可以直接使用该账号登录；如果没有，需要先注册一个微信公众号的开发者账号。注册账号时，需要填写相关的个人信息和企业信息，并进行身份验证。

其次，开发者需要登录微信公众平台，在“设置”中选择“开发者中心”，然后点击“成为开发者”按钮。接着，需要阅读并同意《微信小程序开发协议》，并填写开发者信息，包括开发者类型、开发者名称、联系人信息等。

接下来，开发者需要进行实名认证。实名认证是为了保障小程序的安全和用户权益，需要提供相关的个人或者企业证件信息。个人开发者需要提供身份证信息，企业开发者需要提供营业执照等相关证件信息。完成实名认证后，开发者就可以开始创建自己的小程序了。

在创建小程序之前，开发者需要先了解一些相关的规范和要求，包括小程序命名规范、小程序代码规范、小程序服务类目等。了解清楚这些规范和要求后，开发者可以开始创建小程序，包括填写小程序基本信息、设置小程序服务器域名、上传小程序代码等。

最后，开发者需要提交小程序审核。在提交审核前，需要对小程序进行全面的测试，确保小程序的功能完善、用户体验良好。审核通过后，开发者就可以在微信中发布自己的小程序了。

总的来说，申请成为微信小程序的开发者并不复杂，只需要按照规定的流程和要求进行操作即可。希望开发者们可以根据以上流程顺利申请成为微信小程序的开发者，开发出更多优质的小程序，为用户带来更好的体验。

微信⼩程序wxapp画布canvas详细介绍

微信⼩程序 wxapp画布 canvas ：最近学习微信⼩程序的知识，这⾥记录下⼩程序 waxpp画布canvas 的知识：

canvas

属性名类型默认值说明

hiddenBooleanfalse设置画布的显⽰/隐藏，hidden值为true表⽰隐藏，值为false表⽰显⽰

canvas-idString canvas组件的唯⼀标识符

binderrorEventHandle 当发⽣错误时触发error事件，detail = { errMsg: 'something wrong' }

注：

1.canvas标签默认宽度300px、⾼度225px

2.同⼀页⾯中的canvas-id不可重复，如果使⽤⼀个已经出现过的canvas-id，该canvas标签对应的画布将被隐藏并不再正常⼯

作

⽰例代码：

// canvas.js

Page({

canvasIdErrorCallback: function (e) {

console.error(e.detail.errMsg);

},

onReady: function (e) {

//使⽤wx.createContext获取绘图上下⽂context

var context = wx.createContext();

context.setStrokeStyle("#00ff00");

context.setLineWidth(5);

context.rect(0,0,200,200);

context.stroke()

context.setStrokeStyle ("#ff0000") ;

context.setLineWidth (2)

context.moveTo(160,100)

context.arc(100,100,60,0,2*Math.PI,true);

context.moveTo(140,100);

context.arc(100,100,40,0,Math.PI,false);

微信⼩程序rpx尺⼨单位详细介绍

微信⼩程序最近⽕了，⼤家开发微信⼩程序有没有注意微信⼩程序对⼿机屏幕的要求或者影响呢，⾯对不同的⼿机屏幕，微信

rpx单位是微信⼩程序中css的尺⼨单位，rpx可以根据屏幕宽度进⾏⾃适应,

微信⼩程序尺⼨单位rpx以及样式

rpx单位是微信⼩程序中css的尺⼨单位，rpx可以根据屏幕宽度进⾏⾃适应。

规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx= 0.

rpx单位是微信⼩程序中css的尺⼨单位，rpx可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为750rpx。

如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0。

rpx单位是微信⼩程序中css的尺⼨单位，rpx可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)

iPhone5 1rpx = 0.42px 1px = 2.34pxiPhone6 1rpx = 0.5px 1px = 2rpxiPhone6s 1rpx = 0.552px 1px = 1.81rpx

微信⼩程序也⽀持rem尺⼨单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx

注：开发微信⼩程序时设计师可以⽤ iPhone6 作为视觉稿的标准。

感谢⼤家阅读，希望能帮助到⼤家，谢谢⼤家对本站的⽀持！

微信小程序页面路由原理

微信小程序是一种轻量级的应用程序，它可以在微信中运行，不需要安装或下载，非常方便。在微信小程序中，页面之间的跳转是非常重要的功能。本文将介绍微信小程序页面路由原理，包括页面生命周期、页面跳转方式和页面传参方式。

1. 页面生命周期

在微信小程序中，每个页面都有自己的生命周期，包括页面加载、页面显示、页面隐藏和页面卸载。下面是页面生命周期的具体介绍：

（1）onLoad：页面加载时触发，只会触发一次，可以在这个事件中获取页面参数。

（3）onHide：页面隐藏时触发，可以在这个事件中停止页面的动画或相关操作。

2. 页面跳转方式

在微信小程序中，有两种方式可以实现页面跳转，一种是通过跳转API实现页面跳转，另一种是通过点击页面中的链接实现页面跳转。下面是具体介绍：

（1）跳转API：微信小程序提供了多个跳转API，包括wx.navigateTo、wx.redirectTo、wx.reLaunch和wx.switchTab等，每个API的使用场景和效果不同，具体介绍如下：

> wx.navigateTo：保留当前页面，跳转到应用内的某个页面。可以通过点击左上角的返回按钮返回前一个页面。

> wx.reLaunch：关闭所有页面，打开应用内的某个页面。

> wx.switchTab：跳转到应用内的一个TabBar选项卡。

在微信小程序中，传递参数非常方便，可以通过URL参数、全局变量、页面栈等方式实现。下面是具体介绍：

（2）全局变量：通过全局变量传递参数可以在不同页面直接共享变量。可以使用wx.setStorageSync和wx.getStorageSync等API设置和获取全局变量。

（3）页面栈：在微信小程序中，页面栈是记录跳转过的页面的一个栈结构。可以通过getCurrentPage和getApp等API获取页面栈和全局变量，从而实现参数传递。