微信小程序开发需要哪些技能

小程序开发必备知识技能：

1、熟练掌握HTML语言、CSS、JavaScript

HTML就是超文本标记语言的简写，HTML是网页开发前端三剑客之一，主要负责网页的骨架，就如同动物的骨架一样，HTML语言就是支撑网页布局的骨架。CSS主要负责网页样式，网页内容如何分布，板块背景，颜色等外观问题可以有CSS控制。JavaScript是一种动态的脚本语言，在服务器端迸发出非凡的活力，成为当前非常活跃的语言之一。因此想要做小程序开发，就必须要掌握HTML语言、CSS、JavaScript。

2、服务器语言

如果不是专业的后端开发者，可能后端有一定的难度其学习曲线较陡。但是，仍然建议开发者学习一下后端语言，至少需要了解大致的原因框架，能够看懂其代码逻辑，这样不仅可以很好的实现前后端的配合，也能够在小程序出现bug的时候扯皮用。服务器的语言有很多比较常用的是PHP、Java、Python、ASP等技术，建议开发者根据公司内部技术的使用情况挑选进行学习。

3、数据库语言

如果公司数据量不大，架构不复杂的话数据库语言相对来说是比较简单的，一般学会一些常用的命令以及常出现的问题就能够应付使用。常用的数据库有免费的MySQL、msSQL、MongoDB、Oracle等数据库。

从一张设计图的实现说起

为什么模拟器下 iPhone6的分辨率是375，而设计图一般给750？

pt也称为逻辑分辨率

pt的大小和屏幕尺寸有关系，简单可以理解为长度和视觉单位

px指物理分辨率，和屏幕尺寸没有关系。点没有大小之说

1个pt可以由一个px构成，也可以有两个，还可以有三个甚至更多

iPhone6下2个px才构成一个pt

以iPhone6物理像素750X1334为视觉稿进行设计，而在小程序中使用rpx为单位

iPhone6下1px = 1rpx = 05pt

使用rpx，小程序会自动在不同的分辨率下进行转换，而使用px单位则不会

iPhone6下1px = 1rpx   (容易换算)

iPhone plus 下 1px = 06rpx

必备技能清单

如果你想开发一个应用，那么了解和学习应用所用的编程语言是非常必要的。

对于小程序开发者来说，需要学习的语言主要有:

微信标记语言(WeiXin Marked Language, WXML)

微信样式表(WeiXin Style Sheet, WXSS)

JavaScript(JS)

虽然微信为小程序的界面构建「创造」了两种语言，但这两种语言，无论是从风格还是语法上，都与 HTML 和 CSS 非常接近，甚至是直接照搬。

也就是说，在开发微信小程序之前，你需要掌握的语言只有 HTML、CSS 和 JavaScript 三种，而这三种恰恰就是网页前端天天都要面对的。

学习、开发过网页前端的人都知道，「前端三件套」的学习成本其实是很低的，有些人甚至能在一周内熟练掌握这三种语言。

如果你是 iOS / Android 开发人员

如果你以前有 app 开发经验，那转向小程序开发并不难。你只需要简单学习三种语言的写法，就能轻松上手开发小程序。

无论是从 iOS 还是 Android 开始转，开发小程序都需要学习 JavaScript 语言。小程序的逻辑功能都是使用 JavaScript 来实现的，如果没有 JavaScript，小程序就变成了一具没有思维的空壳。

对于 iOS 开发来说，可能还要学习使用 HTML(WXML)构建界面的方式。

许多人在开发 iOS 应用时，会使用 iOS 的 Storyboard 文件构建界面和交互逻辑，Storyboard 可以让开发者通过拖动元素的方式快速构建界面。

但在小程序中，所有视觉元素和交互都需要通过 XML(WXML)代码实现，无法直接拖动元素来构建界面。这与 iOS 的 Storyboard 可视化的界面构建方式有很大差别。

对于原本就需要 XML 代码构建界面和交互的 Android 开发者来说，他们只需要了解小程序 WXML 可以使用的元素，就可以开工了。

