随笔 - 264  文章 - 3  评论 - 4251  阅读 - 311万
  2013年12月28日
摘要: 前言相信对移动端有了解的朋友对iScroll这个库非常熟悉吧,今天我们就来说下我们移动页面的iScroll化iScroll是我们必学框架之一,我们这次先根据iScroll功能自己实现其功能,然后再学习iScroll源码下面先给出iScroll官方的例子和源码,要看效果的朋友自己去看吧:https://github.com/cubiq/iscroll本人能力有限,文中有误请提出viewport在移动端新出了一个属性叫做“viewport”,这个便是我们手机上的虚拟视口(viewport),也就是视觉窗口,显示区域移动设备的显示区域比电脑小得多(但也方便得多),为了让手机显示的更加友好,Apple 阅读全文
posted @ 2013-12-28 17:13 叶小钗 阅读(7098) 评论(13) 推荐(12) 编辑
  2013年12月22日
摘要: 前言之前尝试性的读了下backbone的源码,对继承、事件、view一块还比较熟悉,看下去比较顺畅,但是在model collection方面就很不顺利究其原因还是没有使用过,不够熟悉,以码读码,脱离了业务逻辑的代码毫无意义,所以今天我们先来做一个例子吧,然后再根据例子学习今天来一段官网以外的代码,本来这里想抄一个代码来着,但是这样的话好像意义就不大了,于是自己重新写一个例子吧注意这个例子只是简单例子,各位不要当真,而且代码是今天下午写的,有BUG不要骂我,然后放到IIS环境下才有数据下载源码:02backbone.zip单页应用实例以博客园为例,我们一起做一个单页,提供list和detail 阅读全文
posted @ 2013-12-22 20:38 叶小钗 阅读(5955) 评论(7) 推荐(6) 编辑
摘要: 前言昨天我们一起学习了backbone的model,我个人对backbone的熟悉程度提高了,但是也发现一个严重的问题!!!我平时压根没有用到model这块的东西,事实上我只用到了view,所以昨天学习的效果其实不佳,比起上次对underscore的熟悉,对zepto的熟悉,甚至对fastclick的熟悉学习效率打了折扣,而且一些地方不明不白,所以,我今天决定将速度放慢,我们学习collection时候先做小例子,争取覆盖关键点,然后再从源码学习,于是开始吧【再探backbone 01】模型-ModelRequireJS与Backbone简单整合初探Backbone集合-Collection实 阅读全文
posted @ 2013-12-22 14:56 叶小钗 阅读(2973) 评论(1) 推荐(2) 编辑
  2013年12月21日
摘要: 前言点保存时候不注意发出来了,有需要的朋友将就看吧,还在更新......几个月前学习了一下backbone,这段时间也用了下,感觉之前对backbone的学习很是基础,前几天有个园友问我如何将路由的#改为其他我其实想说这个不能乱改,又怕不熟悉误人子弟,所以今天我们来一起重新学习下他,看看会不会带来不一样的感觉我在博客园nuysoft的博客看到了backbone的分析,可惜没有写完,不失为一个遗憾,希望作者坚持下去,水平高得贡献出来哟(@nuysoft)然后,网上backbone基础用法的学习文章很多,感觉就nuysoft的深入,只不过多是点一下有点可惜,再次希望作者坚持下去......Web应 阅读全文
posted @ 2013-12-21 15:23 叶小钗 阅读(4568) 评论(0) 推荐(5) 编辑
  2013年12月17日
摘要: 前言 又到了扯淡时间了,我最近在思考javascript事件机制底层的实现,但是暂时没有勇气去看chrome源码,所以今天我来猜测一把 我们今天来猜一猜,探讨探讨,javascript底层事件机制是如何实现的 博客里面关于事件绑定与执行顺序一块理解有误,请看最新博客 基础知识 事件捕获/冒泡 我们点 阅读全文
posted @ 2013-12-17 00:47 叶小钗 阅读(33781) 评论(32) 推荐(34) 编辑
  2013年12月14日
