移动开发 - 随笔分类(第2页) - 叶小钗

来来，一起设计一个简单的活动发布系统

摘要：前言前段时间我写了一篇博客：小公司的前端应该怎么做？，其中核心的几个观点之一就是要把重复工作给干掉！而我们日常工作中有一类需求名曰活动，这些活动就像脏水一样不停的向我们涌来，而且要的又急，这个时候有些团队就会疲于奔命的去让前端做页面然后走发布流程，如果你的公司是这样，业务发展后再多几个前端也不够阅读全文

posted @ 2016-06-21 12:40 叶小钗阅读(8484) 评论(6) 推荐(10) 编辑

浅谈Hybrid技术的设计与实现第二弹

摘要：前言浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹浅谈Hybrid技术的设计与实现第三弹——落地篇接上文：浅谈Hybrid技术的设计与实现（阅读本文前，建议阅读这个先）上文说了很多关于Hybrid的概要设计，可以算得上大而全，有说明有demo有代码，对于想接触Hyb 阅读全文

posted @ 2016-06-01 00:57 叶小钗阅读(20441) 评论(40) 推荐(57) 编辑

从DOM操作看Vue&React的前端组件化，顺带补齐React的demo

摘要：前言接上文：谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo 上次写完博客后，有朋友反应第一内容有点深，看着迷迷糊糊；第二是感觉没什么使用场景，太过业务化，还不如直接写Vue&react的源码分析，我感觉这里有必要说下我的认识。首先，要写源码分析很难，第一是他本来就很难，阅读全文

posted @ 2016-05-23 01:34 叶小钗阅读(4970) 评论(5) 推荐(6) 编辑

谈谈我对前端组件化中“组件”的理解，顺带写个Vue与React的demo

摘要：前言前端已经过了单兵作战的时代了，现在一个稍微复杂一点的项目都需要几个人协同开发，一个战略级别的APP的话分工会更细，比如携程：携程app = 机票频道 + 酒店频道 + 旅游频道 + ...... 每个频道有独立的团队去维护这些代码，具体到某一个频道的话有会由数十个不等的页面组成，在各个页面开阅读全文

posted @ 2016-05-19 05:35 叶小钗阅读(12634) 评论(19) 推荐(25) 编辑

【初探IONIC】不会Native可不可以开发APP？

摘要：前言 Hybrid技术流行已经有一段日子了，楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开，Hybrid已经是大大提升开发效率的开发方式了，但是仍然需要至少一个IOS与Andriod，那么可不可以只使用H5相关的知识就能做一个APP出来呢？答案是可以的。什么是cordova？ cordo 阅读全文

posted @ 2016-02-29 19:53 叶小钗阅读(5715) 评论(16) 推荐(7) 编辑

谈一谈前端多容器（多webview平台）处理方案

摘要：文中是我个人的一些开发经验，希望对各位有用，也希望各位多多支持讨论，指出文中不足以及提出您的一些建议。双容器得益于近几年移动端的发展，前端早已今非昔比，从大型框架来说angularJS、react、VueJS都有其应用场景，从工程化来说各种配套构建工具也纷纷出世，而从前端复杂度来说，最近几年的前阅读全文

posted @ 2016-02-22 14:03 叶小钗阅读(17642) 评论(8) 推荐(17) 编辑

浅谈Hybrid技术的设计与实现

摘要：前言浅谈Hybrid技术的设计与实现浅谈Hybrid技术的设计与实现第二弹浅谈Hybrid技术的设计与实现第三弹——落地篇随着移动浪潮的兴起，各种APP层出不穷，极速的业务扩展提升了团队对开发效率的要求，这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了，而H5的低成本、高效阅读全文

posted @ 2015-11-03 06:01 叶小钗阅读(186434) 评论(139) 推荐(188) 编辑

【blade利刃出鞘】一起进入移动端webapp开发吧

摘要：前言在移动浪潮袭来的时候，小钗有幸进入框架组做webapp框架开发，过程中遇到了移动端的各种坑，也产生了各种激情，就我们公司的发展历程来说第一阶段：使用传统方式开发移动站点，少量引入HTML5元素第二阶段：框架化，使用jquery mobile框架，发现慢，组件不好管理，不好维护给搞掉了第三阅读全文

posted @ 2014-07-13 16:43 叶小钗阅读(20717) 评论(74) 推荐(75) 编辑

【grunt第三弹】grunt在前端实际项目中的应用

摘要：前言【grunt第二弹】30分钟学会使用grunt打包前端代码（02）【grunt第一弹】30分钟学会使用grunt打包前端代码经过前两次的学习，我们了解了grunt打包的一些基础知识，对于压缩几个文件有了初步认识但是实际项目中的应用往往不是那么简单的，因为我们会有分支，我们也会有app版本Html5版本，更复杂的情况是我们有各个频道，而且各个频道是不同的团队在开发那么统一的一套打包工具如何满足不同团队的需求呢？然后，我们本地联调时候，仍然需要打包，但是打包的代码有些时候却不想要minify，这些功能都是实际项目重要用到的我们这个时间化大力气学习grunt打包一块的知识是有绝对意义的，不然前端阅读全文

