同事开发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两套方案也许是因为他们细化了各尺寸的用户体验方式或者缺乏响应式开发经验造成的。

HTML5(H5)与旧版本HTML的主要区别包括:1)H5引入了语义化标签,2)支持多媒体内容,3)提供离线存储功能。H5通过新标签和API增强了网页的功能和表现力,如和标签,提高了用户体验和SEO效果,但需注意兼容性问题。

H5和HTML5的区别在于:1)HTML5是网页标准,定义结构和内容;2)H5是基于HTML5的移动网页应用,适用于快速开发和营销。

HTML5的核心特性包括语义化标签、多媒体支持、表单增强和离线存储与本地存储。1.语义化标签如、等提高了代码可读性和SEO效果。2.多媒体支持通过和标签简化了嵌入媒体内容的过程。3.表单增强引入了新的输入类型和验证属性,简化了表单开发。4.离线存储和本地存储通过ApplicationCache和localStorage等提高了网页性能和用户体验。

html5isamajorrevisionofthehtmlStandardThatRevolutionsWebDevelopmentBybyIntroDucingNewSemanticeLementSemelementsandAndCapabilities.1)itenhancesCodereAdabilityAndSeowitability andSeowithelientsLike,and.2)

H5的高级技巧包括:1.利用进行复杂图形绘制,2.使用WebWorkers提升性能,3.通过WebStorage增强用户体验,4.实现响应式设计,5.利用WebRTC实现实时通信,6.进行性能优化和最佳实践。这些技巧帮助开发者构建更动态、互动和高效的Web应用。

H5(HTML5)将通过新元素和API提升网页内容和设计。1)H5增强了语义化标记和多媒体支持。2)它引入了Canvas和SVG,丰富了网页设计。3)H5的工作原理是通过新标签和API扩展HTML功能。4)基本用法包括使用创建图形,高级用法涉及WebStorageAPI。5)开发者需注意浏览器兼容性和性能优化。

H5带来了多项新功能和能力,极大提升了网页的互动性和开发效率。1.语义化标签如、增强了SEO。2.多媒体支持通过和标签简化了音视频播放。3.Canvas绘图提供了动态图形绘制工具。4.本地存储通过localStorage和sessionStorage简化了数据存储。5.地理位置API便于开发基于位置的服务。

HTML5带来了五个关键改进:1.语义化标签提升了代码清晰度和SEO效果;2.多媒体支持简化了视频和音频嵌入;3.表单增强简化了验证;4.离线与本地存储提高了用户体验;5.画布与图形功能增强了网页的可视化效果。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

禅工作室 13.0.1
功能强大的PHP集成开发环境

VSCode Windows 64位 下载
微软推出的免费、功能强大的一款IDE编辑器

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中