javascript - 随笔分类(第2页) - 叶小钗

【单页应用巨坑之History】细数History带给单页应用的噩梦

摘要：前言在我们日常的网页浏览中，我们非常喜欢做一个操作：点击浏览器的前进后退在Ajax技术出现后，有些时候前进后退就会给开发者带来困扰，甚至一些开发者试图去干掉History随着Html5的发展，移动端的兴旺，单页应用出现了，于是History的处理被不得不提上议程了！要知道，这一直是一项让人不愿意去碰... 阅读全文

posted @ 2014-05-07 17:37 叶小钗阅读(9140) 评论(8) 推荐(2) 编辑

【UI插件】简单的日历插件（下）—— 学习MVC思想

摘要：前言我们上次写了一个简单的日历插件，但是只是一个半成品，而且做完后发现一些问题，于是我们今天尝试来解决这些问题PS：距离上次貌似很久了上次，我们大概遇到哪些问题呢：① 既然想做一套UI库，那么就应该考虑其它UI库的接入问题这个意思就是，我们的系统中所有UI插件应该有一些统一行为，我们如果希望统一为所... 阅读全文

posted @ 2014-05-03 17:31 叶小钗阅读(3558) 评论(5) 推荐(3) 编辑

【UI插件】开发一个简单日历插件（上）

摘要：前言最近开始整理我们的单页应用框架了，虽然可能比不上MVVM模式的开发效率，也可能没有Backbone框架模块清晰，但是好歹也是自己开发出来而且也用于了这么多频道的东西，如果没有总结，没有整理，没有开源就太可惜了......所以最近开始整理框架相关的东西，争取抽象一点东西出来框架出来还需要一点时间，... 阅读全文

posted @ 2014-04-20 23:30 叶小钗阅读(9113) 评论(3) 推荐(7) 编辑

【再探backbone04】单页应用的基石-路由处理

摘要：前言首先发一点牢骚，互联网公司变化就是快，我去一个团队往往就一年时间该团队就得解散，这不，公司居然把无线团队解散了，我只能说，我那个去！！！我去年还到处让人来呢，一个兴兴向荣的团队说没就没了啊！我找谁哭去......于是我们团队一个大哥说他去哪哪就解散，我老大说他去哪哪就倒霉，如此看来，不是我们导致... 阅读全文

posted @ 2014-04-16 14:05 叶小钗阅读(6174) 评论(4) 推荐(6) 编辑

【requireJS源码学习03】细究requireJS的加载流程

摘要：前言这个星期折腾了一周，中间没有什么时间学习，周末又干了些其它事情，这个时候正好有时间，我们一起来继续学习requireJS吧还是那句话，小钗觉得requireJS本身还是有点难度的，估计完全吸收这个月就过去了，等requireJS学习结束后，我们的学习流程可能就朝两个方向走① 单页应用框架/UI库整理② UML文档相关/重构思想相关（软性素质）然后以上的估计估计会持续3、4个月时间，希望学习下来自己能有不一样的提高，成为一个合格的前端，于是我们继续今天的内容吧requireJS中的队列经过之前的学习，我们队requireJS的大概结构以及工作有了一定认识，但是，我们对于其中一些细节点事实上还阅读全文

posted @ 2014-04-12 18:50 叶小钗阅读(15531) 评论(6) 推荐(9) 编辑

【requireJS源码学习02】data-main加载的实现

摘要：前言经过昨天的学习，我们大概了解到了requireJS的主要结构，这里先大概的回顾一下首先从总体结构来说，require这里分为三块：① newContext之前变量声明或者一些工具函数② newContext大家伙③ 解析script标签抽出data-main，并提供几个对外接口从流程上讲，大概发生了这些事情：① script标签引入requireJS后，便会初始化一些变量以及函数，并不干实际的事情② 在主干结构第三步之前会使用req({})调用（并且只会调用一次）newContext方法由此会维护一个newContext的闭包环境，之后的很多变量全在其中③ 取出script标签中的data 阅读全文

posted @ 2014-03-30 16:00 叶小钗阅读(21467) 评论(9) 推荐(4) 编辑