摘要: 前言Underscore是一个JavaScript实用库,提供了类似Prototype.js(或Ruby)的一些功能,但是没有扩展任何JavaScript内置对象。它弥补了部分jQuery没有实现的功能,同时又是Backbone.js必不可少的部分。Underscore提供了80多个函数,包括常用的:map,select,invoke— 当然还有更多专业的辅助函数,如:函数绑定, JavaScript模板功能, 强类型相等测试, 等等.在新的浏览器中, 有许多函数如果浏览器本身直接支持,将会采用原生的,如forEach,map,reduce,filter,every,some和indexOf。 阅读全文
posted @ 2013-12-14 02:34 叶小钗 阅读(19656) 评论(10) 推荐(15) 编辑
  2013年12月11日
摘要: 前言很久没有扯淡了,我们今天来扯淡吧。我今天思考了一个问题,我们页面的dom树到底是如何渲染的,而CSS盒模型与javascript是否有联系,于是便想到一个问题:CSS的盒模型具有厚度么???该文只是一种帮助理解的说法,与官方定义不一定统一,权当扯淡盒模型稍微入门点的前端都知道CSS盒模型,于是我们不厌其烦的偷图来用:这个就是我们传说中的盒模型,我们这里先把盒模型放一放,来看我们的DOM事件流DOM事件流在上一篇博客中,我们详细说了下javascript的事件机制:【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容)今天也不知道怎么发神经了,突然对其中两个事件参数产生兴趣: 阅读全文
posted @ 2013-12-11 00:26 叶小钗 阅读(2152) 评论(14) 推荐(12) 编辑
  2013年12月7日
摘要: 前言这篇博客有点长,如果你是高手请您读一读,能对其中的一些误点提出来,以免我误人子弟,并且帮助我提高如果你是javascript菜鸟,建议您好好读一读,真的理解下来会有不一样的收获在下才疏学浅,文中难免会有不同程度的错误,请您指正留言PS:事件阶段一节请看最新博客,之前理解有误javascript事... 阅读全文
posted @ 2013-12-07 18:09 叶小钗 阅读(47312) 评论(37) 推荐(59) 编辑
  2013年11月30日
摘要: 前言最近好好的研究了一番移动设备的点击响应速度,期间不断的被自己坑,最后搞得焦头烂额,就是现在可能还有一些问题,但是过程中感觉自己成长不少,最后居然感觉对javascript事件机制有了更好的认识,回头来看,还是不错的,所以今天将近期的学习记录下来供后期查询今天我们再来重新回顾下javascript的事件机制注意:下面说的android浏览器,意思是android下多数浏览器,不包括chrome事件基础javascript与html之间的交互式通过事件实现的,事件是文档(窗口)中发生的一些特定交互,这些交互可以使用监听器(处理程序)预定,事件发生时就会回调我们的函数PS:这就是传说中的观察者模 阅读全文
posted @ 2013-11-30 18:28 叶小钗 阅读(6871) 评论(7) 推荐(8) 编辑
  2013年11月29日
摘要: 前言我们今天直接进入事件相关的学习,因为近期可能会改到里面的代码就zepto来说,我认为最重要的就是选择器与事件相关了,随着浏览器升级,选择器简单了,而事件相关仍然是核心,今天我们就来学习学习zepto事件处理部分篇幅不大,不到400行,前面篇幅也很小,所以真的很适合移动开发变量定义1 var $$ = $.zepto.qsa,2 handlers = {}, _zid = 1,3 specialEvents = {},4 hover = {5 mouseenter: 'mouseover',6 mouseleave: 'mouseout'7 }事件部分首先定义 阅读全文
posted @ 2013-11-29 00:14 叶小钗 阅读(23593) 评论(3) 推荐(14) 编辑
  2013年11月28日
摘要: 前言上次我们看了zepto的选择器方面的东西,其实zepto简单很大程度是因为他用了最新的检索器querySelectorAll,今天我们来学习下zepto的一些零碎点的地方吧,主要根据zepto官方文档顺序来contains (parent, node)该方法用于检测父节点是否包含给定的dom节点,如果两者相同则返回falsecontains 为javascript的基本语法,首先在ie中,最后其它浏览器也扩展了,如果a包含b则返回true1 p = document.getElementById('parent'),2 c = document.getElementById 阅读全文
posted @ 2013-11-28 15:13 叶小钗 阅读(10505) 评论(10) 推荐(5) 编辑
  2013年11月25日