如果你是网页前端开发人员

恭喜你，既然你已经能熟练使用 HTML、CSS 和 JS 语言，接下来的事情就简单得多了。

但这并不代表前端网页开发与小程序开发没有差别，你在上手前还是有一些需要注意的地方。

首先，小程序的界面并非是一个「网页」，而是一个「应用界面」，以往网页前端常见的

、 等标签都不复存在。网页前端开发人员需要适应 WXML 的逻辑和写法。

同样，虽然 WXSS 文件基本「复刻」了 CSS，但小程序使用了 rpx(responsive pixel)作为尺寸单位(保证不同分辨率设备的元素正常显示)。开发人员需要了解 rpx 与各种长度单位的换算比例。

关注 zxcx0101，回复「rpx」，获取 rpx 的详细换算方式。

如果你是后端开发人员

即使是使用 Nodejs 语言工作的后端开发人员，如果希望转向小程序开发，依然需要先从前端三件套入手学习。

不用担心，前端三件套是非常简单的语言，许多人只需要经过一周的学习就能熟悉。如果之前有相关经验，上手难度会更加低。

但是，许多业务流程完整小程序是离不开后端的数据处理的。后端开发者并不需要太担心小程序的火热会造成后端领域的侵蚀，相反，小程序的火热会令后端人员的需求迅速增长。

微信小程序开发需要掌握的技术如下：

1、WXML语言，上面说了，类似于 Html语言

WXML(WeiXin Markup

Language)是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构

2、要学习Javascrip作为 后台代码编写语言

3、要学习PHP作为 服务器代码编写语言 (你也可以选择其他语言)

4、要学习WXSS(为了适应广大的前端开发者，WXSS 具有 CSS 大 部分特性, WXSS 对CSS 进行了扩充以及修改)

WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式

与 CSS 相比，WXSS 扩展的特性有：尺寸单位和样式导入

5、学习微信小程序的一系列组件的使用

框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发

6、学习微信特有的API

框架提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等

wxon 开头的 API 是监听某个事件发生的API接口，接受一个 CALLBACK 函数作为参数。当该事件触发时，会调用 CALLBACK 函数。

7、要学习WXS

WXS(WeiXin Script)是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构，这个语言类似于 Javascript。

1 App直接打开小程序功能是怎么 *** 作

2018 年 05 月 19 日，微信官方公布了小程序的新能力，其中最引人关注的是：「小程序上线 App 直接打开小程序功能」。

其实，「App 直接打开小程序」的关键词是 「直接」 两个字。过去，App 可以 「间接」 打开小程序。

比如，你在轻芒杂志 App 里读到一篇好文章，将文章分享给你的「微信好友」一起读，TA 就会收到一张小程序的分享卡片。这样，就相当于 App 间接打开了小程序。

现在，App 可以 「直接」 打开小程序。 对于已经拥有 App 的内容创作者，可以开发一些非常适合微信生态传播的小程序，比如基于内容的答题游戏。

用户可以将答题游戏轻松地分享给微信好友，进行对战，或者进行闯关挑战，从而帮助品牌触达新用户。 两个显而易见的好处 轻芒工程师表示，「App 直接打开小程序」显而易见的好处有两个： 第一，路径缩短。

过去，从 App 打开小程序需要 3 步，现在只需要 1 步。 Before: App → 分享给「微信好友」→「微信好友」收到小程序卡片 → 打开小程序 After: App → 打开小程序 第二：开发成本降低。

过去，「轻芒头脑战」只有小程序的版本，如果 App 要用上头脑战，就需要重新开发；现在，可以从 App 直接跳转到「轻芒头脑战」的小程序，大大降低开发成本。 微信不允许做小程序分发 「App 直接打开小程序」很容易让人想到，那就可以做小程序的分发平台（应用商店）了。

微信当然也想到了，所以做了限制： 一个移动应用只能最多同时绑定 3 个小程序，每月支持绑定 3 次。同一个小程序可被 500 个移动应用关联。