【requireJS源码学习01】了解整个requireJS的结构

摘要：前言现在工作中基本离不开requireJS这种模块管理工具了，之前一直在用，但是对其原理不甚熟悉，整两天我们来试着学习其源码，而后在探寻其背后的AMD思想吧于是今天的目标是熟悉requireJS整体框架结构，顺便看看之前的简单demoRequireJS学习笔记程序入口源码阅读仍然有一定门槛，通看的做法不适合我等素质的选手，所以还是得由入口开始，requireJS的入口便是引入时候指定的data-main在js引入后，会自动执行指向data-main的js函数，这个就是我们所谓的入口，跟着这条线，我们就进入了requirejs的大门首先，引入js文件本身不会干什么事情，那么requirejs内部阅读全文

posted @ 2014-03-29 18:25 叶小钗阅读(21797) 评论(14) 推荐(15) 编辑

【grunt整合版】30分钟学会使用grunt打包前端代码

摘要：grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装nodeJ... 阅读全文

posted @ 2014-03-17 09:41 叶小钗阅读(129534) 评论(65) 推荐(198) 编辑

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

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

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

【小贴士】关于transitionEnd/animate的一个有趣故事

摘要：前言在很久之前，我们项目有一个动画功能，功能本身很简单，便是典型的右进左出，并且带动画功能以当时来说，虽然很简单，但是受限于框架本身的难度，就直接使用了CSS3的方式完成了功能当时主要使用transform与animation实现功能，并且用了一个settimeout执行回调，然后此事便不了了之了但是出来混总是要还的，这不，最近相似的东西又提了出来，我们当然可以将原来的那套东西拿来用，但是看着那个settimeout总是不是滋味，因为这样捕捉回调的效果以及可能引起的BUG大家都懂，于是就想使用transitionEnd监控动画结束再执行相关回调，于是便有了一个有趣的想法当时的心声嗯，不行，这次阅读全文

posted @ 2014-03-15 22:40 叶小钗阅读(9500) 评论(5) 推荐(9) 编辑

【grunt第二弹】30分钟学会使用grunt打包前端代码（02）

