前端开发整体流程

最新推荐文章于 2024-07-31 08:45:03 发布

剽悍六杯茶

最新推荐文章于 2024-07-31 08:45:03 发布

阅读量4.5k

点赞数 2

分类专栏：前端文章标签：前端开发

本文链接：https://blog.csdn.net/nikita1995/article/details/52936110

版权

本文详细介绍了前端开发的整体流程，从单个页面的制作到整个应用的构建。首先，根据设计图抠图并编写HTML结构，然后编写CSS实现布局和元素样式。接着添加交互效果。在CSS中设置基础字体样式。在构建整个应用时，需考虑页面间逻辑关系，编写服务代码，将应用部署到服务器并运行。以Node.js为例，解释了服务器如何解析请求、执行路由、处理业务并返回响应。

摘要由CSDN通过智能技术生成

单个页面：
1.拿到设计图把需要的图片从设计图中抠出来。
2.对比设计图写整个的页面结构（只写html），并且顺便给需要做样式的html元素，指定class名字。
3.对比结构，写css。先确定布局（比如说，头部要固定啊，中间内容部分要居中啊什么的），再确定单个元素的样式。
4.添加交互效果。

注意：在css中，要在开始（body）指定基本的字体样式，比如：

@font-face {
    font-family: 'icomoon';
    src: url('../font/icomoon.eot');
    src: url('../font/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../font/icomoon.ttf') format('truetype')