本文分享了一位开发者在2016年进行的一个Web前端页面项目的经验，主要使用HTML5、CSS、JavaScript和jQuery。文章强调了页面架构、特效实现、代码管理、浏览器兼容性测试和性能优化的重要性，并给出了诸如标记代码、预先修改JS效果、避免CSS选择器错误等实用技巧。同时，提到了在IE8等老版本浏览器的兼容性问题和解决方案。
项目时间：2016年4月5日--4月9日
项目名称：阿七果子园web前端页面
项目内容：
1.HTML5+CSS+JavaScript(banner+timer)+JQuery(small_banner)+引入(jquery-1.4.2.min.js)；
2.2天完成页面架构，2天添加特效，半天查看、检查、配兼容问题,半天总结整理；
3.期间遇到问题，自己网上查资料，最终解决；
4.寻找合适的js效果时，用时太久，而且有些不适合，不过最终都配到合适的；
5.写代码时，一定要记得标记，而且标记清楚，最好英文，因为有些到别的电脑上看会出现乱码；
6.制作特效时，最好先在js/jquery里面修改成你要的，再将其插入到你的代码中，反之，很容易出现错误，而且很难找到，更可能你的代码就此毁掉；
7.完成一项功能，记得备份；
8.a标签使用时，最好不可包括太多东西，尤其是覆盖时出现的样式，火狐不能完美实现(例.title a:hover h3如果包含关系换成a:hover .title h3就会出现问题)，但谷歌不会有问题。
9.写css样式时，前缀最好标quan，(例.#time_shopping .time_shopping_file .time_shopping_main .file{})，这样网页加载时寻找时间段，加载快；
10.a标签中插入
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
