前端开发篇

前端开发篇

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值