2018.11.27，终于完成了这个项目，可以说到现在，也就是今天，我把这篇博客补充完了，我把这个项目写完了，真的对自己来说是一个值得庆祝的日子，记录以此！
如果需要查看最终代码，请移步小编的GitHub
网址如下：https://dig.chouti.com/
（此处的写法，都是自己刚开始编程说的，转眼间6个月过去了，再回头看看，感慨良多，自己打算再写一遍，实现更多的功能）
这里上传一个自己做的抽屉新热榜的小项目，这个主要是前端知识的应用，做的和原样还有点差距，但是一定会更新的，希望自己从这个项目中学到知识，并对css和html的相关应用更加熟练。
下面这两个图，使我自己做出来的效果图，于2018.1.26做成，先记录于此，很多不完善的地方，但是我学到了许多东西，因为js还没有学，所以，这个项目我肯定会修改，继续完善。
这个两个图才是源地，也就是抽屉新热榜的界面，我自己第一次做的与这个还有一些差距，我知道，上传到这里的目的，其一，让看到的盆友继续完善，其二，也鞭策一下自己，下次完善的时候，也有个对比。
做完这个项目的总结：1，一定要一步步的认真思考，认真研究网页的构架
2，对于内容，一步步的填充，不能着急，心急吃不了热豆腐
3，命名一定要规范，代码不止是自己看，还要其他人
4，路径一定不要写死，要不然修改的空间都没有
3.1 项目需求
3.2 项目简介
（此处的结果，都是自己学习一段时间编程后，实现更多的功能的结果）
下面这两个图，使我自己做出来的效果图，于2018.11.25做成，记录于此，这是静态页面图
（下面的js完成的效果图）
5.1 link标签rel属性为search是怎么使用的？
通过rel="search"，把你的搜索功能放到浏览器的快捷搜索工具上
用firefox打开taobao时，看一下地址栏边上的快捷搜索时，可以填加一个“淘宝搜索”，完成后，以后就可以直接在那里搜索东西了！
实现方法：
在首页的head标签里加上
5.2
5.3 <input value="1" type="hidden" class="isBan">
隐藏域 input 元素的一个属性值type =“text” 文本框button 按钮radio 单选框hidden 隐藏域。
<input type="hidden" name="参数名" value="这里填你的参数值">
其实hidden只是将输入框隐藏了，里面的值可以默认赋值或通过js赋值。
提交form的时候跟其他的都是一样的。
5.4 CSS中提升优先级属性！important的用法总结
语法：选择器{样式：值！important；}
说明：提升指定样式规则的应用优先权，即!important为开发者提供了一个增加样式权重的方法，让浏览器首选执行这个语句。
例如下面语法：
如果是在除了IE6的浏览器中，这些浏览器支持属性，也就是说他们会默认让 这条语句生效，下面的不带声明的样式将不会覆盖它，换句话说就是他的级别最高，下面的人都不能取代我！
在IE6及以下浏览器有个比较显式的支持问题存在， 在同一条规则集里不生效。请看下述代码：在上述代码中，IE6及以下浏览器中的与其它浏览器一致，都为20px;
注意： 1、IE6及更早浏览器下， 在同一条规则集内不生效。2、如果 被用于一个简写的样式属性，那么这条简写的样式属性所代表的子属性都会被作用上 。
3、关键字 必须放在一行样式的末尾并且要放在该行分号前，否则就没有效果。
5.4 <link rel="icon" href="./images/chouti.ico"> 是什么意思？
这个是为了用于浏览器地址栏里显示的图片。
这样写了后，在浏览器的地址栏里，图片会显示成现在给的路径的这个图片，不过这个路径好像不能改，只能是网址根目录下的chouti.ico文件，不过现在好像不用写这个，只要根目录下有这个文件，浏览器会自动服务出来并显示。
5.5 CSS z-index 属性
z-index属性设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面
注释：元素可拥有负的z-index属性值
注释：z-index仅能在定位元素上奏效（例如：position:absolute;）
简单说，当你定义的CSS中有position属性值为absolute，relative或者fixed，用z-index然后取值方可生效。
才属性参数值越大，被层叠在最上面。
5.6 HTML中a标签属性的target=“_blank"是什么意思
<a> 标签的 target 属性规定在何处打开链接文档。
5.7 CSS中font-weight属性
设置文本的粗细。
该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal，700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细，而且至少与下一个最大数字一样粗。
5.8 href = "javascript:login()"是什么意思？
表示调用js的函数login，但是首先页面内有定义好的一个login()函数。
5.9 在js开发中遇到如下问题Uncaught ReferenceError: $ is not defined
百度出现了下面四个原因：
而我就犯了第二个错，没有导入路径，当导入js的路径就好了。
5.10，preventDefault()方法
定义：
取消事件的默认动作，因为浏览器的一些行为，是代码不能控制的。
语法：
说明：
该方法将通知Web浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果type的属性是“submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果Event对象的cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。
5.11，$(this).addClass('active').siblings('li').removeClass('active')
意思是该元素增加一个类active，同时让他的兄弟li去掉active类。
点击拨打：