这个规定，用通俗的话来解释就是： 一个小程序可以有 500 个好友（App）。 一个 App 却只能有 3 个好友（小程序），同时每个月都有 3 次机会换好友。

这就意味着一个 App 每月只能打开 3 个小程序，所以还是做不了应用商店，没办法做第三方的分发。 从小程序跳转到 App 呢？ 正所谓，礼尚往来。

从 App 到小程序的事情，我们大概理解了。其实从小程序跳转回 App，微信也是支持的。

但是也做了比较多的限制。简单来说就是，只允许从用户分享的小程序卡片，「原路」跳转回 App，而不能从小程序的任意页面返回 App。

可以看一下「大众点评」的例子：阿禅在大众点评 App 上看到一个好的餐厅，他分享给「微信好友」，「微信好友」打开这个大众点评的小程序卡片，就可以通过「打开 App」按钮，原路返回 App——前提是你的「微信好友」安装了这个 App，所以从小程序跳回 App 的功能和使用场景，目前更适合大部分人手机常备的 App。

2 小程序是怎么做出来的

一、小程序和APP有什么区别 商机，我觉得小程序或是APP都需要一个好的点子+超强的执行力+运气，但是小程序在微信中更易传播、用户进入门槛更低。

只要小程序有意思、有新意很有可能能获取井喷式的用户增长，比如之前的朋友印象、工具类的传图识字等等。区别的话主要是：APP：可无限拓展，较高的自由度，适用于一些功能复杂、对交互、设计有要求的应用，用户可更加方便的长期使用微信小程序：触手可及，用完即走，开发较为简单，但必须依赖于微信很难进行扩展延伸，即功能受限于微信提供的接口，适用于功能单一、低频的应用 如果细分的话也可以从以下几点来说1、起源APP：全称为移动应用程序（mobile application），是设计给只能手机、平板电脑等设备运行的一种应用程序，目前主流的移动设备 *** 作系统为Android和iOS，距离2018年发布已超过十年。

微信小程序：是一种不需要下载安装即可使用的应用，用户通过微信扫一扫或搜一搜即可打开，2017年1月正式上线。2、用户群体APP：面对所有智能手机用户，2017年智能手机用户为26亿。

微信小程序：面对所有微信用户，微信日活超过8亿。3、使用APP：固定在桌面上，随时可用微信小程序：按照最近使用时间倒序排列，使用时需进行扫码/查找4、下载APP：需要从应用商店下载所对应的安装包，才可使用微信小程序：通过微信扫描二维码/扫面小程序码/搜索即可进入小程序直接使用5、功能APP：可实现较为完整的功能微信小程序：因受限于平台仅可实现部分功能，一般小程序功能都较为单一6、适配APP：需要针对不同手机进行适配微信小程序：一次开发可适配所有手机7、开发周期APP：开发成本高，开发周期较长微信小程序：开发成本低，平台已提供较多的接口供使用，开发周期短8、市场APP：中国2017年上线APP为500万左右微信小程序：上线小程序数量58万 二，小程序是如何做出来的，下面我们来看看小程序如何制作。

方法1、微信官方简易教程 我们先来看看微信官网给出的简易教程。起步基础，注册小程序帐号之后，需要安装开发工具，然后在官方开发工具里面输入代码制作。

基础代码构成：JSON 配置：我们可以看到在项目的根目录有一个 appjson 和 projectconfigjson，此外在 pages/logs 目录下还有一个 logsjson，我们依次来说明一下他们的用途。小程序配置 appjson,appjson 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等 WXML 模板：从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。

WXSS 样式：WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。新增了尺寸单位。

在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。

提供了全局的样式和局部样式。和前边 appjson, pagejson 的概念相同，你可以写一个 appwxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 pagewxss 仅对当前页面生效。

此外 WXSS 仅支持部分 CSS 选择器 JS 交互逻辑：一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的 *** 作。

嗯，上面是官方定义的“简易教程”基础中一小部分，对的，简易教程，“简易”。

