『壹』 小程序是怎么做出来的和APP有什么区别

一、小程序和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 配置：

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

WXML 模板：

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

WXSS 样式：

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

JS 交互逻辑：

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

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

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


『贰』 微信小程序对APP开发冲击有多大

现在微信小程序已经进入公测阶段，但是审核的小程序暂时还不能发布，所以是否会出现颠覆App的情况还有待观察。你可以通过第三方开发商西里奥布科技获取微信小程序。如果你的东西没复杂到做一个APP，就尽量不要先做一个APP。如果你的东西跟微信的用户群比较接近，可以方便的利用到微信生态圈的价值，就可以优先选择小程序。所以会有冲击，但是不会取代。

『叁』 设计微信小程序是按照什么尺寸做

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.34rpx
iPhone6 1rpx = 0.5px 1px = 2rpx
iPhone6s 1rpx = 0.552px 1px = 1.81rpx
微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx
注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
建议：设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px，这样的话，设计图上量出来的尺寸是多少px就是多少rpx，至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算

『肆』 设计微信小程序是按照什么尺寸做

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.34rpx
iPhone6
1rpx
=
0.5px
1px
=
2rpx
iPhone6s
1rpx
=
0.552px
1px
=
1.81rpx
微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem:
规定屏幕宽度为20rem；1rem
=
(750/20)rpx
注：开发微信小程序时设计师可以用
iPhone6
作为视觉稿的标准。
建议：设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px，这样的话，设计图上量出来的尺寸是多少px就是多少rpx，至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算

『伍』 开发小程序和开发APP的区别，那个好

其实小程序和APP各有各的特点优势，至于小程序和APP两者区别有以下几点：

从APP开发互联互加了解到：小程序主要是适合低频、刚需、轻量级、功能单一、不需要调用太多系统级能力的应用。相比于APP，小程序就是一个轻巧型，简化型的APP。

『陆』 做软件开发最大能做到多大

看你未来的前途了，混的牛逼以后就能做长久，小程序员的话以后年纪大了工作可能不会太好找

『柒』 做微信开发怎么使用设计师提供的尺寸

『捌』 手机前端页面尺寸

