search
HomeWeb Front-endH5 Tutorial同事开发webapp(图片应用)遇到一些问题,如兼容uc浏览器,那么webapp开发在业内有没有比较成功的例子?

rt.详细补充如下
1.在webapp开发中我觉得有些过于依赖js
2.响应式设计是不是华而不实,或者说不适合国情?因为我看他们pad和phone各开发了一套程序
3.我觉得程序完全是在用web的开发思路去做,因为在开发中,完全是在用js去不断的算,布局,数据等,仅仅是把web的页面小型化
4.国内错中复杂的浏览器兼容该如何做是好?
5.再补充一点,首次请求会把所有js文件存入到localstorage,以后请求的时候根据js文件的md5戳去更新ls中的文件,说是加速访问速度,但是浏览器不是都会有缓存的么,这么做的意义在哪?

以上,还请各位大人赐教。

回复内容:

1. 既然是application,必然有logic,用js也是必然。当然,遵循html声明性的文档语言的思路,理想上应该也能用声明性的应用语言——实际上是有的,如XForms,可惜随着XHTML2等系列标准的夭折,XForms变得非常小众。目前比较现实的方向是Angular和React这样的框架继续发展下去,需要写的js会相对较少。
2. 没有不适合。他们选择各开发一套,也许是缺乏响应式的经验(包括产品、设计、开发可能都缺经验),也有种可能是他们的iPad/iPhone产品有比较大的差异。
3. 本来web的优势就是不管桌面或移动或什么平台,开发方式和体验都是相当一致的。
4. 多测。遇到是uc的问题就到uc的开发者社区多多吐槽——你看至少国内厂商你可以直接用中文骂他们。
5. 用localstorage这样的方案有两个优点,一个是更细粒度的控制,另一个是可以offline使用(配合application cache等)。当然如果实际上并不需要这些点,那么这种做法是不好的。

最后,不知道怎么算成功例子,反正现在所有网站特别是移动版或多或少都可视作webapp了。 说2点体会:
1.做webapp依赖js是必然的,webapp本身就算是一个逻辑复杂的程序,必然依赖js
2.用localstorage可以做到非常精确的更新,最大化减少下载流量等等,看看这个:mtjs/mt · GitHub 1.不仅仅webapp依赖js,甚至很多单页专题都依赖于js实现一些逻辑和效果。对于webapp中js的作用类似于后端项目中的java等,不存在过度依赖的问题。JS不单纯是制作网页效果的东西。
2.更多的在于设计吧,很多设计师做的设计稿很难做成响应式的...(个人意见)
3.个人以为可以算作前端主导的项目,另外现在很多公司都是前后端分离,很多事情都放在前端来处理。
4.看你们产品的数据统计,用户少的就不用管了。
5.节省流量,提高加载速度,可以参考楼上手腾的MT 前端推荐angular加响应式框架,交互上简化很多,开发难度小,one page app在国外近来也挺火的,尺寸可放在前端计算或者远端服务器计算,都有解决方案。希望对你有帮助。
PS,你说的iPhone和ipad两套方案也许是因为他们细化了各尺寸的用户体验方式或者缺乏响应式开发经验造成的。
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Deconstructing H5 Code: Tags, Elements, and AttributesDeconstructing H5 Code: Tags, Elements, and AttributesApr 18, 2025 am 12:06 AM

HTML5 code consists of tags, elements and attributes: 1. The tag defines the content type and is surrounded by angle brackets, such as. 2. Elements are composed of start tags, contents and end tags, such as contents. 3. Attributes define key-value pairs in the start tag, enhance functions, such as. These are the basic units for building web structure.

Understanding H5 Code: The Fundamentals of HTML5Understanding H5 Code: The Fundamentals of HTML5Apr 17, 2025 am 12:08 AM

HTML5 is a key technology for building modern web pages, providing many new elements and features. 1. HTML5 introduces semantic elements such as, , etc., which enhances web page structure and SEO. 2. Support multimedia elements and embed media without plug-ins. 3. Forms enhance new input types and verification properties, simplifying the verification process. 4. Offer offline and local storage functions to improve web page performance and user experience.

H5 Code: Best Practices for Web DevelopersH5 Code: Best Practices for Web DevelopersApr 16, 2025 am 12:14 AM

Best practices for H5 code include: 1. Use correct DOCTYPE declarations and character encoding; 2. Use semantic tags; 3. Reduce HTTP requests; 4. Use asynchronous loading; 5. Optimize images. These practices can improve the efficiency, maintainability and user experience of web pages.

H5: The Evolution of Web Standards and TechnologiesH5: The Evolution of Web Standards and TechnologiesApr 15, 2025 am 12:12 AM

Web standards and technologies have evolved from HTML4, CSS2 and simple JavaScript to date and have undergone significant developments. 1) HTML5 introduces APIs such as Canvas and WebStorage, which enhances the complexity and interactivity of web applications. 2) CSS3 adds animation and transition functions to make the page more effective. 3) JavaScript improves development efficiency and code readability through modern syntax of Node.js and ES6, such as arrow functions and classes. These changes have promoted the development of performance optimization and best practices of web applications.

Is H5 a Shorthand for HTML5? Exploring the DetailsIs H5 a Shorthand for HTML5? Exploring the DetailsApr 14, 2025 am 12:05 AM

H5 is not just the abbreviation of HTML5, it represents a wider modern web development technology ecosystem: 1. H5 includes HTML5, CSS3, JavaScript and related APIs and technologies; 2. It provides a richer, interactive and smooth user experience, and can run seamlessly on multiple devices; 3. Using the H5 technology stack, you can create responsive web pages and complex interactive functions.

H5 and HTML5: Commonly Used Terms in Web DevelopmentH5 and HTML5: Commonly Used Terms in Web DevelopmentApr 13, 2025 am 12:01 AM

H5 and HTML5 refer to the same thing, namely HTML5. HTML5 is the fifth version of HTML, bringing new features such as semantic tags, multimedia support, canvas and graphics, offline storage and local storage, improving the expressiveness and interactivity of web pages.

What Does H5 Refer To? Exploring the ContextWhat Does H5 Refer To? Exploring the ContextApr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5: Tools, Frameworks, and Best PracticesH5: Tools, Frameworks, and Best PracticesApr 11, 2025 am 12:11 AM

The tools and frameworks that need to be mastered in H5 development include Vue.js, React and Webpack. 1.Vue.js is suitable for building user interfaces and supports component development. 2.React optimizes page rendering through virtual DOM, suitable for complex applications. 3.Webpack is used for module packaging and optimize resource loading.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Have Crossplay?
1 months agoBy尊渡假赌尊渡假赌尊渡假赌

Hot Tools

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

VSCode Windows 64-bit Download

VSCode Windows 64-bit Download

A free and powerful IDE editor launched by Microsoft