介绍到这里我已经感觉不到所谓的“简易”二字了。

做完基础还有更高级篇等着你，框架，组件，API，工具。这几个词看着简单，展开的内容足够写几本教科书了。

第二种方法 第三方平台开发小程序 官方教程定义是否简易我们就不做文章解析了，对于一个商家和企业，我做个小程序还需要了解如此多的代码知识。或者有人说，我可以请个程序猿和设计狮，可以，土豪请随意，但是一个程序猿也需要花时间去敲代码，设计。

这一整套制作下来，聪明的人少则一两个月，多着半年，甚至几年都没学会的。在目前竞争如此激烈的社会，我们企业和商家讲究的都是时间就是金钱，同行竞争，抢占先机。

你还会愿意花这么多时间去学习，敲代码，甚至请人提高成本吗？我想你们的回答都是，否。那么那有没有办法可以让我们轻松且快速地制作小程序呢？当然有！我们只需要用到「速成应用」小程序可视化制作工具，马上就可以制作出好看的多功能的全行业的小程序，轻松应对各行各业的应用场景。

下面我们看看如何无需代码基础，轻轻松松制作小程序，教你搞定小程序制作！小程序可视化制作工具的装修界面，可以清晰的看到左边有“页面、组件、模块、模版”等功能。中间是可视化设计界面，右边是设置。

1、组件 组件功能里面可以添加文字、、视频、文章和和商品列表等元素，都可以自。

3 自己怎么做个小程序

说到小程序开发，应该是目前最火的互联网应用。自从小程序上线以来就受到用户和商家的火热追捧，直至现在已经成为互联网最大的流量入口，自开放个人开发者以来，更是大批开发人员一拥而上。至于要如何开发一个微信小程序，首先，微信小程序开发的定义很广，可以是指个人开发，企业开发，也可以是技术代码开发，也可以是第三方技术公司开发。我们首先来理清楚几个问题。

谁可以开发小程序？

微信小程序是腾讯在微信生态下提供的一种不需要下载安装即可使用的应用，类型为企业、 、媒体、其他组织或个人（主体是「个人」的小程序不支持小程序认证，注册时请勿选择「个人」）的开发者，均可申请注册。这两个基础问题清晰之后，我们再来看看如何拥有自己的小程序？

商家一共有两种方式可以拥有自己的小程序：

1第一种为自主开发，商家可以自行找设计师、找产品、找技术，学习微信接口文档，经过漫长的开发周期，不定期的技术接口升级，花费昂贵的开发费用来拥有小程序。虽然开发门槛相对较低，难度不及APP，但自己要开发一个小程序也需要2-3个技术人员耗费数万元以及若干月来实现，且实现后功能需要不断完善迭代，代价较高也耗费精力。

2另一种方式，商家可以使用成熟的小程序商城系统，无需商家自行开发，即可享受专业的技术服务和丰富的营销工具，助力商家轻松获客，更支持商家个性装修及海量模板套用两种装修方法，省心省时。这些商城小程序系统为商家免去了自己开发的繁杂过程，仅需按照注册流程即可快速拥有属于自己的小程序店铺。同时为小程序提供丰富多样的营销功能和展示组件，满足商家的各项场景需求和功能需求。

4 如何制作小程序

制作小程序有以下几种方式：

1、个人开发，这个需要懂得开发技术代码的编写，你想要专职做个人开发或者兴趣开发都是可以，前提是要学好编程开发语言，小程序开发也是一门技术，技艺精湛才能更好带来赚钱

2、找开发公司开发，这个需要设计好小程序的功能和版面，其实和APP是同样的道理，给别人开发当然你得全程跟踪进度，还要测试功能能否正常，最重要的是价格得了解清楚

3、还有一种就是找一个小程序开发平台，他们有模板商城你可以注册进去搭建，支付使用费用，价格有高有低，看哪个平台适合就选择哪个