iPhone4/iPhone4s
320
*
372
/
320
*
441
(已隐藏URL与状态栏)
iPhone5/iPhone5s
320
*
460
/
320
*
529
(已隐藏URL与状态栏)
Note2
360
*
567
(未隐藏URL与状态栏)
iPad
3/4
768*928
(未隐藏URL与状态栏)
GALAXY
SIII
360
*
567
(未隐藏URL与状态栏)
小米2A
360
*567
(未隐藏URL与状态栏)
HTC
G10
320
*
460
<meta
name="viewport"
网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。
<meta
name="viewport"
content="width=device-width,
initial-scale=1.0,
minimum-scale=1.0,
maximum-scale=1.0,
user-scalable=no">
width
-
viewport的宽度
height
-
viewport的高度
initial-scale
-
初始的缩放比例
minimum-scale
-
允许用户缩放到的最小比例
maximum-scale
-
允许用户缩放到的最大比例
user-scalable
-
用户是否可以手动缩放
参考：http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/
一、网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。
<meta
name="viewport"
content="width=device-width,
initial-scale=1.0,
minimum-scale=1.0,
maximum-scale=1.0,
user-scalable=no">
其中：
width
-
viewport的宽度
height
-
viewport的高度
initial-scale
-
初始的缩放比例
minimum-scale
-
允许用户缩放到的最小比例
maximum-scale
-
允许用户缩放到的最大比例
user-scalable
-
用户是否可以手动缩放c
二、关于meta的详细介绍请参考
三、下文是关于Meta的例子的详细介绍
原文地址
3.
Meta元素可视区
默认情况下，iPhone上的Safari会象在大屏幕的
桌面浏览器那样显示你的页面，宽度达到了980像素，然后缩小内容以适应iPhone的小屏幕，因此用户在iPhone看这个页面时感觉字体就比较小了，
也比较模糊，必须要放大才能看得真切，对于一个普通的Web页面似乎可以接受，但对于一个常用的应用程序就没几个人能够受得了。
幸运的是可以使用特殊的Meta元素可视区进行纠正：
<meta
name="viewport"
content="width=device-width"/>
这个元素通知浏览器使用设备的宽度作为可视区的宽度，而不是默认的980像素了，我们可以看看两个不同的例子。
例3(链接：http://www.sitepoint.com/examples/iphone-development-12tips/no-
viewport.html)显示了一个简单的段落元素，没有Meta元素可视区，字体有点模糊。在iPhone中运行的实际情况如下图所示。
图
1
无可视区的显示效果
例4(链接：http://www.sitepoint.com/examples/iphone-development-12tips
/viewport.html)包括了一个可视区元素，现在设备宽度只有320像素，字体也比前一个例子更清晰了。在iPhone中运行的实际情况如下图
所示。
图
2
有可视区的显示效果
另外，你还可以手动设置device-width的值，例如，假设你的博客页面的宽度是750像素，那么桌面屏幕最佳大小就是800x600像素，例
5(链接：http://www.sitepoint.com/examples/iphone-development-12tips
/fixed750.html)显示了一个删减版本，如果你在iPhone中浏览它，你会看到980像素剩下的空间都填充了白色。
为了消除额外的空间，可以使用meta元素可视区将宽度设为780像素：
<meta
name="viewport"
content="width=780"/>
例6(链接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)显示了meta元素可视区布局被固定后的效果。
Meta元素可视区的内容可以包括多个逗号分隔的值，如initial-scale
–
用户最初看到页面时的放大级别，对于Web应用程序，一个常见的设置是：
<meta
name="viewport"
content="width=device-width,initial-scale=1,user-scalable=no"/>
这个元素设置宽度为设备的最大宽度，禁止用户放大和缩小

『玖』 微信小程序开发未来的价值多大呢

微信小程序开发未来的价值还是蛮大的，因为企业通过小程序往往能够获得以下好处：

一、易传播属性 轻松实现社交裂变

相信大家在群聊中，经常能够见到有人转发小程序，例如拼多多的砍价、携程的帮抢票等等。对于企业而言，若拥有小程序，就可以利用微信小程序的这种属性来为自己带来更多流量，例如通过小程序推出一些团购、砍价、分享领红包等等的活动来触发用户主动分享的行为，从而实现社交裂变。

二、连接线下与线上 扩大商业场景

小程序的出现，实现了线上线下融合的商业模式。在线下时，顾客在扫描小程序码后就能够对企业的产品、服务进行浏览，然后进行下单购买;而在线上时，顾客可以通过各种各样的入口，直接进入小程序，然后在小程序中购买产品、服务。

对于企业而言，若拥有小程序，就可以将线下、线下进行有效连接，从而扩大消费场景，这样一来往往能够增加与顾客的联系，提升客户黏度。此外，还能够让用户全天24小时都能随时随地购买产品、服务，从而增加收益。

三、强大的数据统计分析能力 有利于精准营销

小程序拥有强大的数据统计、分析能力，对于企业而言，可以借助小程序的这项能力，来收集用户的消费年龄和消费习惯等数据。。对于企业而言，若拥有小程序，就可以利用小程序的这项能力，来分析用户的喜好、行为、意见与建议，从而实现精准营销。

『拾』 华为手机屏幕最大尺寸7.12英寸等于多少pt*pt，用于小程序开发

平板手机上说的寸，一般指英寸，1英寸约等于2.54 厘米，7寸平板手机的屏幕对角线长度大专约是是17.8厘米，其外观属尺寸的长边一般与其屏幕对角线的长度基本相同。因此平板电手机7寸的大小一般是指17.8厘米×12.7厘米。