随笔分类 -  移动开发

摘要：前言扯淡这个月比较倒霉，我送了女朋友一台笔记本电脑作为生日礼物，结果15天一过电脑就坏了，悲剧的我还把电脑盒子给扔了！淘宝不给换更不给退于是被女朋友臭骂了一过星期后，今天本来在公司有任务的，但是去修了个电脑（换主板啊......），一蹉跎就快五点了，现在反正干劲也不行，就写篇博客吧需求上周五的时候，确切说是周四晚上，老板终于又递上了一个神奇的需求浏览器检测手机是否安装app尼玛，反正在我看来，这个需求够奇葩的，当时我还一致认为不能完成，但是最后也居然想出了（抄出了）一个办法，于是这里拿出来与各位分享下在此之前，我们继续聊下上次遇到的tap点透问题tap“点透”再探索http://www.cnb 阅读全文

摘要：前言上周六，我将我们项目的click换成了tap事件，于是此事如梦魇一般折磨了我一星期！！！经过我前仆后继的努力，不计代价的牺牲，不断的埋坑填坑，再埋坑的动作，最后悲伤的发现touch事件确实是个坑！但是touch事件带来的用户感受提高对我们来说是一巨大进步，所以一些问题我们必须攻克，然在下已几近黔驴技穷，最后使出了浑身解数以一恶心的手段暂时压制其问题......现在分享被折磨过程，希望对各位有所帮助点击不起作用我使用的源码不是最新的，zepto初始化时便为document.body绑定touchstart、touchmove、touchend事件所以我们现在每一次在手机上的点击都会触发一次t 阅读全文

摘要：前言小伙伴们好，很久不见了。最近工作进入正常期了，所以慢慢的悠闲的时间久没有了，所以不能每天水一篇了。最近也在听师傅（http://home.cnblogs.com/u/aaronjs/）的教导开始阅读jquery源码了，怎么说呢，阅读的效果其实不是太好。一来是时间断断续续的没有接上，今天读完明天又忘了，到第三天再读的话，就很多都忘记了；二来是jquery其实还是有一定难度，加之篇幅也很长，所以读起来还是有一点吃力（我甚至有时候有种想睡的感觉），过了2星期才陆陆续续把core读完，结果很多都无法理解，再加油吧。反正今年的目标就是把jquery读懂，时间多，不着急了。时间比较紧未做兼容处理，请使 阅读全文

摘要：前言上周的时候，做了一点单页应用的研究，但是给断了，本来说最近继续的，但是最近有点其它事情给耽搁了，就给忘了。PS：其实是师傅（http://www.cnblogs.com/aaronjs/）叫我读jquery源码，我给读跪了。。。最近两天又朋友问怎么还没写，所以有了今天的东西。这个单页应用的框架问题很多，就是个简单的demo，喜欢的朋友就看看吧，需要源码的可以下载，但是里面的图片资源文件我给删除了，需要的就留言吧。这次代码增加了本地存储的应用，将model搞出来了，但是不太完善，过段时间再更新吧。关于博客园我想说博客园的接口很难用吗？？？而且全部是xml的，我这里还写了一个后端程序作为转换呢 阅读全文

摘要：前言本来是说周末研究一下单页应用来着，先是想发出来可以监督自己学习下去，结果谁知道这个水很深，我连着就赔了一个周末进去，到尽头还没搞完。。。这次这个框架并不是我一个字写出来的，而是参考了同事的框架，我师傅（http://www.cnblogs.com/aaronjs/）说得好：传承总比再造好，于是便有了这次的demo，其实就是吸收精华啊！！！到今天有了一个大概的样子，可以拿出来看看了。其中的Model与localstorege相关也加上了，但是暂时没有用得到的场景。这个代码后面点应该会持续更新，到我认为比较合适的阶段就会放出来了。。。。于是我们继续吧！整体思路我们先来构思下整个框架的构成（这里 阅读全文

摘要：前言PS：回家发现代码没拷贝回来，明天继续吧。。。开始之前先扯点其它的，我上午去理发，居然才7元，但是那个阿妈给我搞成和尚的造型了，我想说点什么，但转念一想节约点洗头水也好！！！PS：其实主要原因是我掉头发。。。。。。好了，接昨天的内容：【单页应用】一起来单页应用吧，实现简单微博功能！（上）昨天我们一起准备了两大核心，继承与view，虽说有问题，而且必定有问题，但是我们暂时不管他。我们先继续先往下面写，到最后整体流程拉通后再一起优化就好，现在去纠结也不一定有结果，于是我们开始吧。继承之实现APP我们这里APP要干的事情，与其说担任MVC中控制器的角色，不如说他就是充当了一下路由选择的角色，根据 阅读全文