4、小程序现在正朝着APP的功能改进，目前来讲，小程序还没有达到APP那种样子的，功能和界面，UI设计都还在不断改善之中，不过，事物是向前发展的，小程序开发也是热门，功能会越来越完善，是完全能够做到跟APP功能一样了

5、现在上线了很多小程序，各行各业都有，你打开微信，找到小程序，直接打开附近的小程序就可以看到13个类目下的各种小程序了，现在太热门了，小程序也是多得不得了了。

一、小程序和APP有什么区别

商机，我觉得小程序或是APP都需要一个好的点子+超强的执行力+运气，但是小程序在微信中更易传播、用户进入门槛更低。

只要小程序有意思、有新意很有可能能获取井喷式的用户增长，比如之前的朋友印象、工具类的传图识字等等。

区别的话主要是：

APP：可无限拓展，较高的自由度，适用于一些功能复杂、对交互、设计有要求的应用，用户可更加方便的长期使用

微信小程序：触手可及，用完即走，开发较为简单，但必须依赖于微信很难进行扩展延伸，即功能受限于微信提供的接口，适用于功能单一、低频的应用

如果细分的话也可以从以下几点来说

1、起源

APP：全称为移动应用程序（mobile application），是设计给只能手机、平板电脑等设备运行的一种应用程序，目前主流的移动设备 *** 作系统为Android和iOS，距离2018年发布已超过十年。

微信小程序：是一种不需要下载安装即可使用的应用，用户通过微信扫一扫或搜一搜即可打开，2017年1月正式上线。

2、用户群体

APP：面对所有智能手机用户，2017年智能手机用户为26亿。

微信小程序：面对所有微信用户，微信日活超过8亿。

3、使用

APP：固定在桌面上，随时可用

微信小程序：按照最近使用时间倒序排列，使用时需进行扫码/查找

4、下载

APP：需要从应用商店下载所对应的安装包，才可使用

微信小程序：通过微信扫描二维码/扫面小程序码/搜索即可进入小程序直接使用

5、功能

APP：可实现较为完整的功能

微信小程序：因受限于平台仅可实现部分功能，一般小程序功能都较为单一

6、适配

APP：需要针对不同手机进行适配

微信小程序：一次开发可适配所有手机

7、开发周期

APP：开发成本高，开发周期较长

微信小程序：开发成本低，平台已提供较多的接口供使用，开发周期短

8、市场

APP：中国2017年上线APP为500万左右

微信小程序：上线小程序数量58万

二，小程序是如何做出来的，

下面我们来看看小程序如何制作。

方法1、微信官方简易教程

我们先来看看微信官网给出的简易教程。

起步基础，注册小程序帐号之后，需要安装开发工具，然后在官方开发工具里面输入代码制作。

基础代码构成：

JSON 配置：

我们可以看到在项目的根目录有一个 appjson 和 projectconfigjson，此外在 pages/logs 目录下还有一个 logsjson，我们依次来说明一下他们的用途。小程序配置 appjson，appjson 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等

WXML 模板：

从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。

WXSS 样式：

WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。新增了尺寸单位。在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。提供了全局的样式和局部样式。和前边 appjson, pagejson 的概念相同，你可以写一个 appwxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 pagewxss 仅对当前页面生效。此外 WXSS 仅支持部分 CSS 选择器

JS 交互逻辑：

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写 JS 脚本文件来处理用户的 *** 作。

嗯，上面是官方定义的“简易教程”基础中一小部分，对的，简易教程，“简易”。。。介绍到这里我已经感觉不到所谓的“简易”二字了。

做完基础还有更高级篇等着你，框架，组件，API，工具。这几个词看着简单，展开的内容足够写几本教科书了。

第二种方法 第三方平台开发小程序

官方教程定义是否简易我们就不做文章解析了，对于一个商家和企业，我做个小程序还需要了解如此多的代码知识。或者有人说，我可以请个程序猿和设计狮，可以，土豪请随意，但是一个程序猿也需要花时间去敲代码，设计。。。这一整套制作下来，聪明的人少则一两个月，多着半年，甚至几年都没学会的。

