做一个H5项目的准备工作-1

模块化开发

什么叫模块化开发？
所谓的模块化开发就是将一个项目按照功能划分
一个功能一个模块
为什么要用模块化开发？
模块化具有可重复使用、更换方便等优点

1.文件夹分类

大家都知道，网站是由多个网页组成的，所以一个好的分类决定了你网站的“灵活性”

（注：文件夹命名可以自己个性命名，我这里只是给你推荐一个“高端且专业”的命名）

步入正题：

项目文件夹——shoping
样式类图片文件夹——imges ”(这一个文件夹主要放一些不经常更换的图片)“
样式文件夹——css ”(让你的代码页面更加简洁，更加方便以及灵活)“
产品类文件夹——upload
字体类文件夹——fonts
脚本文件夹——js

2.所需创建的文件

我们主要文件为:

xx.html
xx.css
xx.js

后缀名分别为 .html 、.css 、.js
html——主要是进行编写一个网页的结构
css——主要是进行把一个网页美化
js——主要是进行一些网页与后台的交互性

首页 —— index.html
CSS初始化样式文件 —— base.css
CSS公共样式文件 —— common.css
common.css公共样式中包含页面字体颜色，版心宽度，清除浮动等公共样式

文章内容参考自bilibili up主 pink老师，我不是专业人士，如有问题可以提出
问题中成长才能成长的更快

做一个H5项目的准备工作-1相关推荐

用 Python 做一个 H5 游戏机器人
原文地址:Creating An HTML5 Game Bot Using Python 原文作者:vesche 译文出自:掘金翻译计划本文永久链接:github.com/xitu/gold-m- ...
如何使用graphpad做柱形图_系列文章如何使用PaddleDetection做一个完整项目（三）...
系列文章如何使用PaddleDetection做一个完整项目(三) 该文章是PaddleDetection的完结篇,请参考之前两篇文章 https://zhuanlan.zhihu.com/p/10 ...
SAP顾问生涯闲记：来自超过20多个国家地区的团队一起做一个SAP项目是什么体验
SAP顾问圈子里一直不乏趣事,所以最近准备新开一个专栏分享大家项目实施中的一些日常生活或趣事,让大家对SAP顾问生涯有些更多视角的了解. 名字之所以取的这么"霸气",是因为之前项目 ...
自己写一个H5项目CI系统
持续集成(Continuous integration,简称CI)系统在软件自动化构建(包括编译.发布.自动化测试)方面有着重要的作用,在之前,前端项目简单,很多时候发布都只是一些简单的拷贝,而随着w ...
如何利用网易云直播的接口做一个直播项目
公司新下来了一个需求,为了让更多的企业hr在线看我们公司的"hr沙龙培训活动"(之前一直是到现场听),于是购买了网易云的直播服务,做一个在线直播观看的活动. 购买完成后,输入账号密 ...
如何做一个软件项目经理？ ----写给公司所有的开发人员
第一部分:软件项目经理的要求首先是一个管理者,其次熟悉某些工具,某几种语言,行业背景,项目管理技能. 软件项目经理面临的恶劣环境,我们绝大部分软件企业运行在相对混乱的状态(CMM一级),组织不大可能 ...
如何开始做一个开源项目？他的亲身经历值得参考
(点击上方公众号,可快速关注) 英文:Vincent Voyer,翻译:Linux爱好者 - nEoYe [导读]:作者 Vincent Voyer 用亲身经历鼓励大家从事开源活动:他在 Nodejs ...
没有空闲时间时该如何做一个业余项目？
我们都听过这样的建议:最好的开发人员是靠编程为生的.但你也是一个人.也许你不再是那种典型的22岁的年轻人,没有关系,没有责任,每天工作18个小时.也许你是母亲或父亲,丈夫或妻子,照顾年长的亲戚. 世界 ...
使用Hilo做一个H5接金币类小游戏
Hilo是一个跨终端的互动游戏解决方案. 官网:http://hiloteam.github.io/index.html 马上就要端午节了,公司要做一个接粽子的小游戏.网上找了一圈后决定用阿里团队的H ...

做一个H5项目的准备工作-1

模块化开发

1.文件夹分类

2.所需创建的文件

做一个H5项目的准备工作-1相关推荐

最新文章

热门文章