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.