『壹』 小程序是怎麼做出來的和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厘米。