响应式web,这玩意有谁开发过实战项目吗？( 二 ) _经验知识

Bootstrap包括了HTML、CSS和JavaScript 。你可以轻松地开发各种规模和复杂度的响应式网站。
Foundation

文章插图
它相当复杂。不适合新手使用。Foundation具有可读性、灵活性、语义性和完全可定制性。Foundation自带GPU加速功能。可实现闪电般的快速和流畅的动画效果。它提供了Fastclick.js 。可在移动设备上快速渲染。
Pure

文章插图
非常轻的一个框架。该框架包含响应式CSS模块。是为迎合移动市场而开发的。开发人员可以使用各种样式、CSS模块以及组件和可定制的工具来开发网站。
Semantic UI

文章插图
SemanticUI是相对较新的框架。但它在很多方面都很突出。它已经成为非常流行的前端框架之一。它使用的是自然语言。
Semantic的性能记录功能让你可以追踪到代码的瓶颈。而无需深挖堆栈痕迹。使用Semantic 。直观的底层之上可以配备一个高级主题变量。让您有充分的设计自由度。
Semantic UI集成了大量的第三方库。因此整个开发过程会更容易一些。
响应设计的优点

文章插图
响应式方式可以在台式机。平板电脑或智能手机上构建流畅运行的web样式设计。它的实质是一种适配性的编码设计。它具备很多优点：
开发维护一套前端响应式代码。可以适配多种显示设备。
只需要拥有一个入口网址。无须通过脚本。判断浏览设备而重定向访问。更不需要配置二级域名。
简化SEO（搜索引擎优化）。响应式设计。无需为移动版本创建特定的内容。这对SEO友好的。搜索引擎收录的只是内容。而对网页语言代码毫无兴趣。因此。谷歌百度在一段时期还建议优先考虑响应式设计。
有可能会节约开发成本？这一点我自己也很有疑惑。我个人认为如果是仅仅适配显示的话。响应式设计的确可以节约成本。但精致的移动端交互设计。还是纯移动框架最受用。
简化网站推广数据分析。无论来自什么入口。都一网打尽所有访问数据。
响应设计的缺点

文章插图
尽管响应式设计有很多优点。那么缺点应该被忽略吗？事实并非如此。响应式网页设计有一些需要注意的缺点。为了在一套体系框架下。去做各分辨率下的大小显示适配、内容取舍。那种煎熬你体验过吗？
某些响应式网站的加载时间会更长。因为将加载一些不必要的HTML / CSS 。例如。很多响应站点上的图像只是在视觉上按比例缩小。而没有采用媒体内容的弹性加载策略。
耗时的开发。对于响应式网站而言。这是一项耗时的任务。如果您打算将现有网站转换为响应式网站。则可能需要更多时间。
响应式Web设计的流体布局。使设计人员难以很好地控制设计风格。设计人员正在尝试分别针对移动和桌面布局显示线框和设计原型。只有改进了这两种布局。才能真正实现响应式Web设计策略。
UX（用户体验）不佳。通过响应设计。您想要同时满足台式机和移动用户的需求。但是。移动设备和台式机毕竟是完全不同的用户体验。因此。有很大风险可能同时失去两类用户。
需要承受内容的取舍。排版的需要、推广策略的不同、体验的差异。造成移动版本的内容很可能与桌面版本的内容不一致。因此。采用响应式设计不可能使您的内容适应这些设备中的每一个。那么在一个页面里用技术实现这种取舍。是很痛苦的。
写在最后
选择了开发。终会有学不动的那天。对于前端、后端、运维、全栈。都是一样。某项技术熟练了。我们总希望它的生命周期长一点。如果有一天。对新技术的那种兴奋感不再有的时候。做一个方向的了解者规划者也是不错的。
希望所有Coder身体健康。永远快乐。
其他观点：
一个非常好的问题。响应式Web设计是一种页面设计布局。理念是“让人们忘记设备尺寸” 。可以智能地根据用户行为以及使用的设备环境进行相对应的布局调整。
一。特点
1 。能够以可变尺寸显示网页
2 。动态适应平板和移动设备
二。常用框架
1 。Bootstrap
Bootstrap是流行的开发响应式 web 的 HTML, CSS, 和 JS 框架,由两个Twitter员工开发并开源。在Github上非常火爆。在国内也有很多粉丝。