Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲福利一区二区精品秒拍,自拍偷拍欧美日韩,亚洲国产成人久久一区www 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          到底什么才是HTML5手機站
          
        
           
          
	
	
          
		
                        
          超文本標(biāo)記語言移動站(HTML MOVEL STATION)是指根據(jù)你使用的移動終端，適合你的網(wǎng)站類型。你可以把它理解為你電腦網(wǎng)站的移動版本。
           你為什么想成為一個移動電話站？
           客戶經(jīng)常會問，他們的手機可以訪問哪些計算機網(wǎng)站，為什么他們需要成為手機網(wǎng)站？智能手機訪問該網(wǎng)站的電腦版沒有問題，但目前仍有大量用戶使用非智能手機。雖然火狐、chrome等瀏覽器也能達(dá)到訪問的效果，但呈現(xiàn)的網(wǎng)頁非常凌亂，不能給用戶帶來好的體驗。智能手機也很難通過瀏覽器縮放功能獲得良好的瀏覽體驗，智能手機訪問計算機網(wǎng)頁的速度遠(yuǎn)低于訪問移動網(wǎng)頁的速度。在手機互聯(lián)網(wǎng)流量昂貴的環(huán)境中，手機版本為用戶節(jié)省了流量。
           HTML5移動站建設(shè)的優(yōu)勢:
           1、手機網(wǎng)站擁有良好的移動體驗
           當(dāng)用戶使用移動瀏覽器訪問您的網(wǎng)站時，他不會出現(xiàn)在您的電腦網(wǎng)站上，但會自動檢測到使用該設(shè)備后顯示的html移動臺。該網(wǎng)站更加符合移動終端的操作習(xí)慣，使用起來更加流暢。
          2、手機網(wǎng)站的推廣成本低
           推廣一個html移動電話站只需要很少的成本。用戶只要連接到互聯(lián)網(wǎng)，就可以掃描代碼或輸入網(wǎng)址來直接訪問體驗。與應(yīng)用程序相比，應(yīng)用程序也需要復(fù)雜的操作，如下載應(yīng)用程序，用戶更愿意擁有html的初始試用體驗。
          3、手機網(wǎng)站建設(shè)速度很快。
           超文本標(biāo)記語言已經(jīng)存在多年，其發(fā)展技術(shù)已經(jīng)成熟，這也為超文本標(biāo)記語言手機站的發(fā)展速度提供了一定的保證。如果開發(fā)一個應(yīng)用需要至少2個月的時間，那么html手機站需要的時間不到一半。
          4、手機網(wǎng)站建設(shè)成本低
           由于成熟的html網(wǎng)站建設(shè)技術(shù)，這種類型的網(wǎng)站建設(shè)成本通常比今年才開始的APP開發(fā)成本更便宜、更實惠。
          文筆者從實際工作經(jīng)驗出發(fā)，結(jié)合參考相關(guān)文章，對移動端產(chǎn)品（APP、小程序、H5）從13個方面進(jìn)行了比較分析，與大家分享。
          移動端產(chǎn)品包括小程序（本文特指微信小程序）、APP（安卓、IOS）、H5頁面。其中：
          • 小程序是一種不需要下載安裝就可以使用的應(yīng)用，可以在微信APP中直接打開使用；
          • APP則是基于安卓和IOS手機操作系統(tǒng)開發(fā)的，能安裝在智能手機上運行的的手機軟件；
          • H5頁面是指運行于移動端的Html網(wǎng)頁。
          基于工作實際體驗以及參考相關(guān)文章（文末有備注參考文章地址），下面將分別從運行環(huán)境、系統(tǒng)權(quán)限、推廣方式（拉新）、運營手段、支付能力、登錄方式、用戶體驗、抗風(fēng)險能力（防止被封禁）、訪問入口、開發(fā)成本、迭代周期、外部限制、適用情形這13個方面來比較總結(jié)移動端產(chǎn)品之間的不同特點。
          01 運行環(huán)境
          • APP：Android和IOS手機操作系統(tǒng)；
          • 小程序：微信APP內(nèi)；
          • H5：瀏覽器、APP和小程序的web-view組件內(nèi)。
          02 系統(tǒng)權(quán)限
          • APP：最多最全面，但有些屬于隱私需要用戶授權(quán)才能調(diào)用。（安卓與IOS也有許多差異：Android類似于Windows，App幾乎可讀取本地所有文件；iOS端App無法讀取本地除圖片和視頻外的其他文件）
          • 小程序：比APP少 （小程序能力依賴于微信客戶端的能力，而微信的能力又依賴于用戶是否將APP的能力授權(quán)給微信）
          • H5：幾乎沒有什么系統(tǒng)權(quán)限，嚴(yán)重依賴于瀏覽器的能力
          03 推廣方式（拉新）
          （1）APP
          Android：
          轉(zhuǎn)發(fā)推廣海報（嵌套二維碼）到微信好友、朋友圈、QQ空間、QQ好友->二維碼掃碼->打開網(wǎng)頁到應(yīng)用市場下載；或者生成推廣鏈接發(fā)送給好友或朋友圈分享 ->用戶點擊推廣鏈接打開瀏覽器到應(yīng)用市場下載 。
          IOS：
          1. 通過鏈接或二維碼跳轉(zhuǎn)到瀏覽器，在瀏覽器中打開APP store下載APP；
          2. 如果APP未能通過蘋果審核，無法上架APP store，可以在網(wǎng)上直接下載安裝，但若要正常使用，則需要提前安裝授權(quán)證書才能順利安裝APP。
          （2）小程序：
          1. 直接轉(zhuǎn)發(fā)給微信好友和微信群, 提供了卡片式的分享界面（比直接分享鏈接體驗要好）；
          2. 將帶有小程序碼的圖片好友、群和朋友圈，用戶使用微信掃描小程序碼進(jìn)入小程序。
          （3）H5
          1. 在微信內(nèi)可直接朋友圈、發(fā)送給朋友；
          2. 生成H5的鏈接進(jìn)行分享推廣。
          04 運營手段
          （1）APP
          1. 推送手機通知消息 ；
          2. APP內(nèi)推送消息公告 ；
          3. 短信、郵件營銷
          （2）小程序：微信內(nèi)推送服務(wù)通知；
          （3）H5：郵件、給用戶發(fā)送短信。
          05 支付能力
          • APP：微信支付、支付寶支付、其他支付平臺提供的支付方式；
          • 小程序：只能微信支付
          • H5：微信支付、支付寶支付、其他支付平臺提供的支付方式。
          06 登錄方式
          （1）APP：
          1.  手機號驗證碼登錄；
          2. 賬戶密碼登錄（賬戶可用手機號、郵箱、自定義賬戶）；
          3. 二維碼掃碼登錄；
          4. 第三方登錄（微信、微博、QQ、淘寶、支付寶等第三方授權(quán)登錄）
          （2）小程序：
          1. 微信登錄 ；
          2. 手機號授權(quán)登錄（授權(quán)手機號需要用戶主動點擊按鈕）
          （3）H5：和APP類似，是在網(wǎng)頁內(nèi)進(jìn)行登錄的。
          1. 手機號驗證碼登錄；
          2. 賬戶密碼登錄（賬戶可用手機號、郵箱、自定義賬戶）；
          3. 二維碼掃碼登錄；
          4. 第三方登錄（微信、微博、QQ、淘寶、支付寶等第三方授權(quán)登錄）
          07 用戶體驗
          • APP：最好，不過使用體驗與手機性能息息相關(guān)
          • 小程序：使用起來十分流暢，第一次加載會稍微需要點時間加載，以后使用幾乎秒開（除非被微信殺死后臺），可以媲美原生APP的使用體驗（自然也與手機性能有關(guān)）
          • H5：需要在瀏覽器內(nèi)核里渲染，體驗稍差，與瀏覽器性能、網(wǎng)絡(luò)環(huán)境密切相關(guān)。
          08 抗風(fēng)險能力（防止被封禁）
          （1）APP
          1. IOS APP一旦被蘋果官方下架或永久封禁，就沒有其他備用的官方渠道供用戶下載了，只能通過其他方式提供下載；
          2. 安卓APP即使被某一家應(yīng)用市場下架，還有其他的應(yīng)用商店可以為用戶提供下載。
          （2）小程序：多上線幾個小程序；
          （3）H5：多準(zhǔn)備幾個域名。
          09 訪問入口
          （1）APP
          1. 手機桌面；
          2. 瀏覽器跳轉(zhuǎn)
          （2）小程序
          1. 微信聊天頁面下拉頂部的“最近使用”、“我的小程序”；
          2. 微信內(nèi)搜索；
          3. 有 50+ 微信提供的場景入口（如嵌套在公眾號文章里點擊即可跳轉(zhuǎn)小程序）
          （3）H5
          1. 通過鏈接直接訪問；
          2. APP、小程序、瀏覽器內(nèi)調(diào)用；
          3. 用戶關(guān)閉之后如果想繼續(xù)訪問，可以使用傳統(tǒng)PC瀏覽網(wǎng)頁的做法，如保存到收藏夾，微信內(nèi)則可以縮小到圖標(biāo)稍后在查看等等
          10 開發(fā)成本
          • APP：開發(fā)成本最高，不僅需要同時開發(fā)安卓和IOS兩個系統(tǒng)的APP，而且還需要適配數(shù)量龐大的不同手機型號，工作量大也更復(fù)雜。
          • 小程序：在微信生態(tài)內(nèi)開發(fā)，不用考慮兼容操作系統(tǒng)的問題，開發(fā)成本相比APP要小得多。
          • H5：H5 有很多框架組件可以用，由于過于龐雜，有學(xué)習(xí)和選擇成本，且技術(shù)棧和 UI 五花八門，可能還有融合和修改的成本，因此開發(fā)復(fù)雜功能時相比小程序會稍微高一點。
          11 迭代周期
          （1）APP：需要分別上架安卓應(yīng)用市場和蘋果APP store，同時需要提交許多審核資料，流程繁瑣，審核時間也很長。
          附二者應(yīng)用市場審核區(qū)別：
          1. Android應(yīng)用市場多，無需付費，審核寬松且時間短。
          2. iOS應(yīng)用市場只有App Store，每年需繳納費用99或299美元，審核嚴(yán)格且時間長。
          附IOS上線APP方式： IOS上線需要擁有蘋果公司的開發(fā)者帳號，分成兩類：
          1. 個人開發(fā)者帳號
          2. 企業(yè)開發(fā)者帳號。
          其中，個人開發(fā)者帳號開發(fā)的APP，需經(jīng)蘋果商店，才能下載安裝；而企業(yè)開發(fā)者帳號開發(fā)的APP，只能自建發(fā)布網(wǎng)站，用戶到網(wǎng)站上下載。
          （2）小程序：小程序上線需要提交微信審核，第一次審核（小程序?qū)徍斯俜浇o的時間期限為7個工作日以內(nèi)給出審核結(jié)果）會慢些。
          （3）H5：隨時上線，線上可以實時看到修改情況，因此比較靈活迭代，不受審核的限制。
          12 外部限制
          （1）APP：依賴安卓和IOS系統(tǒng)提供的能力，不過這些操作系統(tǒng)大多穩(wěn)定，外部限制較少。
          （2）小程序：
          1. 嚴(yán)重依賴微信平臺，微信允許上線的開放服務(wù)類目有限，不在范圍內(nèi)的小程序無法過審；
          2. 小程序如果需要跳轉(zhuǎn)外鏈，要求域名備案 ，域名要有http證書，且域名白名單最多只能添加20個業(yè)務(wù)域名。
          （3）H5：限制最小，基本上只要生成個可以用的鏈接，就可以在各種平臺上查看了。
          13 適用情形
          （1）APP：
          1. 需要開發(fā)復(fù)雜的功能；
          2. 需要頻繁的跳轉(zhuǎn)外鏈；
          3. 公司規(guī)模大有足夠的開發(fā)成本；
          4. 需要獲得自己的流量；
          5. 需要接入除微信支付的其他支付方式。
          （2）小程序
          1. 快速開發(fā)核心功能做產(chǎn)品市場驗證；
          2. 依賴微信做營銷推廣；
          3. 公司成本有限；
          4. 公司產(chǎn)品需要；
          5. 利用小程序?qū)Я鳌?/li>
          （3）H5
          1. 頁面內(nèi)容會經(jīng)常變動；
          2. 功能實現(xiàn)不需要依賴復(fù)雜的系統(tǒng)功能；
          3. 需要通過鏈接投放出去
          如文章有欠妥之處，歡迎各位方家批評指正。
          #參考文章#
          http://www.woshipm.com/pd/1315132.html
          本文由 @初出茅廬 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。
          題圖來自Unsplash，基于CC0協(xié)議。
          解移動端頁面與PC端頁面開發(fā)的區(qū)別，學(xué)習(xí)移動端頁面的開發(fā)流程。
          移動端與PC端頁面布局區(qū)別
          視口
          視口是移動設(shè)備上用來顯示網(wǎng)頁的區(qū)域，一般會比移動設(shè)備可視區(qū)域大，寬度可能是980px或者1024px，目的是為了顯示下整個為PC端設(shè)計的網(wǎng)頁，這樣帶來的后果是移動端會出現(xiàn)橫向滾動條，為了避免這種情況，移動端會將視口縮放到移動端窗口的大小。這樣會讓網(wǎng)頁不容易觀看，可以用 meta 標(biāo)簽，name=“viewport ” 來設(shè)置視口的大小，將視口的大小設(shè)置為和移動設(shè)備可視區(qū)一樣的大小。
          設(shè)置方法如下( 快捷方式：meta:vp + tab )：
          <head>
