목차
回复内容:
웹 프론트엔드 H5 튜토리얼 有人说基于成熟后的HTML5 移动web应用才是未来,因为省去了app移动应用在不同终端的开发时间。基于终端的移动应用也会走下舞台,各位怎么认为?

有人说基于成熟后的HTML5 移动web应用才是未来,因为省去了app移动应用在不同终端的开发时间。基于终端的移动应用也会走下舞台,各位怎么认为?

Jun 07, 2016 am 08:44 AM

回复内容:

因为执行效率,浏览器安全沙箱等一系列原因,native原生程序一时半会儿不会被淘汰。个人觉得将来可能根据应用的用途不同而在HTML5和Native2个方面做分化。比如注重信息和内容以及网络的应用可能更多放到浏览器采用HTML5。一些本地应用,最求执行效率或者系统相关的应用还是更多采用Native。甚至HTML5可以用于一些Native应用的前端显示。2者肯定是并存,互补,甚至互相嵌套 HTML5就是HTML的最新版本,是用来做网页的。网页能做什么,他也就能做什么,只不过效果更加丰富一些。
说HTML5才是未来的人,多半因为他自己只会HTML5, javascript, 而且不愿意学习android和objective c.
以后多数应用这样发展:
1.依赖原有的web代码,改出一个html5的移动版,支持大部分手机;
2.开发一个ios版,做对ios的特别支持;或者外包出去
3.开发一个android版,努力适配不同的android手机;或者外包出去
视不同情况,有的公司会优先做ios, 有的会优先做html5, 有的会优先做android. 最近wp7听说不错,也许也是一个可以考虑的选择。

浏览器在PC上确实很重要,目前甚至可以说是最重要的程序。

从所谓Web2.0时代开始,浏览器代替本地应用的言论就不绝于耳,而且,在PC上,浏览器确实干掉了相当多的程序(如音乐视频类). 不过更多的程序还是没有办法替代,而且出于流量问题和安全性问题,大部分应用也不应该被替代。


现在手机上的浏览器要想做到PC浏览器的重要程度确实还有很大的距离,原因有很多。

1.手机浏览器还不能和PC浏览器完全兼容,导致手机浏览器的功能无法和PC相同,很多东西做不了(参见各种页游)。

2.手机用户更加的重视流量,效率(电池)等,做同样的事情,用定制的App比浏览器要省流量,提效率,速度会快很多(参见各种新闻网站类App)。

3.App可以给开发商更多的权限,让他们可以得到更多的用户数据等,实现更多的功能,浏览器做不到。

写给那些想要选择 HTML5 的同学:
1. 不要对跨平台有所期望,HTML5 在分裂得奇型异状的 Android 平台上,就是一场噩梦;
2. 选择 HTML5 等于放弃了 iOS 原生天然的、集中了绝大部分用户来源量的 App Store 这个重要的分发渠道。除非你是搜索引擎、微博等天然的流量平台,否则你得权衡一下,这个放弃是否值得。
3. (仅针对 iOS 平台)UIWebView 所能支撑的用户体验,是否会成为视觉/交互设计的限制。
4. 如果使用 PhoneGap 等封装 App 工具,要仔细调研(做实验而不仅仅是看文档)它的能力边界,如仅支持 single web view 这种大坑⋯⋯
5. 针对长页面、大素材(如大幅图片)、负责交互、重渲染(如阴影)等的优化,尤其是内存优化。
6. 不断的针对“仿原生”的用户体验进行优化,如:预加载、按钮的交互体验细节等等。
7. 如果非得兼容低版本的 iOS 或者低配置的机型(如较早期的 Touch),坑就更多了⋯⋯熟悉 UIWebview 是必须的⋯⋯
8. 如果可以的话,UI 尽可能 simple (不代表不好看不好用)也很重要⋯⋯⋯⋯⋯⋯

以上,根据经验(其实是教训居多)粗略写了些。记忆容量所限,恕未能穷举。
本人没有不支持 HTML5 的意思,只是想要告诉后来人:选任何一条没有太多人走过的路,总是有很多坑要克服的。

另外,凡事无绝对。除了纯 web 或者纯原生,还有混合(web * native)这条路可以走呢⋯⋯ 在3年内HTML5不会占领移动市场,5年后是否能占领移动市场还未可知。 最近有人让我回答silverlight 和html5的生命力。
我认为这两者是不适合对比的,首先html5更多是一种标记语言,而silverlight是一个集成开发工具。
html5的作用在于将很多插件公用的部分写成标准,交给浏览器来实现,相较silverlight 脱于成熟的.net 框架。其的设计还很稚嫩,也不是一发而就的。插件也不可能完全取消。
其次它用js作为开发语言,更多是面向过程,其不适合于开发大型的客户端系统软件。
我倒是认为移动应用使用html5, 大型的bS+CS架构使用silverlight比较合适。
如果只用HTML写应用就行了的话,那为什么不直接把浏览器当作系统?? 呵呵,很多年前,就有人说:PC只需要一个浏览器就够了,所有的客户端都可以卸载了。现状呢? 短期不可能,但是打包HTML内容的native混合架构是非常适合某些应用的,而且已经大行其道了 从小型机到PC到BS结构到移动应用一路看过来,觉得纠结这个问题没什么必要,如果我告诉你HTML 8才是未来,你是不是什么都不干坐等HTML 8啊?记得当初把一个vb应用改写成power builder bs结构也是很欢乐的一件事,不过在上司面前鼓吹bs节构的时候,遭到不以为然无动于衷,因为他老人家原来在小型机上工作的。
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

