摘要: 前端开发规范----细则一、前端开发规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,同时为网站有一个更好的前端架构及网站的发展及未来打好一个基础。二、基本准则符合web标准,语义化html, 结构表现行为分离,兼容性优秀。页面性能良好,代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度。页面的可维护性强,后期维护起来简单快捷顺应前端发展趋势三、前端规范总体内容1. HTML前端规范1.1 文档模式(doctype)遵循规范前端网站遵循的文档模式为XHTML1.0 Transitional模式,参考最新改版的网站(taobao.com)及H 阅读全文
posted @ 2013-10-23 18:02 junxizai 阅读(1112) 评论(0) 推荐(2) 编辑
摘要: 九、网站前端优化 – IMG9.1、可以优化的图片 图片总共可以分为两类,一个是CSS IMAGES,另一个是产品图片。9.2、CSS IMAGES CSS图片现在采用的方式是图片合并的方式,这样可以减少HTTP请求;初期的规划是网站最通用的图片合并到一张图片上,具体某张页面自己用到的,针对每张页面再合并一张图片,即一张页面除去插件里面带过来的背景图片外,最理想的情况是保留两张背景图。但是现在情况很不如意,主要原因有以下几点:页面改动太频繁,很多原先合并好的图片一改再改后,会保留很多副本现在CSS的模块化,CSS模块化后,一张新的页面有原先定义好的样式后,我们就会直接引用,这样的话就不会关系具 阅读全文
posted @ 2013-09-13 15:12 junxizai 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 最近在参与的WAP站项目,决定将所有页面都静态化处理,登录验证、价格数据等都通ajax动态的方式实现。开始这么规划的目前是为了页面提高网站加载速度及SEO,最近看到了一篇报道phonegap build正式发布的消息,然后自己试验了几张页面,大体效果很不错。本人自己感觉静态化页面和Phonegap结合话,可以直接将WAP站代码移植到APP上,这样的话,不仅仅可以降低在IOS、android、WAP各开发一套的成本,对代码维护也是有极大的便利。因本人研究的也不是很深入,暂先贴出自己一些试验结果,希望对大家有用WAP静态页面http://www.backingto.com/waptest/tuni 阅读全文
posted @ 2013-09-03 14:12 junxizai 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 最近协助弄些页面优化的事,没有上线后总会莫名其妙的出现些js顺序不对的事,甚是无语,最近把js权威指南(第6版)又拿了出来看了下,发现器总结的相当好,特贴出来,供大家参考 阅读全文
posted @ 2013-08-30 15:19 junxizai 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 做了一段时间的优化,发现前端里面也包含很多,特转载好的文档,以便以后参考转载:http://www.cnblogs.com/zhengyun_ustc/archive/2013/05/09/frontendoptimize.html 阅读全文
posted @ 2013-08-26 10:31 junxizai 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 这个系列的文章要讨论的是如何通过ASP.net服务器端技术来优化客户端缓存策略,而且让这种策略变得可配置和可扩展。我们要了解的知识从HTTP协议中相关属性对客户端缓存的影响,到ASP.NET如何控制这些属性来实现我们的缓存策略。 HTTP基础知识 由于讨论涉及到客户端缓存,所以还是先要简单介绍一下HTTP协议是如何控制客户端缓存的,这里涉及到HTTP头的Last-Modified、ETag等属性。 Last-Modified 在浏览器第一次请求某一个URL时,服务器端的返回状态会是200,内容是你请求的资源,同时有一个Last-Modified的属性标记此文件在... 阅读全文
posted @ 2013-08-26 10:13 junxizai 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 前段时间负责了公司的wap站前端工作,目前wap站的基础及较为复杂的几张页面都已经出来,现根据自己的一些经验,贴出部分心得,希望对现在或者以后可能会接触到Wap站的一些人有些帮助一、本次WAP网站的设计尺寸640*,个人感觉采用640px宽度是较好的选择,主要有以下几点原因:1、现在主流手机的物理尺寸都在320-640之间,这样通过设置viewport属性,可以实现在多数屏幕上适应,其中设置方法(iphone)(android)2、采用该尺寸,在ipad设备上设置initial-scale=1,也可以正常浏览,最近看了m.taobao.com,他采用的尺寸是320的,在ipad上显示的就过小其 阅读全文
posted @ 2013-08-22 11:09 junxizai 阅读(707) 评论(11) 推荐(1) 编辑
摘要: 最近一直找在wap端可以实现的swipe等滑动事件的方法,开始研究了jquery-mobile,zepto,结果由于jqm太大、zepto有不少缺陷。为此研究了zepto,想把里面的swipe事件独立出来,结果。。。就在一筹莫展的时候,同事推荐了一个jquery-mobile定制版,贴出来,希望给在研究wap站的攻城师有些帮助。如果只要使用其swipe、tap等事件,只要直接选择events下的touch即可。 阅读全文
posted @ 2013-08-01 18:09 junxizai 阅读(4463) 评论(2) 推荐(1) 编辑
摘要: 最近在进行wap站研究,发现网上成熟的wap幻灯片都很难找到,在此贴出一个iphone的幻灯效果,希望对wap站开发的人有些帮助。点此下载 阅读全文
posted @ 2013-07-25 13:50 junxizai 阅读(393) 评论(0) 推荐(0) 编辑
摘要: 最近一直在做网站的优化方面的工作,在实际优化的过程中逐渐发现yahoo的34条只能作为一个大的方向,除此之外还有很多地方值得前端工程师关注的。结合最近的优化体会及实地测试,现发出来一部分供大家批评指正:看网上看过很多ID和class选择器的对比,其实没有经过自己的测试,一般来说很难在自己写代码的时候注意这些,所以希望各位前端大神在某些方面有疑问时,最好自己编代码测试。以下是本人的代码及测试结果:一、只查找一层的选择器,即没有子元素的选择器上,设置的条件及得出的结果如下,比较可以得出ID选择器有很大的优势,查找时间基本上是Class选择器的1/5不到。测试页面的行数大概为1000行,需要查找的代 阅读全文
posted @ 2013-06-21 14:28 junxizai 阅读(2247) 评论(0) 推荐(1) 编辑