摘要：前言北上是大城市，魔都这里的节奏确实比成都快得多，在成都老夫一般走的最晚，7点多才撤退，这边居然8点走了还会有一点点罪恶感！！！这边加班就不叫加班啦，几个同事都是10点左右才走，而且累计工作时长最长的是我们老大！工作第一周到周三了才把电脑这些事情搞好，期间又要找房子，搬家，所以第一周没干神马事情就结束了，老大也没有分配任务。第二周一开始就给分配了任务，在新框架上开发，自己也不是很熟悉，所以边做边学，第二周就草草的结束了。周末时候花了两天时间阅读同事写的框架，基本流程算是明白了，明天再请教下同事应该对框架便不陌生了。在此我心境发生了很大变化，还要感谢之前的经历以及师傅的教导（http://www 阅读全文

摘要：前言为了方便大家看的方便，我这里将这几天的东西整合一下发出。里面的例子请使用手机浏览器查看。什么是jQuery Mobile？jquery mobile是jquery在移动设备上的版本，他是基于jquery、HTML5、CSS3构建的，他提供了一个丰富的交互性强的接口用以兼容不同移动平台。于是我们去下载一番：我这里就直接下载的这个压缩文件了，完了我们看看他有些什么东西，我们这个还是要依赖jquery的，所以还是准备一个吧。这个东东是个好东西哦，他还有配套的样式呢，依赖他我们可以开发一套不错的手机应用呢。自定义属性在jquery mobile中，是使用自定义属性驱动页面的（data-....）， 阅读全文

摘要：前言继续我们移动端的学习，今天到了List相关了。本文例子请使用手机查看List列表在移动设备平台下，由于移动设备屏幕比较小，我们又是用手在上面点击的触屏方式，传统的列表模式在手机上就不太友好了。虽然HTML5与CSS3提供了强大的界面实现方案，jquery mobile作为jquery框架的一个移动web插件，他根据移动屏幕大小优化了UI组件，列表组件就是jquery mobile根据移动设备的特性而实现的组件库之一。我们来一个个看看我们的列表吧普通链接列表 1 2 3 4 5 6 8 10 12 13 14 15 ... 阅读全文

摘要：前言昨天我们一起学习了一部分jquery mobile的知识，今天我们继续。这些是些很基础的东西，有朋友觉得这个没有其它的好，但是学习下不吃亏嘛，我反正也不会一起学习基础啦。例子请使用手机查看哦内容区域格式布局网格布局jquery mobile提供一种多列布局功能，由于移动设备的屏幕大小原因，一般情况还是不要使用多列布局啦。jquery mobile提供一种css样式规则来定义多列布局，对应css为ui-block，每列的样式是通过定义前缀+“-a”等方式对网格的列进行布局，a字母根据网格的列数而定。例如两列布局CSS为：ui-block-a与ui-block-b两列网格布局 1 2 3 .. 阅读全文

摘要：前言到目前为止，我打了几天酱油了，这几天落实了工作，并且看了一部电视连续剧（陈道明-手机），我很少看连续剧了，但是手机质量很高啊，各位可以看看。我们今天先学习一下jquery mobile的基础知识，然后逐步进入移动开发吧。我们这里再来看看响应式布局，我们是一个页面可以在不同的设备上使用，其实这在某些方面上是不太合适的。因为我们移动端的事件不太一致，可能鼠标操作很方便的，用手就不行了，所以为移动端出单独的网页还是很有必要的。文中测试链接请使用手机打开。什么是jQuery Mobile？jquery mobile是jquery在移动设备上的版本，他是基于jquery、HTML5、CSS3构建的， 阅读全文

摘要：前言上午时候我们简单了解了下用互联网的发展，本来想继续，却被打断了，所以我们现在继续学习吧。移动设备的页面布局我们前面一起学习了HTML5新增的很多语义化标签，不知各位还记得吗？这里我们可能需要一起来回顾一下啦。headerheader元素定义文档的页面组合，通常是一些引导和导航信息：1 2 刀狂剑痴叶小钗3 一箫一剑平生意，负尽狂名十五年4 footerfooter元素定义文档或者章节结尾部分，通常包含一些章节的基本信息（作者、版权信息）：1 2 私隐信息 | 版权所有3 关于我们 | 联系在下4 navnav元素定义为用来构建导航，显示导航链接： 1 2 ... 阅读全文

摘要：前言上周五老夫（自称老夫是因为叶小钗已经100多岁啦，角色代入习惯了）吃坏了肚子啦，感觉也没吃什么东西就中暑了......纠其原因我觉得还是上周找工作太操劳了，太花费精力了，有一种情况是上午面下午面，或者下午2次面。。。面到周四时候我都有些不知道现在是面的哪家了。。。。大家以后一次性还是不要面太多的公司了，这是个人的一点点心得。面试题整理我本来准备写一个系列的，但是最近的面试却发现不太好整理，因为其实基础面试就那些东西，一周就整理完了，剩下的东西没法整理的，只好作罢。但是面试是可以获取很多信息的，比如现在我们前端应该慢慢转移至移动前端了，PC移动两不误才是王道嘛。但是不是每个前端都马上有机会接 阅读全文