• 关于 响应式设计 的搜索结果

回答

响应式设计和自适应设计都以提高不同设备间的用户体验为目标,根据视窗大小、分辨率、使用环境和控制方式等参数进行优化调整。 响应式设计的适应性原则:网站应该凭借一份代码,在各种设备上都有良好的显示和使用效果。响应式网站通过使用媒体查询,自适应栅格和响应式图片,基于多种因素进行变化,创造出优良的用户体验。就像一个球通过膨胀和收缩,来适应不同大小的篮圈。 自适应设计更像是渐进式增强的现代解释。与响应式设计单一地去适配不同,自适应设计通过检测设备和其他特征,从早已定义好的一系列视窗大小和其他特性中,选出最恰当的功能和布局。与使用一个球去穿过各种的篮筐不同,自适应设计允许使用多个球,然后根据不同的篮筐大小,去选择最合适的一个。

茶什i 2019-12-02 03:17:13 0 浏览量 回答数 0

问题

大家怎么理解自适应与响应式

a123456678 2019-12-01 19:27:23 1044 浏览量 回答数 1

问题

响应式设计与自适应设计有何不同?

茶什i 2019-12-01 22:00:00 13 浏览量 回答数 1

新用户福利专场,云服务器ECS低至96.9元/年

新用户福利专场,云服务器ECS低至96.9元/年

问题

什么是响应式设计?

kun坤 2019-12-01 22:06:08 5 浏览量 回答数 1

问题

问 响应式设计

杨冬芳 2019-12-01 19:40:54 634 浏览量 回答数 2

问题

响应式设计的疑问

a123456678 2019-12-01 19:30:07 811 浏览量 回答数 2

问题

移动端浏览器会下载和加载隐藏的元素么?

杨冬芳 2019-12-01 20:06:55 936 浏览量 回答数 1

回答

1、采用响应式布局:什么是响应式布局设计2、利用js去识别移动端,然后调用对应的CSS:js区分移动设备和PC访问站点

杨冬芳 2019-12-02 02:31:15 0 浏览量 回答数 0

问题

H5自助建站系统,建站更简单

建站宝盒 2019-12-01 22:03:38 3597 浏览量 回答数 1

回答

现代前端框架有两种⽅式侦测变化,⼀种是pull⼀种是push pull: 其代表为React,我们可以回忆⼀下React是如何侦测到变化的,我们通常会⽤ setState API显式更新,然后React会进⾏⼀层层的Virtual Dom Diff操作找出差异,然后Patch到DOM上,React从⼀开始就不知道到底是哪发⽣了变化,只是知道「有变化了」,然后再进⾏⽐较暴⼒的Diff操作查找「哪发⽣变化了」,另外⼀个代表就是Angular的脏检查操作。 push: Vue的响应式系统则是push的代表,当Vue程序初始化的时候就会对数据data进⾏依赖的收集,⼀但数据发⽣变化,响应式系统就会⽴刻得知,因此Vue是⼀开始就知道是「在哪发⽣变化了」,但是这⼜会产⽣⼀个问题,如果你熟悉Vue的响应式系统就知道,通常⼀个绑定⼀个数据就需要⼀个Watcher,⼀但我们的绑定细粒度过⾼就会产⽣⼤量的Watcher,这会带来内存以及依赖追踪的开销,⽽细粒度过低会⽆法精准侦测变化,因此Vue的设计是选择中等细粒度的⽅案,在组件级别进⾏push侦测的⽅式,也就是那套响应式系统,通常我们会第⼀时间侦测到发⽣变化的组件,然后在组件内部进⾏VirtualDom Diff获取更加具体的差异,⽽Virtual Dom Diff则是pull操作,Vue是push+pull结合的⽅式进⾏变化侦测的.

前端问答 2019-12-19 07:50:59 0 浏览量 回答数 0

问题

Safari、Firefox、Chrome的响应式设计模式中看到的样式和我用手机看到的样式不同?

杨冬芳 2019-12-01 20:08:06 2031 浏览量 回答数 1

回答

