01 前后端的区别:
前端的复杂度主要在如何优雅地处理。
- 用户交互体验好且简洁;
- 浏览器兼容;
- 移动端自适应适配;
- 完美”像素级拷贝“设计师的原型;
- 等其他看上去比较小的细节;
而对于高并发、存储过程等并不十分在意。
而后端的复杂度主要体现在如何完美应对。
- 高并发、load balancer;
- CDN 缓存静态文件(现在大多是 ops 负责);
- 文件同步、锁;
- 存储过程;
- 加密;
- 等虽然表面看不到,但是实际处理起来非常费劲的任务;
02 前后端标准不同:
由于对待”简单“和”复杂“的标准不同,就有了截然不同的评价。
前端和后端所使用的不同的技术栈。
当一个后端不得不调试 CSS 的时候,可能会觉得 CSS 很简单,因为似乎怎么写都可以达到目标。但殊不知由于 CSS 不是正交(non-orthogonal)的特性,有时候很简单的一个写法却会引起某种意想不到的效果,更不谈浏览器兼容性问题等等。
03 前端基本功实现举例:
一个著名的例子:外边距折叠(margin collapsing)
HTML和CSS写出来的实际效果:
标签和标签之间发生了外边距折叠,明明看上去很简单的一个需求,若不了解其底层原理,可能会有修复不完的 bug。
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.