在目前竞争如此激烈的社会，我们企业和商家讲究的都是时间就是金钱，同行竞争，抢占先机。你还会愿意花这么多时间去学习，敲代码，甚至请人提高成本吗？我想你们的回答都是，否。

那么那有没有办法可以让我们轻松且快速地制作小程序呢？

当然有！

我们只需要用到「速成应用」小程序可视化制作工具，马上就可以制作出好看的多功能的全行业的小程序，轻松应对各行各业的应用场景。

下面我们看看如何无需代码基础，轻轻松松制作小程序，教你搞定小程序制作！

小程序可视化制作工具的装修界面，可以清晰的看到左边有“页面、组件、模块、模版”等功能。中间是可视化设计界面，右边是设置。

1、组件

组件功能里面可以添加文字、、视频、文章和和商品列表等元素，都可以自定义样式，大小，边框、背景、颜色、阴影，圆角，透明度效果等等功能，还有幻灯轮播效果。

2、模块

模块库里有适应全行业场景现成的组件模块，幻灯轮播类、导航栏目类、商品展示类、图文展示类、纯文字类、创意图文类、元素图标类、商品列表，精美标题类等等，用户可以一键添加模块布局页面，组件内容均可自定义，无需重新设计排版，模块组件多，适应性高，拖一拖拽一拽，即可完成，自由组合搭配，真正做到千人千店。

3、模板

模板库里有适应全行业场景现成的模板，用户可以一键添加使用布局页面，模板上的内容均可自定义，都可重新设计排版自定义，模板多，适应性高，一键生成，制作小程序就是，快人一步。

如果使用模板功能，一键生成制作使用，花点就制作一个小程序了，是不是很方便。

最后，我想说的是，用对一个工具，选对一种方法，远远比重复的 *** 作来得高效

一、小程序和APP有什么区别

商机，我觉得小程序或是APP都需要一个好的点子超强的执行力运气，但是小程序在微信中更易传播、用户进入门槛更低。

只要小程序有意思、有新意很有可能能获取井喷式的用户增长，比如之前的朋友印象、工具类的传图识字等等。

区别的话主要是：

APP：可无限拓展，较高的自由度，适用于一些功能复杂、对交互、设计有要求的应用，用户可更加方便的长期使用

微信小程序：触手可及，用完即走，开发较为简单，但必须依赖于微信很难进行扩展延伸，即功能受限于微信提供的接口，适用于功能单一、低频的应用

如果细分的话也可以从以下几点来说

1、起源

APP：全称为移动应用程序（mobileapplication），是设计给只能手机、平板电脑等设备运行的一种应用程序，目前主流的移动设备 *** 作系统为Android和iOS，距离2018年发布已超过十年。

微信小程序：是一种不需要下载安装即可使用的应用，用户通过微信扫一扫或搜一搜即可打开，2017年1月正式上线。

2、用户群体

APP：面对所有智能手机用户，2017年智能手机用户为26亿。

微信小程序：面对所有微信用户，微信日活超过8亿。

3、使用

APP：固定在桌面上，随时可用

微信小程序：按照最近使用时间倒序排列，使用时需进行扫码/查找

4、下载

APP：需要从应用商店下载所对应的安装包，才可使用

微信小程序：通过微信扫描二维码/扫面小程序码/搜索即可进入小程序直接使用

5、功能

APP：可实现较为完整的功能

微信小程序：因受限于平台仅可实现部分功能，一般小程序功能都较为单一

6、适配

APP：需要针对不同手机进行适配

微信小程序：一次开发可适配所有手机

7、开发周期

APP：开发成本高，开发周期较长

微信小程序：开发成本低，平台已提供较多的接口供使用，开发周期短

8、市场

APP：中国2017年上线APP为500万左右

微信小程序：上线小程序数量58万

二，小程序是如何做出来的，

下面我们来看看小程序如何设计。

方法1、微信官方简易教程

我们先来看看微信官网给出的简易教程。

