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

Html5audioandvideoelementsenhanceFunctionalityAncessBilityThroughspecificattributes.1) the'controls'attributeaddsstandardlaybackcontrols, when'aria-label'Improvesscreenreeneraccessibility.2) the'poster'attributeenhanceSvideo

Microdatainhtml5enhancesseoanduseRexpereByprovidingstructuredDatatoSearchengines.1) UseItemscope, itemType, andItempropattributeMarkupContentLikeProductsorevents.2) testmicrodatawithtoolsonsdoolsonshins

Html5introduceSnewinputTypestHatenhanceuserExperience, SimplyDevelopment, andImproveAccessibility.1) automatik

H5 adalah HTML5, versi kelima HTML. HTML5 meningkatkan ekspresi dan interaktiviti laman web, memperkenalkan ciri -ciri baru seperti tag semantik, sokongan multimedia, penyimpanan luar talian dan lukisan kanvas, dan menggalakkan pembangunan teknologi web.

Kebolehcapaian dan pematuhan dengan piawaian rangkaian adalah penting untuk laman web. 1) Kebolehcapaian memastikan semua pengguna mempunyai akses yang sama ke Laman Web, 2) Piawaian rangkaian mengikuti untuk meningkatkan kebolehcapaian dan konsistensi Laman Web, 3) Kebolehaksesan memerlukan penggunaan HTML semantik, navigasi papan kekunci, kontras warna dan teks alternatif, 4) berikutan prinsip -prinsip ini bukan hanya keperluan moral dan undang -undang, tetapi juga menguatkan asas pengguna.

Tag H5 dalam HTML adalah tajuk peringkat kelima yang digunakan untuk menandakan tajuk atau sub-tajuk yang lebih kecil. 1) Tag H5 membantu memperbaiki hierarki kandungan dan meningkatkan kebolehbacaan dan SEO. 2) Digabungkan dengan CSS, anda boleh menyesuaikan gaya untuk meningkatkan kesan visual. 3) Gunakan tag H5 dengan munasabah untuk mengelakkan penyalahgunaan dan memastikan struktur kandungan logik.

Kaedah membina laman web di HTML5 termasuk: 1. Gunakan tag semantik untuk menentukan struktur laman web, seperti, dan sebagainya; 2. Kandungan Multimedia, Penggunaan dan Tag Multimedia; 3. Memohon fungsi lanjutan seperti pengesahan bentuk dan penyimpanan tempatan. Melalui langkah -langkah ini, anda boleh membuat laman web moden dengan struktur yang jelas dan ciri -ciri yang kaya.

Struktur kod H5 yang munasabah membolehkan halaman menonjol di antara banyak kandungan. 1) Gunakan label semantik seperti, dan lain -lain untuk mengatur kandungan untuk menjadikan struktur jelas. 2) Kawal kesan rendering halaman pada peranti yang berbeza melalui susun atur CSS seperti Flexbox atau Grid. 3) Melaksanakan reka bentuk responsif untuk memastikan halaman menyesuaikan diri dengan saiz skrin yang berbeza.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

EditPlus versi Cina retak
Saiz kecil, penyerlahan sintaks, tidak menyokong fungsi gesaan kod

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
