2013年11月30日
摘要: 前言最近好好的研究了一番移动设备的点击响应速度,期间不断的被自己坑,最后搞得焦头烂额,就是现在可能还有一些问题,但是过程中感觉自己成长不少,最后居然感觉对javascript事件机制有了更好的认识,回头来看,还是不错的,所以今天将近期的学习记录下来供后期查询今天我们再来重新回顾下javascript的事件机制注意:下面说的android浏览器,意思是android下多数浏览器,不包括chrome事件基础javascript与html之间的交互式通过事件实现的,事件是文档(窗口)中发生的一些特定交互,这些交互可以使用监听器(处理程序)预定,事件发生时就会回调我们的函数PS:这就是传说中的观察者模 阅读全文
posted @ 2013-11-30 18:28 叶小钗 阅读(6852) 评论(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 叶小钗 阅读(23579) 评论(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 叶小钗 阅读(10502) 评论(10) 推荐(5) 编辑
  2013年11月25日
摘要: 申明!!!最后发现判断有误,各位读读就好,正在研究中.....尼玛水太深了前言近期使用tap事件为老夫带来了这样那样的问题,其中一个问题是解决了点透还需要将原来一个个click变为tap,这样的话我们就抛弃了ie用户当然可以做兼容,但是没人想动老代码的,于是今天拿出了fastclick这个东西,这是最近第四次发文说tap的点透事件,我们一直对解决“点透”的蒙版耿耿于怀,于是今天老大提出了一个库fastclick,最后证明解决了我们的问题而且click不必替换为tap了,于是我们老大就语重心长的对我说了一句,你们就误我吧,我邮件都发出去了......于是我下午就在看fastclick这个库,看看 阅读全文
posted @ 2013-11-25 21:10 叶小钗 阅读(53082) 评论(33) 推荐(30) 编辑
  2013年11月23日
摘要: 前言扯淡这个月比较倒霉,我送了女朋友一台笔记本电脑作为生日礼物,结果15天一过电脑就坏了,悲剧的我还把电脑盒子给扔了!淘宝不给换更不给退于是被女朋友臭骂了一过星期后,今天本来在公司有任务的,但是去修了个电脑(换主板啊......),一蹉跎就快五点了,现在反正干劲也不行,就写篇博客吧需求上周五的时候,确切说是周四晚上,老板终于又递上了一个神奇的需求浏览器检测手机是否安装app尼玛,反正在我看来,这个需求够奇葩的,当时我还一致认为不能完成,但是最后也居然想出了(抄出了)一个办法,于是这里拿出来与各位分享下在此之前,我们继续聊下上次遇到的tap点透问题tap“点透”再探索http://www.cnb 阅读全文
posted @ 2013-11-23 18:01 叶小钗 阅读(20543) 评论(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 叶小钗 阅读(4666) 评论(5) 推荐(4) 编辑
  2013年11月20日
摘要: 前言我们移动端基本使用zepto了,而我也从一个小白变成稍微靠谱一点的前端了,最近居然经常要改到zepto源码但是,我对zepto不太熟悉,其实前端水准还是不够,所以便私下偷偷学习下吧,别被发现了核心方法$()我们使用这个方法一般有几个用途(我这里只说我自己用到过的),这里根据使用度排个序:① 选择器/$(selector)将返回一个包装过的dom集合对象(有很多选择器)② html字符串/$(domStr)仍然返回一个包装过的dom对象,他会将字符串初始化为我们的dom结构PS:新增了一个方法可以直接赋予dom结构属性,我们这里不关注③ 函数/$(function(){})我基本没这么用过, 阅读全文
posted @ 2013-11-20 17:45 叶小钗 阅读(16108) 评论(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 叶小钗 阅读(28210) 评论(3) 推荐(6) 编辑
  2013年11月17日
摘要: 前言在对象技术中,最重要的概念莫过于“接口interface”,容易被理解和使用的接口,是开发良好面向对象软件的关键,本章将介绍几个被接口变得更简洁易用的重构手法。改名① 最简单也是最重要的一件事情就是修改函数名,名称是程序作者与阅读者交流的关键工具PS:如果说HTML是构造世界的话,里面最恐怖的是就是给一山一水建立class名,你会发现是一个巨大的工程!② 函数参数在接口中扮演着十分重要的角色,增减参数都是常见的重构手法,刚接触面向对象的程序员往往使用很长的参数列,但是面向对象的参数可以保持参数简短如果来自同一对象的多个值被当做参数传递,可以使用保持对象完整避免传递参数,而采用引入参数对象. 阅读全文
posted @ 2013-11-17 14:29 叶小钗 阅读(1857) 评论(0) 推荐(1) 编辑
  2013年11月16日
摘要: 前言条件逻辑往往十分复杂,我们今天就看看有哪些怎样才能够简化条件表达式的逻辑分解条件表达式,可以将条件逻辑分成若干小块,这样就可以将分支逻辑与操作细节分离合并条件表达式我们代码中如果出现一系列条件测试,而且他们都获得相同的结果,那么将这些测试合并为一个条件表达式,并将这个表达式提炼为一个独立函数有时候我们会发现这样一连串检查,检查条件各不相同,最终的行为却一致,如果出现这种情况,就应该使用“逻辑或”和“逻辑与”将它们合并为一个条件表达式之所以要合并条件代码,有两个重要原因,首先,合并后的条件代码会告诉你实际上只有一次条件检查,只不过有多个并列条件需要检查而已从而使这一次检查的用意更清晰,当然, 阅读全文
posted @ 2013-11-16 17:10 叶小钗 阅读(2143) 评论(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 叶小钗 阅读(1075) 评论(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 叶小钗 阅读(2350) 评论(1) 推荐(8) 编辑
  2013年10月27日
摘要: 前言上周六,我将我们项目的click换成了tap事件,于是此事如梦魇一般折磨了我一星期!!!经过我前仆后继的努力,不计代价的牺牲,不断的埋坑填坑,再埋坑的动作,最后悲伤的发现touch事件确实是个坑!但是touch事件带来的用户感受提高对我们来说是一巨大进步,所以一些问题我们必须攻克,然在下已几近黔驴技穷,最后使出了浑身解数以一恶心的手段暂时压制其问题......现在分享被折磨过程,希望对各位有所帮助点击不起作用我使用的源码不是最新的,zepto初始化时便为document.body绑定touchstart、touchmove、touchend事件所以我们现在每一次在手机上的点击都会触发一次t 阅读全文
posted @ 2013-10-27 17:50 叶小钗 阅读(15782) 评论(11) 推荐(4) 编辑
  2013年10月20日
摘要: 前言在面向对象设计过程中,“决定把责任放在那儿”即使不是最重要的事,也是最重要的事之一。这个思想其实对类较重要,在js中,函数应该完成什么职责,也需要分清楚,不要函数做了自己的事情,又做了一部分其它函数的事情。在js中,往往只有一个类,面向对象的思想其实比较难,没有一定功力不能很好的运用,我也在学习很多js中其实就只有一个类,一个插件就是一个类,而且这个类还是假的,继承、封装神马的要理解还是不容易的,所以路还长!搬迁函数我们的程序中如果有个函数与其所驻类的另一个类有更多的交流(调用后者、或者被后者调用)那么在该函数最常引用的类中建立一个有着类似行为的新函数,将久函数变成一个单纯的委托函数,或者 阅读全文
posted @ 2013-10-20 16:16 叶小钗 阅读(1644) 评论(4) 推荐(3) 编辑
  2013年10月19日
摘要: 前言现在一直在做移动端的开发,这次将单页应用的网页内嵌入了app,于是老大反映了一个问题:app应用点击响应慢!我开始不以为然,于是拿着网页版的试了试,好像确实有一定延迟,于是开始了研究,最后选择了touch取代鼠标事件但是,touch事件取代mouse事件,还是有一定问题的,据说网上问题很多,因为两者之间还是有一定差异而且如果完全使用touch事件,对自动化测试的同事来说,他们的系统根本不支持touch事件,再者我们平时网页开发也不方便所以,了解鼠标事件与touch事件的区别,探讨鼠标事件与touch事件的兼容也是有必要的,于是我们开始今天的学习吧PS:这里使用zepto框架,懒得自己搞了. 阅读全文
posted @ 2013-10-19 19:07 叶小钗 阅读(33014) 评论(5) 推荐(19) 编辑
  2013年10月16日
摘要: 前言重构过程中,还是有一定标准可循的,每个重构手法有如下五个部分:首先是名称(name),建造一个重构词汇表,名称是非常重要的 然后是一个简短概要,介绍重构手法适用的场景,以及他干的事情,这样我们可以快速找到所需重构方法然后,介绍为什么需要这个重构,或者什么情况下适用这个重构做法,简明扼要的介绍如何一步步重构最后,以一个十分简单的例子说明此重构如何运作所以今天我们进入重构的学习吧!提炼函数我们重构是,重头戏就是处理函数,以js而言,函数重要性更是终于“类”的概念。如何恰当的包装代码,如何减少过长的代码,这是我们多数时刻需要思考的。但是要消除函数过长是不易的,一个函数过长说明这个函数所完成的业务 阅读全文
posted @ 2013-10-16 09:57 叶小钗 阅读(1682) 评论(2) 推荐(2) 编辑
  2013年9月28日
摘要: 前言上一次写的日历插件基本完成,中间我和团队一个高手交流了一下,其实就是他code review我的代码了,最后我发现我之前虽然能完成交待下来的任务但是代码却不好看。这个不好看,是由于各种原因就这样了,于是当时就想说重构下吧,但是任务一来就给放下了。现在想来,就算真的要重构,但是也不一定知道如何重构,无论最近学习jquery代码还是其他其实都是为了在思想上有所提升而不一定是代码上如何然自己的代码更优雅如何让自己的程序可扩展性高如何让自己的代码更可用这些都是接下来需要解决的问题,学习一事如逆水行舟啊!所以我这里搞了一本《重构》一书,准备在好好学习一番。关于插件这个说是插件其实代码还是比较糟糕的, 阅读全文
posted @ 2013-09-28 17:31 叶小钗 阅读(2555) 评论(7) 推荐(12) 编辑
  2013年9月16日
摘要: 前言小伙伴们好,很久不见了。最近工作进入正常期了,所以慢慢的悠闲的时间久没有了,所以不能每天水一篇了。最近也在听师傅(http://home.cnblogs.com/u/aaronjs/)的教导开始阅读jquery源码了,怎么说呢,阅读的效果其实不是太好。一来是时间断断续续的没有接上,今天读完明天又忘了,到第三天再读的话,就很多都忘记了;二来是jquery其实还是有一定难度,加之篇幅也很长,所以读起来还是有一点吃力(我甚至有时候有种想睡的感觉),过了2星期才陆陆续续把core读完,结果很多都无法理解,再加油吧。反正今年的目标就是把jquery读懂,时间多,不着急了。时间比较紧未做兼容处理,请使 阅读全文
posted @ 2013-09-16 00:24 叶小钗 阅读(8843) 评论(14) 推荐(15) 编辑
  2013年8月22日
摘要: 前言上周的时候,做了一点单页应用的研究,但是给断了,本来说最近继续的,但是最近有点其它事情给耽搁了,就给忘了。PS:其实是师傅(http://www.cnblogs.com/aaronjs/)叫我读jquery源码,我给读跪了。。。最近两天又朋友问怎么还没写,所以有了今天的东西。这个单页应用的框架问题很多,就是个简单的demo,喜欢的朋友就看看吧,需要源码的可以下载,但是里面的图片资源文件我给删除了,需要的就留言吧。这次代码增加了本地存储的应用,将model搞出来了,但是不太完善,过段时间再更新吧。关于博客园我想说博客园的接口很难用吗???而且全部是xml的,我这里还写了一个后端程序作为转换呢 阅读全文
posted @ 2013-08-22 17:59 叶小钗 阅读(3627) 评论(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 叶小钗 阅读(776) 评论(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 叶小钗 阅读(6762) 评论(37) 推荐(20) 编辑
  2013年8月13日
摘要: 前言本来是说周末研究一下单页应用来着,先是想发出来可以监督自己学习下去,结果谁知道这个水很深,我连着就赔了一个周末进去,到尽头还没搞完。。。这次这个框架并不是我一个字写出来的,而是参考了同事的框架,我师傅(http://www.cnblogs.com/aaronjs/)说得好:传承总比再造好,于是便有了这次的demo,其实就是吸收精华啊!!!到今天有了一个大概的样子,可以拿出来看看了。其中的Model与localstorege相关也加上了,但是暂时没有用得到的场景。这个代码后面点应该会持续更新,到我认为比较合适的阶段就会放出来了。。。。于是我们继续吧!整体思路我们先来构思下整个框架的构成(这里 阅读全文
posted @ 2013-08-13 00:02 叶小钗 阅读(5328) 评论(14) 推荐(16) 编辑
  2013年8月11日
摘要: 前言PS:回家发现代码没拷贝回来,明天继续吧。。。开始之前先扯点其它的,我上午去理发,居然才7元,但是那个阿妈给我搞成和尚的造型了,我想说点什么,但转念一想节约点洗头水也好!!!PS:其实主要原因是我掉头发。。。。。。好了,接昨天的内容:【单页应用】一起来单页应用吧,实现简单微博功能!(上)昨天我们一起准备了两大核心,继承与view,虽说有问题,而且必定有问题,但是我们暂时不管他。我们先继续先往下面写,到最后整体流程拉通后再一起优化就好,现在去纠结也不一定有结果,于是我们开始吧。继承之实现APP我们这里APP要干的事情,与其说担任MVC中控制器的角色,不如说他就是充当了一下路由选择的角色,根据 阅读全文
posted @ 2013-08-11 18:26 叶小钗 阅读(4708) 评论(6) 推荐(4) 编辑
  2013年8月10日
摘要: 前言北上是大城市,魔都这里的节奏确实比成都快得多,在成都老夫一般走的最晚,7点多才撤退,这边居然8点走了还会有一点点罪恶感!!!这边加班就不叫加班啦,几个同事都是10点左右才走,而且累计工作时长最长的是我们老大!工作第一周到周三了才把电脑这些事情搞好,期间又要找房子,搬家,所以第一周没干神马事情就结束了,老大也没有分配任务。第二周一开始就给分配了任务,在新框架上开发,自己也不是很熟悉,所以边做边学,第二周就草草的结束了。周末时候花了两天时间阅读同事写的框架,基本流程算是明白了,明天再请教下同事应该对框架便不陌生了。在此我心境发生了很大变化,还要感谢之前的经历以及师傅的教导(http://www 阅读全文
posted @ 2013-08-10 18:27 叶小钗 阅读(9989) 评论(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 叶小钗 阅读(10814) 评论(9) 推荐(10) 编辑
  2013年7月27日
摘要: 前言终于到周末了,几经转折老夫工作终于落实,干起了移动前端,于是真正进入了HTML5的开发时代。这周一开始入职,进来后发现真的像农村的来到了城市,很多东西不懂的,又要落实租房的问题,生活工作拧到了一坨。由于上次去河南折腾了一番,经济也在亮红灯,于是第一周有点浑浑噩噩的感觉,还没做什么就结束了。新的团队的人感觉都有点生猛,老同事完全没压力,另一个新同事适应的很快,居然都能进入框架开发了,难道这边真这么多高手?小的这边亚历山大啊。现在项目使用的是jquery+requireJS+backbone,前两天我们初略的学习了下requireJS,要说好熟悉纯粹是扯淡,只不过有个大概印象罢了。我们今天的任 阅读全文
posted @ 2013-07-27 16:18 叶小钗 阅读(51179) 评论(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 叶小钗 阅读(67208) 评论(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 叶小钗 阅读(20751) 评论(12) 推荐(17) 编辑
  2013年7月23日
摘要: 前言最近工作落实了,是我非常喜欢的无线前端,会接触很多新东西啦,需要努力才行。因为会用到backbone,所以要学习MVC啦。MVC(模型-视图-控制器),这种模式最早被用于构建桌面程序和服务器端的应用程序。最近几年由于前后端数据的转移,前端所占的业务逻辑越来越重,于是这种模式便出现在了我们前端的javascript中了,比如Backbone 然后MVP与MVVM也先后在前端出现,并且各自拥有其拥戴者。初探MVCMVC是一种架构设计模式,他通过关注点分离改进程序组织,从而达到优化程序的目的。MVC强制将业务数据(model)与用户界面(view)分离,controller用以管理用户输入以及一 阅读全文
posted @ 2013-07-23 17:24 叶小钗 阅读(3174) 评论(22) 推荐(12) 编辑
  2013年7月14日
摘要: 前言为了方便大家看的方便,我这里将这几天的东西整合一下发出。里面的例子请使用手机浏览器查看。什么是jQuery Mobile?jquery mobile是jquery在移动设备上的版本,他是基于jquery、HTML5、CSS3构建的,他提供了一个丰富的交互性强的接口用以兼容不同移动平台。于是我们去下载一番:我这里就直接下载的这个压缩文件了,完了我们看看他有些什么东西,我们这个还是要依赖jquery的,所以还是准备一个吧。这个东东是个好东西哦,他还有配套的样式呢,依赖他我们可以开发一套不错的手机应用呢。自定义属性在jquery mobile中,是使用自定义属性驱动页面的(data-....), 阅读全文
posted @ 2013-07-14 16:51 叶小钗 阅读(6726) 评论(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 叶小钗 阅读(5849) 评论(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 叶小钗 阅读(4524) 评论(5) 推荐(2) 编辑
  2013年7月12日
摘要: 前言到目前为止,我打了几天酱油了,这几天落实了工作,并且看了一部电视连续剧(陈道明-手机),我很少看连续剧了,但是手机质量很高啊,各位可以看看。我们今天先学习一下jquery mobile的基础知识,然后逐步进入移动开发吧。我们这里再来看看响应式布局,我们是一个页面可以在不同的设备上使用,其实这在某些方面上是不太合适的。因为我们移动端的事件不太一致,可能鼠标操作很方便的,用手就不行了,所以为移动端出单独的网页还是很有必要的。文中测试链接请使用手机打开。什么是jQuery Mobile?jquery mobile是jquery在移动设备上的版本,他是基于jquery、HTML5、CSS3构建的, 阅读全文
posted @ 2013-07-12 17:56 叶小钗 阅读(7828) 评论(11) 推荐(8) 编辑
  2013年7月9日
摘要: 前言上午时候我们简单了解了下用互联网的发展,本来想继续,却被打断了,所以我们现在继续学习吧。移动设备的页面布局我们前面一起学习了HTML5新增的很多语义化标签,不知各位还记得吗?这里我们可能需要一起来回顾一下啦。headerheader元素定义文档的页面组合,通常是一些引导和导航信息:1 2 刀狂剑痴叶小钗3 一箫一剑平生意,负尽狂名十五年4 footerfooter元素定义文档或者章节结尾部分,通常包含一些章节的基本信息(作者、版权信息):1 2 私隐信息 | 版权所有3 关于我们 | 联系在下4 navnav元素定义为用来构建导航,显示导航链接: 1 2 ... 阅读全文
posted @ 2013-07-09 19:14 叶小钗 阅读(2574) 评论(15) 推荐(1) 编辑
摘要: 前言上周五老夫(自称老夫是因为叶小钗已经100多岁啦,角色代入习惯了)吃坏了肚子啦,感觉也没吃什么东西就中暑了......纠其原因我觉得还是上周找工作太操劳了,太花费精力了,有一种情况是上午面下午面,或者下午2次面。。。面到周四时候我都有些不知道现在是面的哪家了。。。。大家以后一次性还是不要面太多的公司了,这是个人的一点点心得。面试题整理我本来准备写一个系列的,但是最近的面试却发现不太好整理,因为其实基础面试就那些东西,一周就整理完了,剩下的东西没法整理的,只好作罢。但是面试是可以获取很多信息的,比如现在我们前端应该慢慢转移至移动前端了,PC移动两不误才是王道嘛。但是不是每个前端都马上有机会接 阅读全文
posted @ 2013-07-09 12:09 叶小钗 阅读(2926) 评论(10) 推荐(4) 编辑
  2013年7月5日
摘要: 前言须弥般若有无空,阴阳道化真虚同;洗尽前恩本非相,还吾面目下九重。咳咳,其实老夫对佛教文化有点点研究啦,说以我们这里来了一点很有哲理的东西,因为我这里准备干一件很戳的事情,我准备来看看我们的html标签没有样式时候的表现,为什么要做这件事呢?当然不是无聊了,我今天突然意识到,不同的标签表现有所不一样,他们这样也是有意义的,当CSS不存在时候,他们的表现你知道吗???所以我们一起来研究研究吧,看看能不能有什么收获。常用元素到底有多少元素,我这里也说不清,因为我记忆力有点差啦,我甚至现在都记不得substr怎么用!!!所以我们上资料吧。PS:我这里列出来的就是我们后面会研究的,若是没有列出来就暂 阅读全文
posted @ 2013-07-05 17:41 叶小钗 阅读(2794) 评论(20) 推荐(26) 编辑
  2013年7月2日
摘要: 拜师传说今天老夫拜师了,老夫有幸认识一个JS高手,在此推荐其博客,悄悄告诉你,我拜他为师了,他承诺我只收我一个男弟子。。。。。师尊刚注册的账号,现在博客数量还不多,但是后面点会有干货哦,值得期待。http://www.cnblogs.com/aaronjs/前言上周回到了成都,这周就准备找工作了,对成都的聚美优品其实比较有好感的,所以昨天就先去面试了,感觉技术面试的还不错啦,结果最后HR说经理不在,让我等经理反馈。我当时相信了,但是回来想想感觉可能失败了,但是我不知道哪里出了问题。现在遇到的前端面试都大同小异的,具体的题目就不列出来了,因为泄露公司机密不太好,我就说说自己印象比较深刻的一些东西 阅读全文
posted @ 2013-07-02 19:06 叶小钗 阅读(15193) 评论(40) 推荐(23) 编辑
  2013年7月1日
摘要: 前言最近整理了很多前端面试题的东西,今天又去参加了一次面试,不知各位烦不烦,我反正有点累了,于是我们今天继续回到我们前段时间研究的问题,我们再来看看MVC吧。什么是MVC又回到这个问题了,到底什么是MVC呢?MVC是一种设计模式,他将应用划分为:① 数据(模型,model)② 展现层(视图,view)③ 用户交互(控制器,control)一个事件发生的过程是这样的:① 用户和应用产生交互② 控制器的事件处理器被触发③ 控制器从模型中请求数据,并将其交给视图④ 数据将数据呈现给用户以一个聊天呈现为例:① 用户提交一个新的聊天信息② 控制器的事件处理器被触发③ 控制器创建一个新的聊天模型记录④ 控 阅读全文
posted @ 2013-07-01 21:54 叶小钗 阅读(1165) 评论(7) 推荐(2) 编辑
摘要: 前言上周四回了成都,休息了一下下,工作问题还是需要解决的,于是今天去面试了一下,现在面试回来了,我感觉还是可以整理一下心得。这个面试题整理系列是为了以后前端方面的兄弟面试时候可以得到一点点帮助,因为其他方面的面试题不少,但是前端还真不多。当然最后还是为了自己以后面试时候可以得心应手一点,整理时候有些会解答,有些可能就不解答了,好了,开始正题吧。这家公司在成都来说还是不错的,因为2个月前拒了3个offer,现在找工作有点囧。。。。发现就那么几家公司了,我都不敢乱投简历了。一来怕面试不过,二来怕拿到offer最后拒了后以后公司都给面完了。。。PS:各位高手一定要注意!!请一定低调点,你们所在圈子很 阅读全文
posted @ 2013-07-01 17:20 叶小钗 阅读(7424) 评论(61) 推荐(8) 编辑
  2013年6月30日
摘要: 前言连续学了两天javascript的东西了,我们都累了,于是今天还是上一套面试题吧,大家一起休息休息,也为下个星期可能会有的面试准备下。题目一览CSS1.overflow-x属于 CSS2 还是 CSS32.请列举几种可以清除浮动的方法(至少两种)3.display:none和visibility:hidden的区别是什么4.请缩写以下代码:.box { background-position: 10px 20px; background-repeat: no-repeat; background-attachment: fixed; background-color: red; backg 阅读全文
posted @ 2013-06-30 18:06 叶小钗 阅读(4559) 评论(19) 推荐(3) 编辑