设计模式web，设计模式之美

阐述在设计模式中,web端和移动端的共同之处和区别

1、界面布局。移动端屏幕相对窄小，一般是单列，最多也只能是双列+响应式。PC端屏幕宽大，布局可以灵活一些。与Native App互动。

2、web端显示器大，窗口可以随意缩放。移动端窗口小，用户操作多为线性流程，用户使用习惯多为碎片化时间。反馈机制不一样 web端很少有主动反馈，一般也就进某些网站，弹出业务聊天窗口。

3、相比鼠标，手指触摸范围更大，较难精确控制点击位置，对此iOS人机交互规范中提到手指最合适的触控区域至少需要44 point。所以移动App的点击区域要设置的更大一些，不同点击元素的间隔也不能太近。

4、移动前端开发和web前端开发都属于前端开发，具体有以下区别。业务的应用场景 web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上。

5、业务的应用场景。Web前端开发主要是指传统的在电脑端开发网页，网页主要运行在PC端，而手机端开发的网页运行在手机端。这两者没有区别，孰难孰易。开发难度主要看业务需求。页面的适配性。

6、移动Web无所不在，移动Web是目前唯一的支持各种设备访问的平台，与桌面Web一样，移动Web支持各种标准的协议。

相关问答

Q1: MVC与BS的区别,他们的优点及劣势是什么?

1、网络应用限制比较：C/S优于/BS 商业运用比较：C/S优于/BS B/S结构 用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现，形成3-tier结构。

2、有利于组件的重用 分层后更有利于组件的重用。如控制层可独立成一个能用的组件，视图层也可做成通用的操作界面。MVC设计模式可以说实现了分层开发。各个层都有各个层的作用。

3、通过处理能力判断。MVC可以利用多核系统提高处理能力，而BS可以将任务分散到多台服务器上提高处理能力。

4、MVC模式实现了模型和检视的分离，这带来了几个好处。 （1）一个模型提供不同的多个视图表现形式，也能够为一个模型建立新的检视而无须重写模型。

Q2: 在设计模式中,web端和移动端的共同之处和区别

从两个角度来说 从用户角度。pc端主要使用鼠标，而移动端主要是触屏。从开发人员角度。UI（网页用户界面）设计师要考虑到移动端特点，便于触屏操作。至于代码实现效果时基本差不多。

web端更重视功能的齐全，能否直观的查看到或者使用更多的功能，所以一般在同一个页面，在界面设计允许的情况下，以功能齐全为优先，功能做加法。

相比鼠标，手指触摸范围更大，较难精确控制点击位置，对此iOS人机交互规范中提到手指最合适的触控区域至少需要44 point。所以移动App的点击区域要设置的更大一些，不同点击元素的间隔也不能太近。

移动前端开发和web前端开发都属于前端开发，具体有以下区别。业务的应用场景 web前端开发主要指传统的PC端网页开发，页面主要是运行在PC端浏览器中，移动前端开发出来的页面主要是运行在手机上。

移动前端开发和Web前端开发的区别是：前端是相对比较大的概念，一般是指用户能够看到、直接接触的界面都算是前端，比如iOS界面，安卓界面，网页界面，PC/Mac桌面软件的界面。

设计模式web的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于设计模式之美、设计模式web的信息别忘了在本站进行查找喔。