bootstrap对很多的设计师来说确实是有抵触心理的,个人认为源头是目前国内多数设计师是“平面设计师”而不是“网页设计师”,对网页尤其是现代的响应式的网页其实并没有足够的理解。我个人的做法是大布局(比如大侧边栏的宽度)尽量精确(必要的话放弃grid布局),但局部看上去是n等分的就用grid,然后告诉设计师你的PSD画歪了,不平均,我实现成平均的了这样说回bs,断点的设定是参考主流屏幕的,1200和992对应1280和1024两种主流分辨率(需要扣除滚动条等),每grid的宽度是声明成百分比的,代码中并没有62.5px之类的数字,而是8.33% 16.66% 25%这样的百分比,也就是所谓的“流式布局”,也只有这样才能声明一组grid类适用于任意层级的嵌套至于自己修改参数,当然不会有任何问题,实际上bs是鼓励自定义参数的,响应式的边界,container尺寸,grid个数和间距等都可以自己调整。甚至可以直接摈弃bs的grid自己引入另一套grid框架也没问题

a123456678 2019-12-02 02:23:21 0 浏览量 回答数 0

回答

是你理解错了。你混淆了自适应布局和响应式布局。显然,@PortWatcher 的回答也把两者混淆了,或者说是不全面。--------- 更新 -------起初,网页设计者都会设计固定宽度的页面,最开始的电脑显示器分辨率种类不多,因为当时电脑本来就少,即使有变化也是 800 850 870 880。后来随着显示器越来越多,以及笔记本的普及,这种方式的页面出现了问题。于是出现了一种新的布局方式宽度自适应布局。我们平时谈论的自适应布局,大多指的就是宽度自适应布局。在这种布局下,出现了两派:百分比宽度布局流式布局题主说的是第一派,宽度使用百分比,文字使用 em。第二派的布局以 iGoogle 为代表(已经停止)。再后来,浏览器大战 时代,firefox、Oparo、Chrome …… 出现,结束了 IE 一统江湖的局面,N 年没有更新的 IE6 发布了新版本,以前已 IE 为标准的 CSS 向 W3C 标准趋近,随后各种针对浏览器的 css hack 技术出现。虽然浏览器这么多,但是响应式布局依然不是主流,人们还在使用 css hack 技术。注意我的用词——「不是主流」,虽然不是主流,不代表当时不被使用。比如一向超前的伟大的 Google。当时没有响应式布局这个词语,但是慢慢出现了一个词——渐进增强,新词的出现总是伴随的旧词一起出现。就好比 3G 出现之前,没人管自己的手机叫 2G,所以,3G 和 2G 两个词是一起出现的(技术上当然2G技术先出现)。同理,渐进增强出现后,另一个词「优雅降级」也随之出现了。词的意思可以自己看 wiki、Google,我只在这儿举一个例子,gmail 和 qqmail。他俩的宽度都是 100%,都是自适应。但是:qqmail 就是 css hack 的完美体现,你用任何一个浏览器,几乎可以看到同一个样子的邮箱,腾讯的前端工程师们用各种 css hack 技术来展示邮箱页面,为的是统一的用户体验。而 gmail 使用了渐进增强,你的浏览器越强,你看到的效果就越好,用户体验就越好。再后来,就是大家都熟知的 Google 发布了 android,于是互联网大战从 PC 打到了手机。还有 HTML5 标准的发布。手机虽然屏幕变小了,但是却提供了更丰富的功能。还记得以前用诺基亚上 QQ 的事儿吗?我们访问的是 3g.qq.com,当时我使用的是中兴的手机,访问 wap.qq.com,在后来的职能手机都是访问 m.qq.com。不禁有人问「真的需要为每个手机分别设计一个网页吗?」、「真的需要为手机和电脑设计不同的网页吗?」,解决方法当然有很多种,可以看看 css zen garden 相信做过前端的都看过这个网站,一个神奇的网站。最终的解决方案胜出者是响应式布局。响应式布局被大家熟知的一个重要原因就是 twitter 开源了 bootstrap。Google 第一次完成了从先驱到烈士。

a123456678 2019-12-02 02:21:12 0 浏览量 回答数 0

问题

【写书评赠书活动】《Sass和Compass设计师指南》:报错