posted @ 2014-03-16 15:17 叶小钗阅读(7236) 评论(1) 推荐(6) 编辑

【单页应用】我们该如何处理框架弹出层层级关系？

摘要：前言最近总结不多，一方面是之前的知识点多比较基础，所以学习总结起来比较快但是基础知识只有那么一点，现在当然可以从新知识点着手拓宽视野（这个当然要继续），但是基础积累，再深入学习是成为优秀前端必不可少的阶段所以这块地方还得死扛，所幸现在是个优秀的团队，身边高手前辈较多，有时候请教是很有方向的，这个很是幸运啊！其次年后来到公司后，总有点浮浮沉沉的事情发生，而每年的3月又是各个公司“变化”的集中期，所以心境受到了一些影响，此点不可不慎啊！搞技术的不可浮躁！如果心思过多的花在了“人事”上，那么就真有点背道而驰了，技术人员的核心竞争还是应当在技术上当然，年后会为年前干的一些事情擦屁股，一般每个团队年前都阅读全文

posted @ 2014-03-09 15:57 叶小钗阅读(12358) 评论(5) 推荐(8) 编辑

【小贴士】虚拟键盘与fixed带给移动端的痛！

摘要：前言今天来公司的主要目的就是研究虚拟键盘与fixed的问题，期间因为同事问起闭包与事件委托（阻止冒泡）相关问题，便穿插了一篇别的：【小贴士】工作中的”闭包“与事件委托的”阻止冒泡“，有兴趣的朋友可以去看看，因为首页只能放一篇，这个就略去了现在回到主要研究点，首先在移动端我们点击文本框后会出现一个虚拟键盘，虚拟键盘让页面可视区域得到了充分利用，但是也带来了一些问题问题源头移动端虚拟键盘出现的条件是：文本框（文本类）获得焦点但是文本框获得焦点未必会弹出键盘！！！收起虚拟键盘的条件是：文本框失焦PS：总而言之，我们认为会出现或者消失虚拟键盘的时候都可能不工作在移动设备上，如果文本框在上方，点击不会阅读全文

posted @ 2014-02-23 16:21 叶小钗阅读(48653) 评论(29) 推荐(13) 编辑

【小贴士】zepto find元素以及ios弹出键盘可能让你很头疼

摘要：前言在此，我不得不说移动端的兼容问题很多，并且很令人头疼，这不，这个星期又有两个让我逮着了，一个是使用zepto过程中出现的问题，一个是ios虚拟键盘的问题我这里做一次记录，以免以后忘了，同时希望对后面做移动开发的朋友有一定帮助，首先，我们调一个简单的来说zepto与querySelectorAll首先，W3C提供了新的查询接口，querySelector与querySelectorAll其中querySelector返回的是一个对象选择第一个对象，querySelectorAll返回的一个集合(NodeList)以百度首页来说，会出现这样的现象：其他地方可能还会说道queryselector 阅读全文

posted @ 2014-01-12 16:05 叶小钗阅读(5488) 评论(8) 推荐(5) 编辑

【iScroll源码学习04】分离IScroll核心

摘要：前言最近几天我们前前后后基本将iScroll源码学的七七八八了，文章中未涉及的各位就要自己去看了1. 【iScroll源码学习03】iScroll事件机制与滚动条的实现2. 【iScroll源码学习02】分解iScroll三个核心事件点3. 【iScroll源码学习01】准备阶段4. 【iScroll源码学习00】模拟iScroll我们学习源码的目的绝不是学习人家的源码，而是由高手的代码里面学习思想，或者研究解决方案，就拿我们这次学习iScroll，我的目的就是“抄袭”，我今天就针对自己的需求来抄袭iScroll的源码，组成自己的库，然后用于项目，然后高高兴兴的装B.......关系图工具类第阅读全文

posted @ 2014-01-07 16:50 叶小钗阅读(4093) 评论(4) 推荐(7) 编辑

【iScroll源码学习03】iScroll事件机制与滚动条的实现

摘要：前言想不到又到周末了，周末的时间要抓紧学习才行，前几天我们学习了iScroll几点基础知识：1. 【iScroll源码学习02】分解iScroll三个核心事件点2. 【iScroll源码学习01】准备阶段3. 【iScroll源码学习00】模拟iScroll今天我们来学习其事件机制以及滚动条的实现，完了后我们iScroll就学习的差不多了，最后会抽离iScroll的精华部分组成一个阉割版iScroll并总结下iScroll的一些地方结束iScroll的学习，然后彻底扑向nodeJS了iScroll事件机制我们平时所说的事件机制其实应该分开，分成两块：① DOM的事件相关② 系统自建事件机制在我阅读全文

posted @ 2014-01-04 14:23 叶小钗阅读(12521) 评论(10) 推荐(5) 编辑

【iScroll源码学习02】分解iScroll三个核心事件点

