Bin_Going的博客

浅谈Web自适应前言随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可想而知。本篇博文分享一些卤煮处理多屏幕自适应的经验，希

1.1.1 什么是Retina显示屏，带来了什么问题retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样带下的屏幕上，苹果设备的retina显示屏中，像素点1个变为4个在高清显示屏中的位图被放大，图片会变得模糊，因此移动端的视觉稿通常会设计为传统PC的2倍。那么，前端的应对方案是：设计稿切出来的图片长宽保证为偶数，并使用backgro

很多人可能这样认为，前端工程化无非就是框架/库、简单的构建、css/js模块化开发而已，其实这些只是前端工程话的一部分，当我们开发一个大型的web应用的时候，将会面临很多工程方面的问题，比如：多人如何协作开发、组件模块如何复用、如何调试部署、版本如何管理控制、性能如何优化。因此，做好前端工程化，需要我们做如下的几件事：1.开发规范制定好开发、部署的目录规范、编码规范、好的目录规范能让项目解构清晰，