前后端分离和模块化-58到家微信首页重构之路

微信钱包内的58到家全新首页已经上线,感兴趣的同学们可以在微信中打开“我的->钱包->58到家”查看。58到家全新首页提出重构主要是为了解决以下问题每个城市开通的服务项目不同,有些内容是写死在tpl中,维护非常头疼;开通新服务或者某些UI调整(比如更换服务项的图片造成更改雪碧图)时必须走代码上线流程;原有的前端切图、后端写逻辑的开发模式造成开发周期拉长和上线流程繁琐;原有配置后台操作复杂,且可配置细节不完善;首页加载速度太慢,用户体验欠佳。58到家目前两年左右的发展期,整个技术生态还不完善。以上的问题有的是由于创业初期遗留的历史原因造成,比如代码写死和粗糙的配置后台;而有的问题是由落后的开发模式和协作模式造成的,比如前后端分工不明确、首页加载速度慢。基于上文提到的问题,重构从以下几方面入手完善配置后台,细化可配置项;数据驱动UI,轻量化tpl,内容更新无需上线流程;前后端分离,缩短开发周期,简化上线流程;... Read More

十分钟玩转 jQuery、实例大全

一、简介定义jQuery创始人是美国John Resig,是优秀的Javascript框架;  jQuery是一个轻量级、快速简洁的javaScript库。源码戳这jQuery对象  jQuery产生的对象时jQuery独有的,只能自己调用书写规则  支持链式操作;  在变量前加"$"符号(var $variable = jQuery 对象);  注:此规定并不是强制要求。二、寻找元素选择器基本选择器、层级选择器、属性选择器  与CSS类似,这里不再细说,详细猛戳这里。基本筛选器$('li:first') //第一个元素$('li:last') //最后一个元素$("tr:even") //索引为偶数的元素,从 0 开始$("tr:odd") //索引为奇数的元素,从 0 开始$("tr:eq(1)") //给定索引值的元素$("tr:gt(0)") //大于给定索引值的元素... Read More