摘要: 申明!!!最后发现判断有误,各位读读就好,正在研究中.....尼玛水太深了前言近期使用tap事件为老夫带来了这样那样的问题,其中一个问题是解决了点透还需要将原来一个个click变为tap,这样的话我们就抛弃了ie用户当然可以做兼容,但是没人想动老代码的,于是今天拿出了fastclick这个东西,这是最近第四次发文说tap的点透事件,我们一直对解决“点透”的蒙版耿耿于怀,于是今天老大提出了一个库fastclick,最后证明解决了我们的问题而且click不必替换为tap了,于是我们老大就语重心长的对我说了一句,你们就误我吧,我邮件都发出去了......于是我下午就在看fastclick这个库,看看 阅读全文
posted @ 2013-11-25 21:10 叶小钗 阅读(53188) 评论(33) 推荐(30) 编辑
  2013年11月23日
摘要: 前言扯淡这个月比较倒霉,我送了女朋友一台笔记本电脑作为生日礼物,结果15天一过电脑就坏了,悲剧的我还把电脑盒子给扔了!淘宝不给换更不给退于是被女朋友臭骂了一过星期后,今天本来在公司有任务的,但是去修了个电脑(换主板啊......),一蹉跎就快五点了,现在反正干劲也不行,就写篇博客吧需求上周五的时候,确切说是周四晚上,老板终于又递上了一个神奇的需求浏览器检测手机是否安装app尼玛,反正在我看来,这个需求够奇葩的,当时我还一致认为不能完成,但是最后也居然想出了(抄出了)一个办法,于是这里拿出来与各位分享下在此之前,我们继续聊下上次遇到的tap点透问题tap“点透”再探索http://www.cnb 阅读全文
posted @ 2013-11-23 18:01 叶小钗 阅读(20584) 评论(30) 推荐(13) 编辑
  2013年11月21日
