最世界--项目总结

做项目的思路

• first 当拿到一个项目后，首先要思考项目有哪些难点，会产生什么样的bug，不同的网页有什么联系，需要把哪些功能单独拿出来单设一个html等等。。

• second 考虑布局问题，采用什么样的页面结构去布置，对整个布局有一个大概的轮廓，从哪方面开始着手做才会更加简洁等。。。

代码的规范问题

在我做项目中，很多时候都在查找写过的代码，尤其是在写js的时候。这时候一个良好的编码习惯会给你节省很多的时间。

• 有良好的代码注释习惯

• 代码工整规范
• 最好以后把可以重复调用的html单独存放在一个文件夹内

$.load()方法的使用

以前在写页面时，只能每个页面单独编码，使用load()方法后就方便多了，可以同时在多个页面上调用一个html页面，大大提高了编码效率，与代码质量！！！

调用

$.load(url,fn); //url内添加html文件

注意事项

当我更新了subNav.html以后，在浏览器里load方法仍旧在使用旧的subNav.html，就算我按刷新键也不管用。这里存在了一个缓存问题！！！

**以下为我在网上找到的解决办法 **

• 更改文件名，比如把labels.html改成lables_new.html，但是这是没有办法的办法，一般没有人这么做。

• 在labels.html后加上特定时间，比如lables.html?20081116。在实际工作中，在我更新css/javascript文件后，我都是用这种办法来防止文件被缓存。

• 在labels.html文件的顶部加入以下声明： <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Expires" CONTENT="-1">

• load函数不仅可以调用HTML，也可以调用script，比如labels.php，可以在php文件里使用header函数：
  复制代码代码如下:

  <?php header("Cache-Control: no-cache, must-revalidate"); ?>

有关于轮播图方面的问题

以前在做轮播图的时候，是没有动画效果的，只是改变了背景图片，这样就降低了用户体验。

• 增加动画效果

• 延长翻页时间
• 尽量减少轮播图页数，在可控范围之内

有关于二级菜单联动方面的问题

二三级菜单联动是每个网站所必备的功能，也是每个学习制作网站的朋友所必须接触的

以下是我在项目中总结的问题

• 设置鼠标移入事件时，要用mouseover事件

• 设置鼠标移除时，要用mouseleave事件，这样就不会在移除其子元素时触发移除事件了
• 要将联动出的下级菜单与上级是父子关系，解决了鼠标移除上级菜单进入到下级菜单也会使子菜单消失的问题

在项目中学到的小技巧

在文字末尾添加省略号

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

添加伪元素

@font-face {
font-family: 'zworld1';
src: url('../font/zworld.ttf') format("truetype");
}
@font-face {
font-family: 'zworld2';
src: url('../font/iconfont.woff') format("truetype");
}
.herderSearch button{
font-family: 'zworld1';
padding: 5px 0;
font-style: normal;
font-size: 1.5em;
color: silver;   
}
.herderSearch button::after{
 content: "\e60f";
}