摘要：前言上一篇博客，我们简单的介绍了grunt的使用，一些基础点没能覆盖，我们今天有必要看看一些基础知识【grunt第一弹】30分钟学会使用grunt打包前端代码配置任务/grunt.initConfig前面我们简单的介绍了grunt相关的知识，这里我们这里还需要再熟悉下Gruntfile相关的知识点，比如说配置任务grunt的任务配置都是在Gruntfile中的grunt.initConfig方法中指定的，这个配置主要都是一些命名性属性比如我们上次用到的合并以及压缩的任务配置：grunt.initConfig({ concat: { //这里是concat任务的配置信息 ... 阅读全文

posted @ 2014-03-15 16:36 叶小钗阅读(10011) 评论(12) 推荐(20) 编辑

【grunt第一弹】30分钟学会使用grunt打包前端代码

摘要：前言以现在前端js激增的态势，一个项目下来几十个js文件轻轻松松对于复杂一点的单页应用来说，文件上百简直是家常便饭，那么这个时候我们的js文件应该怎么处理呢？另外，对于css文件，又该如何处理呢？？这些都是我们实际工作中要遇到的问题，比如我们现在框架使用zepto、backbone、underscore我们要如何将他们合成一个libs文件，这都是令人头疼的问题但是grunt的出现却让这些事情变得优雅起来！简单一键，打包结束，尼玛不是不可能啊！grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简阅读全文

posted @ 2014-03-12 00:48 叶小钗阅读(37376) 评论(22) 推荐(50) 编辑

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

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

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

【前端盲点】事件的几个阶段你真的了解么？？？

摘要：前言前端时间我写过几篇关于事件的博客：【移动端兼容问题研究】javascript事件机制详解（涉及移动兼容）【探讨】javascript事件机制底层实现原理结果被团队的狗蛋读了，发现其中一块”特别“的地方，然后之后读了Barret Lee的一篇博客：[解惑]JavaScript事件机制发现该博主之前对这个问题可能也有一定”误解“之后再陆陆续续问了团队中几个高手，狗蛋的问题都得不到解释，而且很多比较资深的前端对这个问题的认识也是有问题的所以，这里就拿出来说说，各位看看就好事件阶段引用：群里童鞋问到关于事件传播的一个问题：“事件捕获的时候，阻止冒泡，事件到达目标之后，还会冒泡吗？”。初学 JS 的阅读全文

posted @ 2014-02-26 00:20 叶小钗阅读(14933) 评论(15) 推荐(20) 编辑

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

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

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

【小贴士】工作中的”闭包“与事件委托的”阻止冒泡“

摘要：前言过年期间在家喝酒有点厉害，刚刚来公司这边就变成“歪脖子”了，整个肩膀很疼啊，所以程序员平时要多运动才行开年后也很忙，一方面然后又搬了个家，另一方面最近就算有所得，都是零零碎碎，不然就是不够深入，于是就没有什么总结了最近在工作中碰到几个闭包的问题，虽然我对闭包了解不是太深，但是觉得还是可以拿出来说... 阅读全文

posted @ 2014-02-23 14:37 叶小钗阅读(4069) 评论(5) 推荐(7) 编辑

【NodeJS 学习笔记04】新闻发布系统

摘要：前言昨天，我们跟着这位大哥的博客（https://github.com/nswbmw/N-blog/wiki/_pages）进行了nodeJS初步的学习，最后也能将数据插入数据库了但是一味的跟着别人博客写代码肯定不行，所以我们今天就来做一个简单的新闻发布系统，系统第一阶段不需要太难，主要有以下功能① 新闻类型管理② 新闻管理（具有图片上传功能）③ 新闻浏览功能虽然不多，但是也涵盖很多基本操作了，程序不过增删查改嘛，外加上传附件，够了。于是开始我们今天的学习吧准备工作根据昨天的折腾后，我们已经有了nodeJS与mongoDB环境了，现在直接新建工程文件与数据库文件即可第一步，打开命令符切换到D盘阅读全文

posted @ 2014-02-01 16:54 叶小钗阅读(11669) 评论(9) 推荐(9) 编辑

【一次面试】再谈javascript中的继承

摘要：前言面向对象编程是每次面试必问的知识点，而前端js如何实现继承每次命中率高达80%这不，近两天我们面试时候，同事就问道面试者此问题，但是，不论之前自己做的回答，还是面试者的回答，基本都不太令人满意很大的原因是多数时候前端并不需要实现继承，就jquery来说也基本上是一码到底，没有实现继承，据我所知，也就prototype与ext实现过继承所以继承对前端来说似乎不太适用近两年来情况有所变化，SPA的兴起以及前端逻辑的复杂化，让前端代码愈发的多，愈发的重，所以继承慢慢的进入了一些初级一点的前端视野所以，好好的了解如何实现继承，继承的几个用法，是非常有意义的，就算只是为面试都是很有用的文章只是个人见阅读全文

posted @ 2014-01-23 18:40 叶小钗阅读(8820) 评论(30) 推荐(28) 编辑

一次面试回顾——探讨表现与数据分离

摘要：前言半年多之前有一次面试，当时只是想要张回家的免费机票，顺便看看运气却不想那次面试获益颇丰，所以没事出去面试面试对个人的知识总结以及思维的深化很有帮助的哦深化当然不是一朝一夕的事情，比如当时面试官就问我什么是“表现与数据分离”，就这个问题我就前前后后学习了很久，也和很多同事讨论过，但是一直没有一个比较好的结果最近在做ipad相关的单页应用研究，被一个问题困住了思维，晚上看了两集布袋戏，完了在纸上画着画着，突然对半年多之前的一道面试题很有点思路于是，今天晚上，抽时间记录之，此文只是个人见解，不一定正确，有误请指正，时间紧时间晚，行文不清晰勿怪面试回顾首先，当时我简历是抄的，里面有一句“对表现与数阅读全文

posted @ 2014-01-17 00:35 叶小钗阅读(10006) 评论(46) 推荐(17) 编辑

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

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

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

随笔分类 - javascript