前端开发篇

前端开发篇

开发工具与关键技术:DW  前端开发
作者:吴业华
撰写时间:2019年1月16日

先把我们前端开发所使用的文件准备好 如下截图:
前端开发篇_第1张图片
前端开发篇_第2张图片
开局把所需要的文件等都准备好 敲码的时候是不是效率就会快很多呢
前端开发篇_第3张图片
正式进入编程首先考虑要把:
1.首先考虑通用端适配问题 也就是多端口查看样式不乱 比如:电脑端如下显示样式完好
前端开发篇_第4张图片
而用手机端调试如下:里面的样式明显改变
前端开发篇_第5张图片
解决方法为引入 bootstrap里面的布局 并在刚开始写的时候加上下面这句代码
前端开发篇_第6张图片
2.把前端样式分为自己所需要的几段写 如拼加的方法一样拼成一个整体 可以理解为大局观
3.为了代码的可读性和维护性 我们可以试这把HTML、css、js的代码分开写如下:
在这里插入图片描述
便于分类 是css的就css css里面不同功能的又可以新建个css新增
Js同理
4.要是所构网站页面多 可以把基础模板扣出来 一般命名为deom
便于提高开发效率 用的时候直接复制模板改重命名
在这里插入图片描述

你可能感兴趣的:(前端,前端开发)