web前端页面项目经验总结

项目时间: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标签中插入隐藏下拉框时,隐藏内容不可放到a中定位,会乱。

时间: 2024-10-08 07:45:25

web前端页面项目经验总结的相关文章

第一个Web前端开发项目:天气应用

By Long Luo 最近几天学习了下网页开发,通过学习,完成了第一个Web前端开发项目:天气应用 数据源是Yahoo! Weather 使用了jQuery库开发,虽然现在啥都不会,也就到处copy. Created by Long Luo at 2014-09-07 11:36:20 @Shenzhen, China.

2019千锋Web前端拉勾网项目实战

课程目录:01-拉勾网项目实战02-拉勾网项目实战03-拉勾网项目实战04-拉勾网项目实战05-拉勾网项目实战06-拉钩网项目实战07-拉勾网项目实战08-拉勾网项目实战09-拉勾网项目实战10-拉勾网项目实战11-拉勾网项目实战12-拉勾网项目实战13-拉勾网项目实战14-拉勾网项目实战15-拉勾网项目实战16-拉勾网项目实战17-拉钩网项目实战18-拉钩网项目实战19-拉钩网项目实战20-拉钩网项目实战21-拉钩网项目实战22-拉钩网项目实战23-拉钩网项目实战24-拉钩网项目实战 下载地址

【转载】web前端开发学习经验总结

原文链接 web开发大概分为前台和后端,前台又可以分为美工,交互设计,js编程.后端了解不多,前端的话,可以按如下思路系统学习: 基础知识: 1. html + css.这部分建议在 www.w3school.com.cn 上学习,边学边练,每章后还有小测试.之后可以模仿一些网站做些页面.在实践中积累了一些经验后,可以系统的读一两本书,推荐<head first html 与 css 中文版>,不过这本书讲的太细了,我没能拿出耐心细读. 2. javascript. 要学的内容实在很多,如果没

web前端页面性能优化小结

转自blueidear:http://bbs.blueidea.com/thread-2936073-1-1.html PS:结合了精英的思想和自己的一些小小的总结~ 影响用户访问的最大部分是前端的页面.网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现. 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的. 除了后台需要在性能上做优化外,

web 前端页面性能优化总结

影响用户访问的最大部分是前端的页面.网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现. 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的. 除了后台需要在性能上做优化外,其实前端的页面更需要在性能优化上下功夫,只有这样才能给我们的用户带来更好的用户体验.不仅仅如此,如果前端优化 得好,他不仅可以为企业节约成本,他还能给用户带来更多的用户

学完html+css就可以做的web前端开发项目实战——博雅互动

博雅互动项目预览: 一.项目搭建 css部署:一定注意css引入顺序 1 清除默认样式css文件 reset.css 2 可以引入原子类(可以下载,自己整理) base.css 3 公共样式(比如头部,底部很多面相同的样式) common.css (书写一次css文件可以多个html引入) 4 单页面样式(比如首页,游戏页面) index.css game.css(单独只引入一次) 1.1header 结构 1<!-- header头部开始 --> 2<div class="h

web前端页面解决中文传参乱码问题

问题背景:在项目中往往会涉及到前端跳转页面时要传一些参数给下一个页面,如果参数是英文或者数字的时候就很好解决,然而有时候传参会涉及到中文汉字,这个时候再单纯的拼接往往就会导致中文乱码,下面我们就该讨论一下如何解决中文传参乱码的问题. 假设A页面跳转到B页面并且A向B传参,首先在A页面中要调用这个方法:encodeURI("这里是中文参数"); 完整的拼接效果为: window.location.href="B.html?&title="+encodeURI(

web前端开发项目资源网站,私家珍藏!

1.CodePen: http://codepen.io/ 网站里有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,是一个非常不错的前端开发学习资源网站. 这个是CodePen网站里的一个效果的源码截图,是不是很酷呀! 2.RunJS: http://runjs.cn/ 点击广场,则可以看到很多开发者分享的一些效果源码,如果你想找资源,做项目,这个网站绝对是一个不错的选择. 3.BestCSSButtonGenerat: http://www.bestcssbuttongenera

WEB前端优化一些经验技巧

引言: 1. 慢的页面可能会网站失去更多的用户. 2. 慢500ms意味着20%的用户将放弃访问(google) 3. 慢100ms意味着1%的用户将放弃交易(amazon) 前段时间偶然看到网上的两篇关于前端优化的文章,其中大部分技巧都来自Yahoo的优化原则,这里是对两篇文章的摘抄和总结. 减少Http请求 一般来说,我们从变化性上把数据分成两种类型,变和不变.那么不变的数据可以缓存,变化的数据不能缓存,这是一个常识,也就是说要减少我们的 http请求次数这个目标可以转换成把数据分为变化和不