#WEB前端 京东网页记录笔记01**

2020.3.11笔记

页面间复用避免用iframe，除非后台管理那样的很多菜单的。

seo方面对iframe也不推荐。

最代码页面自上而下有4种页面：

header.htm
nav.htm
业务.htm
footer.htm
其中

header是全局的header和css，js导入的代码

nav是整站导航代码

业务是相对应的每个业务的代码，分别通过freemarker include的语法导入header,nav,footer，实现页面的复用

footer是整站的底部代码

另外其实还有个特殊的类型需要强调些，就是那种公用的模块，最代码是通过freemarker的macro实现的。比如所有的分享列表就可以抽象为share_macro

其中为了网页更加简洁优化，导航搜索栏位置用以下结构

 <div class="search">
			 	<input type="text" value="单反相机">
			 	<button>
			 		<i></i>
			 	</button>
			 	<em></em>
			 </div>

#部分思路1

1…为了养成良好习惯，加强注释十分重要，开头注释和结尾注释（区别每一个功能块），例如：

<!-- 京东顶部开始 -->
	<div class="J_event">
		<a href="#" class="w">
			<i></i>
		</a>
	</div>
	<!-- 京东顶部结束 -->

2.在制作网页页面，编辑代码的时候，遵从从上倒下原则，大致分为header,nav,seriver,footer模块。
其中每一个模块都有版心，例如导航条部分，以版心为基础，左右进行编辑，左边是京东地理定位编辑，右边是几个基础导航点。主要采用（无序列表（列表项1(超链接a)，列表项2，列表项3…））

3.京东网站有一些基本样式，在各个页面中都要用到：（将这些基本样式copy到css.base里面去）

4.我使用的基本工具有 fw(用于切片，吸管)，ps（同上），sublime(文本编辑器)，