......
<meta name="viewport" content="width=device-width, user-scalable=no,
 initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
......
</head>

          pc端與移動端渲染網(wǎng)頁過程：
          視網(wǎng)膜屏幕（retina屏幕）清晰度解決方案
          視網(wǎng)膜屏幕指的是屏幕的物理像素密度更高的屏幕，物理像素可以理解為屏幕上的一個發(fā)光點，無數(shù)發(fā)光的點組成的屏幕，視網(wǎng)膜屏幕比一般屏幕的物理像素點更小，常見有2倍的視網(wǎng)膜屏幕和3倍的視網(wǎng)膜屏幕，2倍的視網(wǎng)膜屏幕，它的物理像素點大小是一般屏幕的1/4,3倍的視網(wǎng)膜屏幕，它的物理像素點大小是一般屏幕的1/9。
          圖像在視網(wǎng)膜屏幕上顯示的大小和在一般屏幕上顯示的大小一樣，但是由于視網(wǎng)膜屏幕的物理像素點比一般的屏幕小，圖像在上面好像是被放大了，圖像會變得模糊，為了解決這個問題，可以使用比原來大一倍的圖像，然后用css樣式強制把圖像的尺寸設(shè)為原來圖像尺寸的大小，就可以解決模糊的問題。
          清晰度解決過程示意圖：
          背景圖強制改變大小，可以使用background新屬性
          background新屬性
          background-size:
          length：用長度值指定背景圖像大小。不允許負(fù)值。
          percentage：用百分比指定背景圖像大小。不允許負(fù)值。
          auto：背景圖像的真實大小。
          cover：將背景圖像等比縮放到完全覆蓋容器，背景圖像有可能超出容器。
          contain：將背景圖像等比縮放到寬度或高度與容器的寬度或高度相等，背景圖像始終被包含在容器內(nèi)。
          適配布局類型
          PC及移動端頁面適配方法
          設(shè)備屏幕有多種不同的分辨率，頁面適配方案有如下幾種：
          1、全適配：響應(yīng)式布局+流體布局
          2、移動端適配：
          流體布局+少量響應(yīng)式
          基于rem的布局
          流體布局
          流體布局，就是使用百分比來設(shè)置元素的寬度，元素的高度按實際高度寫固定值，流體布局中，元素的邊線無法用百分比，可以使用樣式中的計算函數(shù) calc() 來設(shè)置寬度，或者使用 box-sizing 屬性將盒子設(shè)置為從邊線計算盒子尺寸。
          calc()
          可以通過計算的方式給元素加尺寸，比如： width：calc(25% - 4px);
          box-sizing
          1、content-box 默認(rèn)的盒子尺寸計算方式
          2、border-box 置盒子的尺寸計算方式為從邊框開始，盒子的尺寸，邊框和內(nèi)填充算在盒子尺寸內(nèi)
          響應(yīng)式布局
          響應(yīng)式布局就是使用媒體查詢的方式，通過查詢?yōu)g覽器寬度，不同的寬度應(yīng)用不同的樣式塊，每個樣式塊對應(yīng)的是該寬度下的布局方式，從而實現(xiàn)響應(yīng)式布局。響應(yīng)式布局的頁面可以適配多種終端屏幕（pc、平板、手機）。
          相應(yīng)布局的偽代碼如下：
          @media (max-width:960px){
 .left_con{width:58%;}
 .right_con{width:38%;}
}
@media (max-width:768px){
 .left_con{width:100%;}
 .right_con{width:100%;}
}

          基于rem的布局
          首先了解em單位，em單位是參照元素自身的文字大小來設(shè)置尺寸，rem指的是參照根節(jié)點的文字大小，根節(jié)點指的是html標(biāo)簽，設(shè)置html標(biāo)簽的文字大小，其他的元素相關(guān)尺寸設(shè)置用rem，這樣，所有元素都有了統(tǒng)一的參照標(biāo)準(zhǔn)，改變html文字的大小，就會改變所有元素用rem設(shè)置的尺寸大小。
          cssrem安裝
          cssrem插件可以動態(tài)地將px尺寸換算成rem尺寸
          下載本項目，比如：git clone https://github.com/flashlizi/cssrem 進(jìn)入packages目錄：Sublime Text -> Preferences -> Browse Packages… 復(fù)制下載的cssrem目錄到剛才的packges目錄里。 重啟Sublime Text。
          配置參數(shù) 參數(shù)配置文件：Sublime Text -> Preferences -> Package Settings -> cssrem px_to_rem - px轉(zhuǎn)rem的單位比例，默認(rèn)為40。 max_rem_fraction_length - px轉(zhuǎn)rem的小數(shù)部分的最大長度。默認(rèn)為6。 available_file_types - 啟用此插件的文件類型。默認(rèn)為：[".css", “.less”, “.sass”]。
          移動端頁面布局
          1、結(jié)合流體布局和響應(yīng)式布局制作天天生鮮移動端首頁頁面
          2、使用基于rem的布局方式制作天天生鮮移動端首頁頁面
          天天生鮮首頁效果圖如下：
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲A∨精品一区二区三区下载|
精品亚洲A∨无码一区二区三区
|
国99精品无码一区二区三区|
久久精品免费一区二区|
亚洲国产精品第一区二区三区|
蜜臀Av午夜一区二区三区|
亚洲国产专区一区|
国产av一区最新精品|
无码国产伦一区二区三区视频|
成人久久精品一区二区三区|
久久国产免费一区二区三区|
一区在线观看视频|
日本丰满少妇一区二区三区|
国产一区二区精品久久岳√|
相泽南亚洲一区二区在线播放|
精品无码人妻一区二区免费蜜桃|
免费一区二区无码东京热|
亚洲AⅤ无码一区二区三区在线|
精品一区二区三区影院在线午夜|
日韩精品中文字幕视频一区|
亚洲欧美日韩一区二区三区|
亚洲区精品久久一区二区三区|
国产一区二区福利|
日韩免费视频一区二区|
伊人久久精品无码av一区|
国产色综合一区二区三区|
久久人妻内射无码一区三区
|
国产裸体舞一区二区三区|
亚洲国产老鸭窝一区二区三区|
秋霞午夜一区二区|
99精品久久精品一区二区|
日韩精品一区二区三区影院|
国产在线一区二区杨幂|
亚洲熟女乱综合一区二区|
久久se精品一区二区影院|
中文字幕在线观看一区二区三区|
国产成人精品久久一区二区三区av
|
亚洲熟妇无码一区二区三区导航
|
一区二区和激情视频|
亚洲AV噜噜一区二区三区|
欧美人妻一区黄a片|