how2j.cn


工具版本兼容问题
所谓的公共页面,即每个页面都有内容。 比如页头,页脚还有搜索框。


步骤 1 : 公共页面   
步骤 2 : 以页脚为例   
步骤 3 : 置顶导航,搜索栏,页脚   

模仿天猫前端,单纯使用Html和CSS实现天猫官网, 大大提升前端技术与能力,积累宝贵前端项目经验。总计28张页面布局分析图, 33个js交互代码讲解, 395个选择器,1150个样式(每个均有注释), 涵盖全部68个知识点,267个学习步骤,包含一共21个讲解视频,累计时长11小时44分25秒,大小1.97G,为简历加上一个有吸引力的砝码。 学习期间,遇到本项目任何问题,都可以得到我的专业指导。 (购买一次,即可访问天猫前端所有知识点)
增值内容,点击购买
所谓的公共页面,即每个页面都有内容。 比如页头,页脚还有搜索框。

这样的页面,又叫做include文件。在真正开发网站的时候(不仅仅使用html和css,比如采用JSP技术),会单独设计这样的网页,然后在不同的主体网页,比如首页,产品页,搜索查询结果页去包含这些网页。
那么这些网页就只需要做一遍就行了,其他页面重复使用这些网页,就可以达到节约开发时间,降低开发和维护成本的效果。
公共页面
模仿天猫前端,单纯使用Html和CSS实现天猫官网, 大大提升前端技术与能力,积累宝贵前端项目经验。总计28张页面布局分析图, 33个js交互代码讲解, 395个选择器,1150个样式(每个均有注释), 涵盖全部68个知识点,267个学习步骤,包含一共21个讲解视频,累计时长11小时44分25秒,大小1.97G,为简历加上一个有吸引力的砝码。 学习期间,遇到本项目任何问题,都可以得到我的专业指导。 (购买一次,即可访问天猫前端所有知识点)
增值内容,点击购买
每个页面都有这样的页脚,那么就可以把这个页脚单独拿出来做到一个文件里。 然后其他的页面引用这个文件即可。
以页脚为例
步骤 3 :

置顶导航,搜索栏,页脚

edit
模仿天猫前端,单纯使用Html和CSS实现天猫官网, 大大提升前端技术与能力,积累宝贵前端项目经验。总计28张页面布局分析图, 33个js交互代码讲解, 395个选择器,1150个样式(每个均有注释), 涵盖全部68个知识点,267个学习步骤,包含一共21个讲解视频,累计时长11小时44分25秒,大小1.97G,为简历加上一个有吸引力的砝码。 学习期间,遇到本项目任何问题,都可以得到我的专业指导。 (购买一次,即可访问天猫前端所有知识点)
增值内容,点击购买
那么都有哪些公共页面呢?

以首页为例,它是由3个公共文件1个内容文件组成。
这3个公共文件分别是 最上面的置顶导航搜索栏,以及最下面的页脚
最后才是页面的真正内容。

因为每个页面都会包含这些公共页面,所以我们会先把这些公共页面单独拿出来学习和消化。

公共页面学习完毕之后,在学习产品页面,购物车页面的时候,就只需要学习这些业务页面本身的内容就可以了,就不用重复讲解这些公共文件的内容了。
置顶导航,搜索栏,页脚


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2019-12-06 这一小节不是应该有个视频的吗?是我没加载出来吗?
空白丨旋律




概念后面有一个视频标记的
加载中

							

							


1 个答案

how2j
答案时间:2019-12-06
“概念” 前面没有视频,视频是下面章节的。



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-09-17 第一天开始学习
超级大哈克

相信我能学完,做出一个完整的天猫前端的!!




1 个答案

how2j
答案时间:2019-09-19
不积跬步无以至千里,不积小流无以成将海,加油



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2019-05-22 站长画图用什么工具的
2019-01-29 买完课程有点懵哦
2018-01-20 前端开发软件


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 5 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 实践项目-天猫前端-概念 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 578362961
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图