kun坤 2020-06-10 09:58:08 3 浏览量 回答数 1

问题

浅析响应式网站设计的用户体验

aizhan 2019-12-01 20:57:13 7537 浏览量 回答数 0

回答

经过几分钟的搜索,我认为自适应和响应式应该都是同一个东西:responsive web design(rwd)。我没找到哪个地方说自适应不是RWD或者响应式不是RWD的。实际上在维基百科,这两个词直接是混用的一般来说会和RWD混淆的是所谓的fluid grid,也就是用百分比进行页面布局。后者是前者的常用手段之一。我觉得一般来说如果要做responsive,大概是先搞定中间尺寸,也就是pad~small desktop这块然后搞定大尺寸,往往是水平方向延伸一些元素出去最后搞小尺寸手机,这块一般比较复杂,经常需要JS辅助。比如把侧边栏改造成菜单按钮的弹出菜单,比如导航的重新设计等等。

a123456678 2019-12-02 02:21:28 0 浏览量 回答数 0

回答

Re我的降降价网站日ip300 响应式设计

hanliang898 2019-12-01 23:22:43 0 浏览量 回答数 0

回答

•Web开发技术丛书·响应式Web设计•Bootstrap实战

杨冬芳 2019-12-02 02:34:37 0 浏览量 回答数 0

回答

利用JS进行操作系统类型判断2,利用@media进行响应式布局设计

a123456678 2019-12-02 03:08:30 0 浏览量 回答数 0

回答

推荐图书•Bootstrap实战•Web开发技术丛书·响应式Web设计推荐网站•Bootstrap•Amaze UI•W3Cplus

杨冬芳 2019-12-02 02:30:50 0 浏览量 回答数 0

回答

直接响应式设计就好了啊,要说CMS还得看webzhe.com上的Drupal啊!

webzhe.com 2019-12-02 00:25:32 0 浏览量 回答数 0

回答

Java编程方法论:响应式RxJava与代码设计实战,不权威,随便看看

黄二刀 2020-05-07 19:22:28 0 浏览量 回答数 0

回答

• 有 orm 框架的,就是都不开源,17年底我有参与过一个,本来打算去年自己也撸一个开源版的,想想还是算了,自己辛辛苦苦一年,可能也没什么人用,还不如推广知识了。 • 其实 rxjava 不是特别适合后端开发的,以前没有接触 spring reactor 倒还没觉得有什么,在接触之后,顿时觉得 reactor 太良心,提供了大量新特性。代码设计也更加简洁,细节处理上更加完善,而不是和 rxjava 一样,提的问题更多在注释上提醒大家注意。使用rx(此处指反应式,并非指rxjava)进行编程,就意味着我们要抛弃ThreadLocal的玩法,Rxjava并没有提供一个很好的解决方案,但Spring Reactor给出了,并基于此方案演化出了现在的Spring 的响应式事务处理。 • rx(此处指反应式,并非指rxjava)国外用的很成熟的就数netflix了,一套完整的解决方案。当下reactor-netty真的是做了极大的努力,对架构设计做了极大的调整,新版本下的 reactor-netty 已经做到了性能的大幅优化,rx在使用上的落地请参考我6.6的分享「Java编程方法论 Reactor解读补充」(2019-06-06 我的一些项目开发感悟以及如何将响应式与函数式落地到我们的开发中) 来源:云原生后端社区

Atom 2020-04-25 15:13:18 0 浏览量 回答数 0

回答

答案:它是关于网页制作的过程中让不同的设备有不同的尺寸和不同的功能。响应式设计是让所有的人能在这些设备上让网站运行正常

kun坤 2019-12-02 03:23:29 0 浏览量 回答数 0

回答

移动端访问就没有响应式功能因为手机事件与浏览器不同需要开发移动时间相关。为了避免网站的缩小版,开发可用性高的移动页面布局上也不能和PC一样最好针对移动端设计布局。

渔篁 2019-12-01 23:24:58 0 浏览量 回答数 0

回答

@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。比如:如果文档宽度小于 300 像素则修改背景颜色(background-color):@media screen and (max-width: 300px) {body { background-color: lightblue; }}

