今天看啥  ›  专栏  ›  大淘宝技术

探索从代码到页面的全过程

大淘宝技术  · 公众号  · 程序员  · 2024-09-18 20:29
    

主要观点总结

本文介绍了网页从开发到发布的整个过程,包括网页入口、开发、部署与发布等方面的内容。

关键观点总结

关键观点1: 网页入口

用户访问任意网站之前,要先在地址栏输入有效地址,浏览器会向服务器发起请求,拿到该地址对应的网页入口文件即HTML文件。浏览器解析HTML代码,识别到其他资源发起更多请求,逐渐构建成用户眼前看到的完整页面。

关键观点2: 开发阶段

现代化网页开发过程包括代码编写、工程能力、模块化等内容。前端三剑客HTML、CSS、JS代码都变得庞大,使用各种UI框架、CSS预处理器等进行组件式开发。利用前端构建工具组织各种类型的文件,提供模块化、自动化、优化、转义等构建能力,进行本地开发与生产打包。

关键观点3: 代码部署

得到网页入口所需所有资源(HTML及相应的CSS、JS、其他静态资源)后,可以通过上传至服务器或CDN,让用户可以访问到页面。其中包括在开发阶段访问网页的方式和通过CI/CD平台自动化发布流程。

关键观点4: 发布对外

对于迭代更新的页面,需要考虑安全发布与用户体验。包括静态资源的缓存优化、迭代更新、动静分离以及非覆盖式发布等问题。静态资源优化包括配置超长缓存过期时间、采用内容摘要或带版本号的文件路径作为缓存更新依据、静态资源CDN部署等。


免责声明

免责声明:本文内容摘要由平台算法生成,仅为信息导航参考,不代表原文立场或观点。 原文内容版权归原作者所有,如您为原作者并希望删除该摘要或链接,请通过 【版权申诉通道】联系我们处理。

原文地址:访问原文地址
总结与预览地址:访问总结与预览
推荐产品:   推荐产品
文章地址: 访问文章快照