摘要: 前言昨天学习了核心().each遍历数组/对象,将每条数据作为callback的上下文,并传入数据以及数据的索引进行处理,如果其中一条数据的处理结果明确返回false,则停止遍历,并返回elements 1 $.each = function (elements, callback) { 2 var i, key 3 if (likeArray(elements)) { 4 for (i = 0; i ]*>/;我们来随便写一段代码测试下1 //HTML代码片断的正则2 var fragmentRE = /^\s*]*>/;... 阅读全文
posted @ 2013-11-21 15:50 叶小钗 阅读(4675) 评论(5) 推荐(4) 编辑
  2013年11月20日
摘要: 前言我们移动端基本使用zepto了,而我也从一个小白变成稍微靠谱一点的前端了,最近居然经常要改到zepto源码但是,我对zepto不太熟悉,其实前端水准还是不够,所以便私下偷偷学习下吧,别被发现了核心方法()使使/(selector)将返回一个包装过的dom集合对象(有很多选择器)② html字符串/(domStr)domdomPSdom/(function(){})我基本没这么用过, 阅读全文
posted @ 2013-11-20 17:45 叶小钗 阅读(16115) 评论(2) 推荐(2) 编辑
  2013年11月19日
摘要: 前言我们在移动端一般使用zepto框架,与其说zepto是jquery的轻量级替代版,不如说是html5替代版我们在js中会用到animate方法执行动画,这个家伙可是真资格的动画,完全是css一点点变化的!而zepto则不然,使用的是HTML5/CSS3的方案,而CSS相关是不保存元素状态值的,也没办法保存,所以停止动画就成了一大问题我们今天就一起来讨论下相关停止动画的方案,反正没有什么好的......CSS3动画原理在现有浏览器中,一般有两种模式(我只知道两种):一种是js动画,他是动态改写元素的style实现动画,所以任意时间想停止动画都是没问题的,因为我们可以获得各个阶段的状态值另一种 阅读全文
posted @ 2013-11-19 11:39 叶小钗 阅读(28243) 评论(3) 推荐(6) 编辑
  2013年11月17日
摘要: 前言在对象技术中,最重要的概念莫过于“接口interface”,容易被理解和使用的接口,是开发良好面向对象软件的关键,本章将介绍几个被接口变得更简洁易用的重构手法。改名① 最简单也是最重要的一件事情就是修改函数名,名称是程序作者与阅读者交流的关键工具PS:如果说HTML是构造世界的话,里面最恐怖的是就是给一山一水建立class名,你会发现是一个巨大的工程!② 函数参数在接口中扮演着十分重要的角色,增减参数都是常见的重构手法,刚接触面向对象的程序员往往使用很长的参数列,但是面向对象的参数可以保持参数简短如果来自同一对象的多个值被当做参数传递,可以使用保持对象完整避免传递参数,而采用引入参数对象. 阅读全文
posted @ 2013-11-17 14:29 叶小钗 阅读(1861) 评论(0) 推荐(1) 编辑
  2013年11月16日
摘要: 前言条件逻辑往往十分复杂,我们今天就看看有哪些怎样才能够简化条件表达式的逻辑分解条件表达式,可以将条件逻辑分成若干小块,这样就可以将分支逻辑与操作细节分离合并条件表达式我们代码中如果出现一系列条件测试,而且他们都获得相同的结果,那么将这些测试合并为一个条件表达式,并将这个表达式提炼为一个独立函数有时候我们会发现这样一连串检查,检查条件各不相同,最终的行为却一致,如果出现这种情况,就应该使用“逻辑或”和“逻辑与”将它们合并为一个条件表达式之所以要合并条件代码,有两个重要原因,首先,合并后的条件代码会告诉你实际上只有一次条件检查,只不过有多个并列条件需要检查而已从而使这一次检查的用意更清晰,当然, 阅读全文
posted @ 2013-11-16 17:10 叶小钗 阅读(2162) 评论(1) 推荐(1) 编辑
  2013年11月5日
摘要: 将单项关联变为双向关联有时候,我们两个类需要使用对方属性,但期间只有一条单向连接此时可以添加一个反向指针,并修改关系函数使他能够同时更新两条连接开发初期,我们可能会在两个类之间建立一条单向连接,使其中一个类可以引用另一个类随着时间推移,我们发现被引用类需要得到其引用者才能进行某些处理,也就是说需要一个反向指针但是指针是一个单向连接,我们不能单向操作他,此时便可以建立双向引用关系了PS:指针好像对js不是很实用的说这个是我们以后会依赖的创建类的工具类 1 var base = {}; 2 var slice = [].slice; 3 var bind = function (scope, fu 阅读全文
posted @ 2013-11-05 22:46 叶小钗 阅读(1078) 评论(0) 推荐(1) 编辑
  2013年10月31日
摘要: 关于继承因为在后续的章节中,我们经常会用到继承相关的知识,所以在这里在说一说javascript中的继承问题首先,我们来看一个后续会经常用到的方法,我们会用他来创建类 1 var base = {}; 2 var slice = [].slice; 3 base.Class = function (supClass, childAttr) { 4 //若是第一个是类,便是继承;如果第一个是对象,第二个参数无意义,便是新建一个类 5 if (typeof supClass === 'object') { 6 childAttr = supClass; 7 ... 阅读全文
posted @ 2013-10-31 01:06 叶小钗 阅读(2360) 评论(1) 推荐(8) 编辑
  2013年10月27日
摘要: 前言上周六,我将我们项目的click换成了tap事件,于是此事如梦魇一般折磨了我一星期!!!经过我前仆后继的努力,不计代价的牺牲,不断的埋坑填坑,再埋坑的动作,最后悲伤的发现touch事件确实是个坑!但是touch事件带来的用户感受提高对我们来说是一巨大进步,所以一些问题我们必须攻克,然在下已几近黔驴技穷,最后使出了浑身解数以一恶心的手段暂时压制其问题......现在分享被折磨过程,希望对各位有所帮助点击不起作用我使用的源码不是最新的,zepto初始化时便为document.body绑定touchstart、touchmove、touchend事件所以我们现在每一次在手机上的点击都会触发一次t 阅读全文
posted @ 2013-10-27 17:50 叶小钗 阅读(15801) 评论(11) 推荐(4) 编辑
  2013年10月20日
摘要: 前言在面向对象设计过程中,“决定把责任放在那儿”即使不是最重要的事,也是最重要的事之一。这个思想其实对类较重要,在js中,函数应该完成什么职责,也需要分清楚,不要函数做了自己的事情,又做了一部分其它函数的事情。在js中,往往只有一个类,面向对象的思想其实比较难,没有一定功力不能很好的运用,我也在学习很多js中其实就只有一个类,一个插件就是一个类,而且这个类还是假的,继承、封装神马的要理解还是不容易的,所以路还长!搬迁函数我们的程序中如果有个函数与其所驻类的另一个类有更多的交流(调用后者、或者被后者调用)那么在该函数最常引用的类中建立一个有着类似行为的新函数,将久函数变成一个单纯的委托函数,或者 阅读全文
posted @ 2013-10-20 16:16 叶小钗 阅读(1649) 评论(4) 推荐(3) 编辑
  2013年10月19日
摘要: 前言现在一直在做移动端的开发,这次将单页应用的网页内嵌入了app,于是老大反映了一个问题:app应用点击响应慢!我开始不以为然,于是拿着网页版的试了试,好像确实有一定延迟,于是开始了研究,最后选择了touch取代鼠标事件但是,touch事件取代mouse事件,还是有一定问题的,据说网上问题很多,因为两者之间还是有一定差异而且如果完全使用touch事件,对自动化测试的同事来说,他们的系统根本不支持touch事件,再者我们平时网页开发也不方便所以,了解鼠标事件与touch事件的区别,探讨鼠标事件与touch事件的兼容也是有必要的,于是我们开始今天的学习吧PS:这里使用zepto框架,懒得自己搞了. 阅读全文
posted @ 2013-10-19 19:07 叶小钗 阅读(33063) 评论(5) 推荐(19) 编辑
  2013年10月16日
摘要: 前言重构过程中,还是有一定标准可循的,每个重构手法有如下五个部分:首先是名称(name),建造一个重构词汇表,名称是非常重要的 然后是一个简短概要,介绍重构手法适用的场景,以及他干的事情,这样我们可以快速找到所需重构方法然后,介绍为什么需要这个重构,或者什么情况下适用这个重构做法,简明扼要的介绍如何一步步重构最后,以一个十分简单的例子说明此重构如何运作所以今天我们进入重构的学习吧!提炼函数我们重构是,重头戏就是处理函数,以js而言,函数重要性更是终于“类”的概念。如何恰当的包装代码,如何减少过长的代码,这是我们多数时刻需要思考的。但是要消除函数过长是不易的,一个函数过长说明这个函数所完成的业务 阅读全文
posted @ 2013-10-16 09:57 叶小钗 阅读(1688) 评论(2) 推荐(2) 编辑
  2013年9月28日
摘要: 前言上一次写的日历插件基本完成,中间我和团队一个高手交流了一下,其实就是他code review我的代码了,最后我发现我之前虽然能完成交待下来的任务但是代码却不好看。这个不好看,是由于各种原因就这样了,于是当时就想说重构下吧,但是任务一来就给放下了。现在想来,就算真的要重构,但是也不一定知道如何重构,无论最近学习jquery代码还是其他其实都是为了在思想上有所提升而不一定是代码上如何然自己的代码更优雅如何让自己的程序可扩展性高如何让自己的代码更可用这些都是接下来需要解决的问题,学习一事如逆水行舟啊!所以我这里搞了一本《重构》一书,准备在好好学习一番。关于插件这个说是插件其实代码还是比较糟糕的, 阅读全文
posted @ 2013-09-28 17:31 叶小钗 阅读(2566) 评论(7) 推荐(12) 编辑
  2013年9月16日
摘要: 前言小伙伴们好,很久不见了。最近工作进入正常期了,所以慢慢的悠闲的时间久没有了,所以不能每天水一篇了。最近也在听师傅(http://home.cnblogs.com/u/aaronjs/)的教导开始阅读jquery源码了,怎么说呢,阅读的效果其实不是太好。一来是时间断断续续的没有接上,今天读完明天又忘了,到第三天再读的话,就很多都忘记了;二来是jquery其实还是有一定难度,加之篇幅也很长,所以读起来还是有一点吃力(我甚至有时候有种想睡的感觉),过了2星期才陆陆续续把core读完,结果很多都无法理解,再加油吧。反正今年的目标就是把jquery读懂,时间多,不着急了。时间比较紧未做兼容处理,请使 阅读全文
posted @ 2013-09-16 00:24 叶小钗 阅读(8861) 评论(14) 推荐(15) 编辑
  2013年8月22日
摘要: 前言上周的时候,做了一点单页应用的研究,但是给断了,本来说最近继续的,但是最近有点其它事情给耽搁了,就给忘了。PS:其实是师傅(http://www.cnblogs.com/aaronjs/)叫我读jquery源码,我给读跪了。。。最近两天又朋友问怎么还没写,所以有了今天的东西。这个单页应用的框架问题很多,就是个简单的demo,喜欢的朋友就看看吧,需要源码的可以下载,但是里面的图片资源文件我给删除了,需要的就留言吧。这次代码增加了本地存储的应用,将model搞出来了,但是不太完善,过段时间再更新吧。关于博客园我想说博客园的接口很难用吗???而且全部是xml的,我这里还写了一个后端程序作为转换呢 阅读全文
posted @ 2013-08-22 17:59 叶小钗 阅读(3631) 评论(25) 推荐(11) 编辑
  2013年8月15日
摘要: 什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;第二种方法:var reg = new RegExp('pattern');正则表达式的exec方法简介语法:reg.exec(str);其中str为要执行正则表达式的目标字符串。例如:将会输出test,因为正则表达式reg会匹配str(‘testString’)中的’test’子字符串,并且将其返回。我们使用下面的函数来做匹配正则的练习:function exec 阅读全文
posted @ 2013-08-15 19:31 叶小钗 阅读(778) 评论(3) 推荐(4) 编辑
  2013年8月14日
摘要: 前言我师父(http://www.cnblogs.com/aaronjs/)说应当阅读框架(jquery),所以老夫就准备开始看了然后公司的师兄原来写了个dom选择器,感觉不错啊!!!原来自己从来没有想过能写这些,所以我们今天一起来试试吧我写的这个很简单,就是最简单的那种了,但是公司师兄写的很好。。。。。。简单dom选择器先上个完整的代码吧,因为我已经写起了: 1 2 3 4 5 6 7 8 9 10 11 12 13... 阅读全文
posted @ 2013-08-14 19:35 叶小钗 阅读(6773) 评论(37) 推荐(20) 编辑
  2013年8月13日
摘要: 前言本来是说周末研究一下单页应用来着,先是想发出来可以监督自己学习下去,结果谁知道这个水很深,我连着就赔了一个周末进去,到尽头还没搞完。。。这次这个框架并不是我一个字写出来的,而是参考了同事的框架,我师傅(http://www.cnblogs.com/aaronjs/)说得好:传承总比再造好,于是便有了这次的demo,其实就是吸收精华啊!!!到今天有了一个大概的样子,可以拿出来看看了。其中的Model与localstorege相关也加上了,但是暂时没有用得到的场景。这个代码后面点应该会持续更新,到我认为比较合适的阶段就会放出来了。。。。于是我们继续吧!整体思路我们先来构思下整个框架的构成(这里 阅读全文
posted @ 2013-08-13 00:02 叶小钗 阅读(5353) 评论(14) 推荐(16) 编辑
  2013年8月11日
摘要: 前言PS:回家发现代码没拷贝回来,明天继续吧。。。开始之前先扯点其它的,我上午去理发,居然才7元,但是那个阿妈给我搞成和尚的造型了,我想说点什么,但转念一想节约点洗头水也好!!!PS:其实主要原因是我掉头发。。。。。。好了,接昨天的内容:【单页应用】一起来单页应用吧,实现简单微博功能!(上)昨天我们一起准备了两大核心,继承与view,虽说有问题,而且必定有问题,但是我们暂时不管他。我们先继续先往下面写,到最后整体流程拉通后再一起优化就好,现在去纠结也不一定有结果,于是我们开始吧。继承之实现APP我们这里APP要干的事情,与其说担任MVC中控制器的角色,不如说他就是充当了一下路由选择的角色,根据 阅读全文
posted @ 2013-08-11 18:26 叶小钗 阅读(4714) 评论(6) 推荐(4) 编辑
  2013年8月10日
摘要: 前言北上是大城市,魔都这里的节奏确实比成都快得多,在成都老夫一般走的最晚,7点多才撤退,这边居然8点走了还会有一点点罪恶感!!!这边加班就不叫加班啦,几个同事都是10点左右才走,而且累计工作时长最长的是我们老大!工作第一周到周三了才把电脑这些事情搞好,期间又要找房子,搬家,所以第一周没干神马事情就结束了,老大也没有分配任务。第二周一开始就给分配了任务,在新框架上开发,自己也不是很熟悉,所以边做边学,第二周就草草的结束了。周末时候花了两天时间阅读同事写的框架,基本流程算是明白了,明天再请教下同事应该对框架便不陌生了。在此我心境发生了很大变化,还要感谢之前的经历以及师傅的教导(http://www 阅读全文
posted @ 2013-08-10 18:27 叶小钗 阅读(10047) 评论(22) 推荐(18) 编辑
  2013年7月29日
摘要: 前言昨天我们一起学习了Backbone,最后做了一个备忘录的例子,说是做了不如说是看了下官方提供的例子,所以最终我感觉我们还是没能掌握Backbone,今天还得做个其它例子先。然后前面也只是草草学习了RequireJS,没做demo,这个周末又在看电影打游戏睡觉瞎折腾,转眼就周日下午了,突然诗性大起,于是作诗一首先:古有通宵看A片,今有彻夜码代码好吧,我们开始今天的学习吧,我们今天先用backbone做一个通讯录的东西,然后使用requireJS组装之。部分参考:the5fire的技术博客简单例子做之前我们先来个简单的例子: 1 2 3 4 5 6 7 ... 阅读全文
posted @ 2013-07-29 18:08 叶小钗 阅读(10850) 评论(9) 推荐(10) 编辑
  2013年7月27日
摘要: 前言终于到周末了,几经转折老夫工作终于落实,干起了移动前端,于是真正进入了HTML5的开发时代。这周一开始入职,进来后发现真的像农村的来到了城市,很多东西不懂的,又要落实租房的问题,生活工作拧到了一坨。由于上次去河南折腾了一番,经济也在亮红灯,于是第一周有点浑浑噩噩的感觉,还没做什么就结束了。新的团队的人感觉都有点生猛,老同事完全没压力,另一个新同事适应的很快,居然都能进入框架开发了,难道这边真这么多高手?小的这边亚历山大啊。现在项目使用的是jquery+requireJS+backbone,前两天我们初略的学习了下requireJS,要说好熟悉纯粹是扯淡,只不过有个大概印象罢了。我们今天的任 阅读全文
posted @ 2013-07-27 16:18 叶小钗 阅读(51204) 评论(49) 推荐(45) 编辑
  2013年7月26日
摘要: 前言进入移动前端是很不错的选择,这块也是我希望的道路,但是不熟悉啊。。。现在项目用的是require+backbone,整个框架被封装了一次,今天看了代码搞不清楚,觉得应该先从源头抓起,所以再看看require了。上午是到处搜集的资料,下午我们来看原生的API吧:http://www.requirejs.org/docs/api.html#configPS:我英语很烂,各位将就着看吧,看到红色就说明老夫拿不准......加载javascript文件RequireJS采用不同的方法来加载脚本,他鼓励模块化编程,使用RequireJS编程不但可以模块化编程而且他依旧可以运行的很快。RequireJ 阅读全文
posted @ 2013-07-26 12:02 叶小钗 阅读(67242) 评论(7) 推荐(14) 编辑
  2013年7月25日
摘要: 前言前段时间粗略的扫过一次require.js,当时没怎么在意,结果昨天看到index里面的代码就傻了,完全不知道从哪开始看啦,所以require与backbone的学习还要加紧才行。由于前端所占业务越来越重,所以出现了模块化编程,但是js加载的先后顺序可能会给我们带来麻烦。有时候我们为了解决页面堵塞会采用异步加载js的方式,这种方式往往带来了一些不确定因素。为了解决这些问题,James Burke便搞了一个AMD(Asynchronous Module Definition 异步模块定义)规范异步加载模块,模块加载不影响后续语句执行。我们这里要学习的require.js就是一个实现了AMD的 阅读全文
posted @ 2013-07-25 11:28 叶小钗 阅读(20815) 评论(12) 推荐(17) 编辑
  2013年7月23日
摘要: 前言最近工作落实了,是我非常喜欢的无线前端,会接触很多新东西啦,需要努力才行。因为会用到backbone,所以要学习MVC啦。MVC(模型-视图-控制器),这种模式最早被用于构建桌面程序和服务器端的应用程序。最近几年由于前后端数据的转移,前端所占的业务逻辑越来越重,于是这种模式便出现在了我们前端的javascript中了,比如Backbone 然后MVP与MVVM也先后在前端出现,并且各自拥有其拥戴者。初探MVCMVC是一种架构设计模式,他通过关注点分离改进程序组织,从而达到优化程序的目的。MVC强制将业务数据(model)与用户界面(view)分离,controller用以管理用户输入以及一 阅读全文
posted @ 2013-07-23 17:24 叶小钗 阅读(3180) 评论(22) 推荐(12) 编辑
  2013年7月14日
摘要: 前言为了方便大家看的方便,我这里将这几天的东西整合一下发出。里面的例子请使用手机浏览器查看。什么是jQuery Mobile?jquery mobile是jquery在移动设备上的版本,他是基于jquery、HTML5、CSS3构建的,他提供了一个丰富的交互性强的接口用以兼容不同移动平台。于是我们去下载一番:我这里就直接下载的这个压缩文件了,完了我们看看他有些什么东西,我们这个还是要依赖jquery的,所以还是准备一个吧。这个东东是个好东西哦,他还有配套的样式呢,依赖他我们可以开发一套不错的手机应用呢。自定义属性在jquery mobile中,是使用自定义属性驱动页面的(data-....), 阅读全文
posted @ 2013-07-14 16:51 叶小钗 阅读(6745) 评论(9) 推荐(12) 编辑
摘要: 前言继续我们移动端的学习,今天到了List相关了。本文例子请使用手机查看List列表在移动设备平台下,由于移动设备屏幕比较小,我们又是用手在上面点击的触屏方式,传统的列表模式在手机上就不太友好了。虽然HTML5与CSS3提供了强大的界面实现方案,jquery mobile作为jquery框架的一个移动web插件,他根据移动屏幕大小优化了UI组件,列表组件就是jquery mobile根据移动设备的特性而实现的组件库之一。我们来一个个看看我们的列表吧普通链接列表 1 2 3 4 5 6 8 10 12 13 14 15 ... 阅读全文
posted @ 2013-07-14 16:34 叶小钗 阅读(5857) 评论(2) 推荐(2) 编辑
  2013年7月13日
摘要: 前言昨天我们一起学习了一部分jquery mobile的知识,今天我们继续。这些是些很基础的东西,有朋友觉得这个没有其它的好,但是学习下不吃亏嘛,我反正也不会一起学习基础啦。例子请使用手机查看哦内容区域格式布局网格布局jquery mobile提供一种多列布局功能,由于移动设备的屏幕大小原因,一般情况还是不要使用多列布局啦。jquery mobile提供一种css样式规则来定义多列布局,对应css为ui-block,每列的样式是通过定义前缀+“-a”等方式对网格的列进行布局,a字母根据网格的列数而定。例如两列布局CSS为:ui-block-a与ui-block-b两列网格布局 1 2 3 .. 阅读全文
posted @ 2013-07-13 20:53 叶小钗 阅读(4535) 评论(5) 推荐(2) 编辑
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示