起步基础，注册小程序帐号之后，需要安装开发工具，然后在官方开发工具里面输入代码设计。

基础代码构成：

JSON配置：

我们可以看到在项目的根目录有一个appjson和projectconfigjson，此外在pages/logs目录下还有一个logsjson，我们依次来说明一下他们的用途。小程序配置appjson，appjson是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等

WXML模板：

从事过网页编程的人知道，网页编程采用的是HTMLCSSJS这样的组合，其中HTML是用来描述当前这个页面的结构，CSS用来描述页面的样子，JS通常是用来处理这个页面和用户的交互。

WXSS样式：

WXSS具有CSS大部分的特性，小程序在WXSS也做了一些扩充和修改。新增了尺寸单位。在写CSS样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS在底层支持新的尺寸单位rpx，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。提供了全局的样式和局部样式。和前边appjson,pagejson的概念相同，你可以写一个appwxss作为全局样式，会作用于当前小程序的所有页面，局部页面样式pagewxss仅对当前页面生效。此外WXSS仅支持部分CSS选择器

JS交互逻辑：

一个服务仅仅只有界面展示是不够的，还需要和用户做交互：响应用户的点击、获取用户的位置等等。在小程序里边，我们就通过编写JS脚本文件来处理用户的 *** 作。

嗯，上面是官方定义的“简易教程”基础中一小部分，对的，简易教程，“简易”。。。介绍到这里我已经感觉不到所谓的“简易”二字了。

做完基础还有更高级篇等着你，框架，组件，API，工具。这几个词看着简单，展开的内容足够写几本教科书了。

第二种方法第三方平台开发小程序

官方教程定义是否简易我们就不做文章解析了，对于一个商家和企业，我做个小程序还需要了解如此多的代码知识。或者有人说，我可以请个程序猿和设计狮，可以，土豪请随意，但是一个程序猿也需要花时间去敲代码，设计。。。这一整套设计下来，聪明的人少则一两个月，多着半年，甚至几年都没学会的。

在目前竞争如此激烈的社会，我们企业和商家讲究的都是时间就是金钱，同行竞争，抢占先机。你还会愿意花这么多时间去学习，敲代码，甚至请人提高成本吗？我想你们的回答都是，否。

那么那有没有办法可以让我们轻松且快速地设计小程序呢？

当然有！

我们只需要用到「速成应用」小程序可视化设计工具，马上就可以设计出好看的多功能的全行业的小程序，轻松应对各行各业的应用场景。

下面我们看看如何无需代码基础，轻轻松松设计小程序，教你搞定小程序设计！

小程序可视化设计工具的装修界面，可以清晰的看到左边有“页面、组件、模块、模版”等功能。中间是可视化设计界面，右边是设置。

1、组件

组件功能里面可以添加文字、、视频、文章和和商品列表等元素，都可以自定义样式，大小，边框、背景、颜色、阴影，圆角，透明度效果等等功能，还有幻灯轮播效果。

2、模块

模块库里有适应全行业场景现成的组件模块，幻灯轮播类、导航栏目类、商品展示类、图文展示类、纯文字类、创意图文类、元素图标类、商品列表，精美标题类等等，用户可以一键添加模块布局页面，组件内容均可自定义，无需重新设计排版，模块组件多，适应性高，拖一拖拽一拽，即可完成，自由组合搭配，真正做到千人千店。

3、模板

模板库里有适应全行业场景现成的模板，用户可以一键添加使用布局页面，模板上的内容均可自定义，都可重新设计排版自定义，模板多，适应性高，一键生成，设计小程序就是，快人一步。

如果使用模板功能，一键生成设计使用，花点就设计一个小程序了，是不是很方便。

最后，我想说的是，用对一个工具，选对一种方法，远远比重复的 *** 作来得高效

以上就是关于微信小程序开发需要哪些技能全部的内容，包括:微信小程序开发需要哪些技能、移动设备的分辨率和rpx、如何转行小程序开发 不同品种的程序员该这样做等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！