星空万里 2019-12-02 00:58:30 0 浏览量 回答数 0

回答

你首先要知道你要看的源码做了什么,是你的话该如何做,带着这种思考再去看,从顶层的设计开始,摸清整体节奏,也就拿到了骨架,然后再丰富细节,也就是代码细节。我自己的话 现在是培养出了语感,基本上看到代码大概就知道对方下一步该怎么设计,怎么实现,偏差很小。不管怎样,还是要多看,不要怕,语言是用来表达的,代码就是最好的教程,很多优秀的代码库都是抄的,这个我在解读 reactor-netty 库的时候,有将它和 Reactor 的代码设计做对比,很明显的设计抄袭,Springcloud function 这个组件,说实在的也是函数式技法的总结使用,这些技法在 reactor reactor-netty webflux 中都有大量的实现,所以 Spring 才给抽取出来。撸代码就和写文章一样一样的,写之前列大纲,设定所描述场景的内在联系,表达的中心思想,然后融入各种技巧,比如比喻,拟人等等,最后也就是通过这些赋予文章的灵魂。 还有一点,我是觉得,读源码少用debug,这个是面向过程的读法,最好是面向场景,才能更好的面向对象,面向设计。debug从来都是用来做调试的,并非是看源码的最优选择。我的源码解读系列,感兴趣的可以看看,虽然都是关于响应式这块的,以后的话,会加入大家感兴趣的。最后,感谢微信群「后端圈」提供的良好的学习讨论的环境。同时,有对 Java 响应式编程感兴趣的同学可以加 qq 群 523409180 一起讨论的。 来源:云原生后端社区

Atom 2020-04-25 14:33:55 0 浏览量 回答数 0

问题

响应式设计下img标签如何设置才在移动端不加载图片

杨冬芳 2019-12-01 19:47:10 1651 浏览量 回答数 1

回答

Rejava自适应响应式 企业网站源码SSM 生成静态化手机 平板 PC [font=微软雅黑  ]为使用阿里云主机的站长专业提供LOGO设计与制作, [font=微软雅黑  ]联系QQ:443274150(五年永久长期在线,同为站长,一次合作,一次朋友)

老站长设计 2019-12-02 01:04:06 0 浏览量 回答数 0

回答

Java语言相关微服务框架1.Spring BootSpring Boot的设计目的是简化新Spring应用初始搭建以及开发过程,2017年有64.4%的受访者决定使用Spring Boot,可以说是最受欢迎的微服务开发框架。利用Spring Boot开发的便捷度简化分布式系统基础设施的开发,比如像配置中心、注册、负载均衡等方面都可以做到一键启动和一键部署。2.Spring CloudSpring Cloud是一个系列框架的合计,基于HTTP(s)的RETS服务构建服务体系,Spring Cloud能够帮助架构师构建一整套完整的微服务架构技术生态链。3.DubboDubbo是由阿里巴巴开源的分布式服务化治理框架,通过RPC请求方式访问。Dubbo是在阿里巴巴的电商平台中逐渐探索演进所形成的,经历过复杂业务的高并发挑战,比Spring Cloud的开源时间还要早。目前阿里、京东、当当、携程、去哪等一些企业都在使用Dubbo。4.DropwizardDropwizard将Java生态系统中各个问题域里最好的组建集成于一身,能够快速打造一个Rest风格的后台,还可以整合Dropwizard核心以外的项目。国内现在使用Dropwizard还很少,资源也不多,但是与SpringBoot相比,Dropwizard在轻量化上更有优势,同时如果用过Spring,那么基本也会使用SpringBoot。5.AkkaAkka是一个用Scala编写的库,可以用在有简化编写容错、高可伸缩性的Java和Scala的Actor模型,使用Akka能够实现微服务集群。6.Vert.x/ Lagom/ ReactiveX/Spring 5这四种框架主要用于响应式微服务开发,响应式本身和微服务没有关系,更多用于提升性能上,但是可以和微服务相结合,也可以提升性能。

小川游鱼 2019-12-02 01:50:17 0 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 云栖号物联网 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 云栖号弹性计算 阿里云云栖号 云栖号案例 云栖号直播