欢迎来到 黑吧安全网 聚焦网络安全前沿资讯,精华内容,交流技术心得!

设计网站响应式应该注重哪儿

来源:本站整理 作者:佚名 时间:2017-09-04 TAG: 我要投稿

最近在知乎上答复过响应式的问题,也从新对网页响应式计划做了一个新的思虑,我给收拾总结了一下。

就今朝来讲(我就把光阴划分到2015年今后吧,以前的网页就不拿来批评能否斟酌响应式了),对付一个web,响应式是最根本的请求,说简略也简略,然则要处置好每个细节不是那末轻易的,响应式也是必修课,必定招致前端要晋升本身的才能。
网站假如不支持响应式或者响应式很粗拙,谁会买单?
或者海内的大部分网站其实不锐意请求响应式,就算请求响应式,大部分适配后的网站后果也是异常粗拙的,整体来讲海内的网页对响应式有比拟高的需要的都属于一些请求高的或者专业性很强的网站,就算你不做响应式,间接让网页依照PC端表示的后果同样(应用相似 的代码,固然不倡议这样做,但这能有用确保具备牢固尺寸的网页能按预期表示),间接适配手机,客户也会买单。境外大部分客户的网站,最根本的请求,不满意响应式不会买单。
该不应做两套版本?
对付大多数网站,做两套版本不是理智的抉择,由于前期保护本钱,制造本钱,调试本钱,开辟本钱等都邑增长许多,并且互联网成长敏捷,网页过期的很快,一样平常情况,不值得花大批光阴做两套随时会过期的页面。并且大多数网站有常用的开源程序的束缚,做两套对后端的扩大也会有更高的请求,能够会增长后端和办事器端的事情量。一样平常做两套,适用于一些领有本身的源程序的大平台或者大型网站或者一些著名的网站。大部分网站,无需做两套。(固然假如你钱多,团队杠杠的,光阴精神也多,就疏忽此段落)
响应式技巧的成长如何?
咱们不消纠结于甚么fluid流结构照样别的甚么结构的,咱们只需斟酌首先把详细的名目依照预期计划表示进去便可,然后再深刻斟酌别的繁杂的常识点。许多细节有零丁进修的必要,然则不一定都能折腾进现实名目中。现实名目照样要只管即便精简代码,削减开辟和前期保护本钱,只需可以或者满意多种装备,并且应用响应式有用节制分歧尺寸图片的加载,在如今的赓续晋升的互联网网速情况下,同样拜访速率会很快。
对付网页的响应式计划,我不会存在侧面照样负面的评估,由于它是根基啊,你得顺应互联网成长顺应成长必要啊,顺应客户必要啊,做一套网页,做好这个根基,是天经地义的。对付一项根本功,没有必要说它好照样欠好。
一个真正好的响应式,是可以或者处置分歧尺寸的图片的,假如CSS不克不及满意需要,如今有许多成熟的联合JS的技巧手腕,可以或者共同CSS做到更优良的响应,不会大幅度影响加载速率,它完全可以或者到达两套web的后果。究竟你不是做APP,是做网页。假如你要拿APP的原生交互后果和流利水平和web比拟,我感到偏题了,没有必要,本身它们便是互补的器械,你不要他要,没有谁排挤谁的必要。
假如还没见过优良的响应式网站,可以或者去看看FWA上面的许多获奖的挪动端网站。
总结
如今的响应式技巧,曾经很蓬勃了,不但能满意分歧装备的适配,还可以或者从交互,从体验,从加载速率等方面停止婚配。如今的响应式技巧,不克不及和响应式才开端流入的那几年等量齐观,甚么代码冗余等等的负面器械可以或者疏忽了。实在对付响应式这个器械,剩下的,只是愿不愿意学加倍先辈的技巧,愿不愿意研讨和发明,愿不愿意应用到现实名目中的成绩罢了。
我本身其实不做自力的前端事情,也不是甚么大牛公司的前端开辟,我只是为了办事本身计划的器械罢了。只不过我也经过了几年的折腾,兼容性,响应式各类,用过许多开辟框架,学过研讨过很多入口常识,做过一些被承认的东东。我如今对付响应式计划,只有一个偏向:
只管即便精简代码
只管即便以最少的Responsive Breakpoints兼容更多的装备
只管即便优化加载速率
只管即便防止应用JS(Retina图片适配我一样平常应用JS,绝对来讲和响应式离开,会加倍机动,防止Retina的图片适配也应用CSS)
只管即便做到和PC端同样流利的交互后果
小对象
检测网页的机能,包括根本的响应式机能:Google Insights

【声明】:黑吧安全网(http://www.myhack58.com)登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,仅适于网络安全技术爱好者学习研究使用,学习中请遵循国家相关法律法规。如有问题请联系我们,联系邮箱admin@myhack58.com,我们会在最短的时间内进行处理。
  • 最新更新
    • 相关阅读
      • 本类热门
        • 最近下载