H5 페이지 제작은 정확히 무엇을 의미합니까? H5 페이지 제작은 정확히 무엇을 의미합니까? Apr 06, 2025 am 07:18 AM

H5 Page 프로덕션은 HTML5, CSS3 및 JavaScript와 같은 기술을 사용하여 크로스 플랫폼 호환 웹 페이지의 생성을 말합니다. 핵심은 브라우저의 구문 분석 코드, 렌더링 구조, 스타일 및 대화식 기능에 있습니다. 일반적인 기술에는 애니메이션 효과, 반응 형 디자인 및 데이터 상호 작용이 포함됩니다. 오류를 피하려면 개발자를 디버깅해야합니다. 성능 최적화 및 모범 사례에는 이미지 형식 최적화, 요청 감소 및 코드 사양 등이 포함됩니다. 로딩 속도 및 코드 품질을 향상시킵니다.

H5 프로젝트를 실행하는 방법 H5 프로젝트를 실행하는 방법 Apr 06, 2025 pm 12:21 PM

H5 프로젝트를 실행하려면 다음 단계가 필요합니다. Web Server, Node.js, 개발 도구 등과 같은 필요한 도구 설치. 개발 환경 구축, 프로젝트 폴더 작성, 프로젝트 초기화 및 코드 작성. 개발 서버를 시작하고 명령 줄을 사용하여 명령을 실행하십시오. 브라우저에서 프로젝트를 미리보고 개발 서버 URL을 입력하십시오. 프로젝트 게시, 코드 최적화, 프로젝트 배포 및 웹 서버 구성을 설정하십시오.

H5를 만드는 방법 아이콘을 클릭하십시오 H5를 만드는 방법 아이콘을 클릭하십시오 Apr 06, 2025 pm 12:15 PM

H5 클릭 아이콘을 생성하는 단계에는 다음이 포함됩니다. 이미지 편집 소프트웨어에서 정사각형 소스 이미지 준비. H5 편집기에 상호 작용을 추가하고 클릭 이벤트를 설정하십시오. 전체 아이콘을 덮는 핫스팟을 만듭니다. 페이지로 점프하거나 애니메이션 트리거링과 같은 클릭 이벤트의 동작을 설정하십시오. h5 문서를 HTML, CSS 및 JavaScript 파일로 내보내십시오. 내보내는 파일을 웹 사이트 또는 기타 플랫폼에 배포하십시오.

H5로 팝업 창을 만드는 방법 H5로 팝업 창을 만드는 방법 Apr 06, 2025 pm 12:12 PM

H5 팝업 창 생성 단계 : 1. 트리거링 메소드를 결정합니다 (클릭, 시간, 종료, 스크롤); 2. 디자인 컨텐츠 (제목, 텍스트, 액션 버튼); 3. 세트 스타일 (크기, 색상, 글꼴, 배경); 4. 코드 구현 (HTML, CSS, JavaScript); 5. 테스트 및 배포.

H5는 html5와 동일합니까? H5는 html5와 동일합니까? Apr 08, 2025 am 12:16 AM

"H5"와 "HTML5"는 대부분의 경우 동일하지만 특정 시나리오에서는 다른 의미를 가질 수 있습니다. "HTML5"는 새로운 태그와 API를 포함하는 W3C 정의 표준입니다. "H5"는 일반적으로 HTML5의 약어이지만 모바일 개발에서는 HTML5를 기반으로 한 프레임 워크를 참조 할 수 있습니다. 이러한 차이를 이해하면 프로젝트 에서이 용어를 정확하게 사용하는 데 도움이됩니다.

H5 코드 : 접근성 및 시맨틱 HTML H5 코드 : 접근성 및 시맨틱 HTML Apr 09, 2025 am 12:05 AM

H5는 시맨틱 요소 및 ARIA 속성을 통해 웹 페이지 접근성 및 SEO 효과를 향상시킵니다. 1. 컨텐츠 구조를 구성하고 SEO를 개선하기 위해 사용합니다. 2. Aria-Label과 같은 ARIA 속성은 접근성을 향상시키고 보조 기술 사용자는 웹 페이지를 원활하게 사용할 수 있습니다.

H5는 무엇을 언급합니까? 맥락 탐색 H5는 무엇을 언급합니까? 맥락 탐색 Apr 12, 2025 am 12:03 AM

h5referstohtml5, apivotaltechnologyinwebdevelopment.1) html5introducesnewelements 및 dynamicwebapplications.2) itsupp ortsmultimediawithoutplugins, enovannangeserexperienceacrossdevices.3) SemanticLementsImproveContentsTructUreAndSeo.4) H5'Srespo

H5 호환성 문제를 해결하는 방법 H5 호환성 문제를 해결하는 방법 Apr 06, 2025 pm 12:36 PM

H5 호환성 문제에 대한 솔루션에는 다음이 포함됩니다. 웹 페이지가 화면 크기에 따라 레이아웃을 조정할 수있는 반응 형 디자인을 사용합니다. 릴리스 전에 호환성을 테스트하기 위해 브라우저 크로스 브라우저 테스트 도구를 사용하십시오. PolyFill을 사용하여 이전 브라우저의 새로운 API를 지원합니다. 웹 표준을 따르고 효과적인 코드 및 모범 사례를 사용하십시오. CSS 프리 프로세서를 사용하여 CSS 코드를 단순화하고 가독성을 향상시킵니다. 이미지를 최적화하고 웹 페이지 크기를 줄이며로드 속도를 높이십시오. HTTPS를 통해 웹 사이트의 보안을 보장하십시오.

See all articles