摘要：前言最近两天看到很多的总结性发言，我想想今年好像我的变化挺大的，是不是该晚上来水一发呢？嗯，决定了，晚上来水一发！上周六，我们简单模拟了下iScroll的实现，周日我们开始了学习iScroll的源码，今天我们接着上次的记录学习，因为最近事情稍微有点多了学习进度可能要放慢，而且iScroll这个库实际意义很大，不能囫囵吞枣的学习，要学到精华，并且要用于项目中的，所以初步规划是最近两周主要围绕iScroll展开而后两个选择：① 分离iScroll代码用于项目；② 抄袭iScroll精华部分用于项目。无论如何都要用于项目......iScroll源码学习01准备阶段SPA移动站点APP化研究之上中下阅读全文

posted @ 2014-01-01 15:50 叶小钗阅读(12889) 评论(4) 推荐(10) 编辑

原生andriod浏览器回退后dom（click）事件全体失效问题探究

摘要：问题描述今天同事遇到一个神一样的BUG：在原生浏览器下，为dom元素绑定一个click事件，其中有个a标签外链，点击a后进入其他页面，点击浏览器后退后，页面点击事件全体失效！我于是用ios测了下没事，用andriod其他浏览器试了下也没事，就是原生的有问题，怀疑是特定的手机有问题，又陆续换了几台，发现原生的都有问题于是便开始找解决方案，下面就来聊下今天的漫长之路，这里先给会出问题的代码： 1 2 3 4 5 6 7 8 9 10 ttt11 12 百度一下 13 28 29 DOM事件丢失第一步想到的当然是事件丢失了，或者就是不执行了，于是... 阅读全文

posted @ 2013-12-31 00:03 叶小钗阅读(3631) 评论(1) 推荐(2) 编辑

【iScroll源码学习01】准备阶段

摘要：前言我们昨天初步了解了为什么会出现iScroll：【SPA】移动站点APP化研究之上中下页面的iScroll化（上），然后简单的写了一个demo来模拟iScroll，其中了解到了以下知识点：① viewport相关知识点（device-width等）②CSS3硬件加速③ 如何暂停CSS动画④ e.preventDefault导致文本不能获取焦点解决方案......当然，我们写的demo自然不能和iScroll本身的代码比肩，但是demo过程中我们也大概了解了iScroll代码过程中需要注意的一些问题于是，今天让我们进入iScroll的学习吧初探iScroll 1 2 3 4 ... 阅读全文

posted @ 2013-12-29 18:41 叶小钗阅读(6797) 评论(8) 推荐(11) 编辑

【iScroll源码学习00】模拟iScroll

摘要：前言相信对移动端有了解的朋友对iScroll这个库非常熟悉吧，今天我们就来说下我们移动页面的iScroll化iScroll是我们必学框架之一，我们这次先根据iScroll功能自己实现其功能，然后再学习iScroll源码下面先给出iScroll官方的例子和源码，要看效果的朋友自己去看吧：https://github.com/cubiq/iscroll本人能力有限，文中有误请提出viewport在移动端新出了一个属性叫做“viewport”，这个便是我们手机上的虚拟视口（viewport），也就是视觉窗口，显示区域移动设备的显示区域比电脑小得多（但也方便得多），为了让手机显示的更加友好，Apple 阅读全文

posted @ 2013-12-28 17:13 叶小钗阅读(7077) 评论(13) 推荐(12) 编辑

【再探backbone 01】模型-Model

摘要：前言点保存时候不注意发出来了，有需要的朋友将就看吧，还在更新......几个月前学习了一下backbone，这段时间也用了下，感觉之前对backbone的学习很是基础，前几天有个园友问我如何将路由的#改为其他我其实想说这个不能乱改，又怕不熟悉误人子弟，所以今天我们来一起重新学习下他，看看会不会带来不一样的感觉我在博客园nuysoft的博客看到了backbone的分析，可惜没有写完，不失为一个遗憾，希望作者坚持下去，水平高得贡献出来哟（@nuysoft）然后，网上backbone基础用法的学习文章很多，感觉就nuysoft的深入，只不过多是点一下有点可惜，再次希望作者坚持下去......Web应阅读全文

posted @ 2013-12-21 15:23 叶小钗阅读(4549) 评论(0) 推荐(5) 编辑

【读fastclick源码有感】彻底解决tap“点透”，提升移动端点击响应速度

摘要：申明！！！最后发现判断有误，各位读读就好，正在研究中.....尼玛水太深了前言近期使用tap事件为老夫带来了这样那样的问题，其中一个问题是解决了点透还需要将原来一个个click变为tap，这样的话我们就抛弃了ie用户当然可以做兼容，但是没人想动老代码的，于是今天拿出了fastclick这个东西，这是最近第四次发文说tap的点透事件，我们一直对解决“点透”的蒙版耿耿于怀，于是今天老大提出了一个库fastclick，最后证明解决了我们的问题而且click不必替换为tap了，于是我们老大就语重心长的对我说了一句，你们就误我吧，我邮件都发出去了......于是我下午就在看fastclick这个库，看看阅读全文

posted @ 2013-11-25 21:10 叶小钗阅读(53065) 评论(33) 推荐(30) 编辑

随笔分类 - 移动开发