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

【重构笔记04】重新组织数据(2)

摘要：将单项关联变为双向关联有时候，我们两个类需要使用对方属性，但期间只有一条单向连接此时可以添加一个反向指针，并修改关系函数使他能够同时更新两条连接开发初期，我们可能会在两个类之间建立一条单向连接，使其中一个类可以引用另一个类随着时间推移，我们发现被引用类需要得到其引用者才能进行某些处理，也就是说需要一个反向指针但是指针是一个单向连接，我们不能单向操作他，此时便可以建立双向引用关系了PS：指针好像对js不是很实用的说这个是我们以后会依赖的创建类的工具类 1 var base = {}; 2 var slice = [].slice; 3 var bind = function (scope, fu 阅读全文

posted @ 2013-11-05 22:46 叶小钗阅读(1077) 评论(0) 推荐(1) 编辑

手持设备点击响应速度，鼠标事件与touch事件的那些事

摘要：前言现在一直在做移动端的开发，这次将单页应用的网页内嵌入了app，于是老大反映了一个问题：app应用点击响应慢！我开始不以为然，于是拿着网页版的试了试，好像确实有一定延迟，于是开始了研究，最后选择了touch取代鼠标事件但是，touch事件取代mouse事件，还是有一定问题的，据说网上问题很多，因为两者之间还是有一定差异而且如果完全使用touch事件，对自动化测试的同事来说，他们的系统根本不支持touch事件，再者我们平时网页开发也不方便所以，了解鼠标事件与touch事件的区别，探讨鼠标事件与touch事件的兼容也是有必要的，于是我们开始今天的学习吧PS：这里使用zepto框架，懒得自己搞了. 阅读全文

posted @ 2013-10-19 19:07 叶小钗阅读(33043) 评论(5) 推荐(19) 编辑

都别说工资低了，我们来一起写简单的dom选择器吧！

摘要：前言我师父（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 叶小钗阅读(6769) 评论(37) 推荐(20) 编辑

【单页应用】一起来单页应用吧，实现简单微博功能！（上）

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

posted @ 2013-08-10 18:27 叶小钗阅读(10026) 评论(22) 推荐(18) 编辑

【javascript激增的思考04】MVC与Backbone.js(beta)

摘要：前言最近整理了很多前端面试题的东西，今天又去参加了一次面试，不知各位烦不烦，我反正有点累了，于是我们今天继续回到我们前段时间研究的问题，我们再来看看MVC吧。什么是MVC又回到这个问题了，到底什么是MVC呢？MVC是一种设计模式，他将应用划分为：① 数据（模型，model）② 展现层（视图，view）③ 用户交互（控制器，control）一个事件发生的过程是这样的：① 用户和应用产生交互② 控制器的事件处理器被触发③ 控制器从模型中请求数据，并将其交给视图④ 数据将数据呈现给用户以一个聊天呈现为例：① 用户提交一个新的聊天信息② 控制器的事件处理器被触发③ 控制器创建一个新的聊天模型记录④ 控阅读全文

posted @ 2013-07-01 21:54 叶小钗阅读(1168) 评论(7) 推荐(2) 编辑

【追寻javascript高手之路05】理解事件流

摘要：前言新的一天又开始了，我们对今天对未来抱有很大期待，所以开始我们今天的学习吧，在此之前来点题外话，还是爱好问题。周三的面试虽然失败，但是也是很有启迪的，比如之前我就从来没有想过爱好问题，我发现我的爱好如下：① 霹雳布袋戏完了就米有什么爱好了，其实我完全可以说自己爱好旅游什么的，我也确实爱好旅游，只不过比较穷，走的地方不多罢了，这里又扯出一个话题：学习工作与生活我们为了理想需要学习需要工作，工作完了需要生活，现在是前者分量掩盖了后者，所以以后的世界要注意了。好了进入今天的学习吧，我们今天来看看javascript里面的事件吧。事件交互javascript与html之间的交互是通过事件实现的，我们阅读全文

posted @ 2013-06-30 12:14 叶小钗阅读(3786) 评论(22) 推荐(28) 编辑

【追寻javascript高手之路04】理解prototype

摘要：前言中午时候我去药店称了下体重，好家伙！我减肥成功了，足足比上个月瘦了10斤！于是想减肥就去郑州吧。。。然后回来迷迷糊糊睡了一会，居然想起了周三的面试，有点小遗憾有点小触动。这次回成都后，还没有正式找工作，我也在审视自己，想起了上次二面时候面试官问的一个问题：你有神马值得自豪的事情吗？你有什么能证明自己性格特点的事情吗？这个其实想让我自我吹嘘一番嘛，但是我出来工作后是有几件出彩的事情，但是感觉在他面前就说不来也不算事了，于是弱弱的说了一下自己坚持写了3个月的博客了。但是在他看来，3个月似乎不算事。。。其实想一想3个月确实不算什么，转瞬即逝。我还有很多不懂的东西，各个方面。所以下周我还是应该找一阅读全文

posted @ 2013-06-29 18:11 叶小钗阅读(2332) 评论(14) 推荐(5) 编辑

【追寻javascript高手之路03】javascript对象大乱斗

摘要：前言昨天我们学习了下javascript中函数的参数与作用域的东东，现在回过头来看，其实都是与函数相关的，所以javascript中的函数仍然是王道，我们今天大概会发二篇或者三篇博客一起来巩固我们的javascript吧！PS：各位，阿里失败啦，这个事情不必关心啦......我下周再找工作了object 类型我们有两种方式可定义一个对象：1 var object = {};2 var object = new Object();PS：根据对象字面量创建的对象不会调用Object构造函数javascript中的对象类似于我们的hashtable，是一种键值对的形式，他可以以不同维度方式展示，某些阅读全文

posted @ 2013-06-29 11:56 叶小钗阅读(2413) 评论(13) 推荐(12) 编辑

【追寻javascript高手之路02】变量、作用域知多少？

摘要：前言本来想把这个与上篇博客写到一起的，但是考虑到是两个知识点还是分开算了，于是我们继续今天的学习吧。基本类型与引用类型ECMAScript的的变量有两种类型：基本类型（值类型）：简单数据段引用类型：多个值构成的对象在变量赋值结束后，解析器必须知道这个变量时基本数据类型还是引用类型，需要注意的是string在js中是值类型。复制的差异值类型的复制会在内存中创建副本，所以彼此间不会影响，但是引用类型只是将变量的引用复制，其指向的仍然是一个对象，会相互影响：1 var a = {};2 a.a = 6;3 var b = a;4 b.a = 66;5 alert(a.a);//66这是一个典型的例子阅读全文

posted @ 2013-06-28 16:51 叶小钗阅读(3030) 评论(21) 推荐(13) 编辑

【追寻javascript高手之路01】javascript参数知多少？

摘要：前言我最近在思考一个问题，我本身平时还是积累了不少东西，面试时候问的东西基本逃不出写的博客（当然，高级阶段的就不行了），但是真的被问到时我却不一定答得上来。知道且能回答，回答的效果都不是很好。。。。这是一个让人很囧的事情，另外，按道理说阿里面试是完蛋了，后面再慢慢找工作吧，休息一下也不错的。除了记忆力意外，心态也是一个问题，比如我最常说的一句话就是：恩，你说这个我知道，我还特意学习过，写了demo，但是给忘了！！！哎哟，我听到这句话都可耻的笑了，你忘了和我有一毛线关系？忘了是很多原因造成的，最直接原因应该是不够深刻，所以最近我们便抛开其它杂念，由最基础的HTML+CSS+Javascript学阅读全文

posted @ 2013-06-28 12:04 叶小钗阅读(3377) 评论(23) 推荐(9) 编辑

【javascript激增的思考03】MVVM与Knockout

摘要：前言今天搞的有点快，因为上午简单研究了下MVC，发现MVC不太适合前端开发，然后之前看几位前端前辈都推荐前端使用MVVM，但是我对其还不甚了解，所以我觉得下午还是应该先看看他是神马先，后面再决定要不要继续深入下去。神马是MVVM？借用我们百科一张美图，所谓MVVM就是model-view-viewmodel模型。他是微软带来的一项新的技术体验，最先用于WPF，最后发现其模式对前端开发尤其比较合适，所以便在前端流行起来了。MVVM是对MVC的一个改进，用以适应当代Web开发。model为数据或者业务逻辑，完全与UI无关，它存储了状态并对问题领域做出处理，model可以写在代码里面或者用json表阅读全文

posted @ 2013-06-21 16:38 叶小钗阅读(3064) 评论(25) 推荐(5) 编辑

【javascript激增的思考02】模块化与MVC

摘要：前言之前我们遇到了这么一个项目，也就是我们昨天提到的，有很多的小窗口的，昨天说的太抽象了，今天我们再来理一理什么是小窗口（后面点说下），当时由于js有一点复杂，我自己也装B跟风用了一下传说中MVC！！！PS：最后读寒冬老师的文章说是MVC不合适用到前端，但是为什么用以及为什么不能用可能是我半年后才能理解的问题了。其实，我当时对MVC的理解就停留在model view control的地步。。。。项目几个月后，核心功能都实现了，但是不得不面临js文件激增的问题，有时候其它同事要插入进来，便有点困难，于是当时对核心的框架进行了一点重写，缓解了一些问题，但并未解决问题。。。。后来的后来我就离开了，该阅读全文

posted @ 2013-06-21 11:13 叶小钗阅读(2874) 评论(11) 推荐(6) 编辑

【javascript激增的思考01】模块化编程

摘要：前言之前我做过一个web app（原来可以这么叫啦），在一个页面上有很多小窗口，每个小窗口都是独立的应用，比如：① 我们一个小窗口数据来源是腾讯微博，需要形成腾讯微博app小窗口② 我们一个小窗口数据来源新浪微博，需要形成新浪微博的小窗口我们注意到以上2个的数据源与处理方式较一致，但是需要做处理，而且其鉴权也不尽相同，所以这个js代码有相同的，也有不相同的。③ 我们的一个小窗口数据来源于百度RSS，需要形成点击标题展开的功能④ 我们一个小窗口数据来源于XXX，其表现形式为选项卡......⑤ 我们一个小窗口是flash，需要......⑥ 我们一个小窗口是个综合应用，里面还会有定时器，自动的更阅读全文

posted @ 2013-06-20 14:16 叶小钗阅读(3614) 评论(17) 推荐(12) 编辑

【初窥javascript奥秘之闭包】叶大侠病都好了，求不踩了：）

摘要：前言咳咳，叶大侠病了，昨天晚上回家时候在车上就不舒服，果然回来就挂了，本来还想今天接着上班撑下去的。但是昨天又看到一个IT巨子挂了，所以果断请了一个假！！！但是早上7.00左右就迷迷糊糊的醒了，于是我在想我是不是该“身残志坚”一番。。。。咳咳，以上玩笑，我们最近一起学习了很多CSS的东西，相信大家的CSS水平必定提高了吧？？？所以我们接下来一段时间来看看javascript吧，今天我们一起来看看闭包这个家伙！本文参考：http://www.cnblogs.com/TomXu/http://www.cnblogs.com/lhb25/archive/2011/09/06/javascript-s 阅读全文

posted @ 2013-06-15 12:58 叶小钗阅读(3561) 评论(26) 推荐(20) 编辑

【javascript面向对象之路】让我们一起来坦克大战吧01

摘要：提问不知道大家发现没有，运行时候浏览器或者电脑会变得很卡哦。根据我们之前的学习，你知道是什么原因导致的吗？若是各位有兴趣，请你回答卡的原因，并提出优化方案。前言PS 各位要看效果还是使用ff或者google吧，ie7以下好像有问题。最近大家都在坦克大战，我突然想了下我是不是也应该坦克大战一番呢？于是，我们就有了今天的东西。其实做坦克大战并不是为了坦克大战，而是为了javascript面向对象！所以我这里并不会完成这个游戏，做到哪步是哪步吧。怎么说呢？javascript面向对象大家都听得很多了，但能真正理解的人并不多，我事实上也是水的，知道一点皮毛是没用的，所以想以此提升面向对象的思想。PS：阅读全文

posted @ 2013-06-12 14:33 叶小钗阅读(5592) 评论(20) 推荐(9) 编辑

【javascript培训第三天】查遗补漏

摘要：前言先说说最近的工作吧，我刚进了一个新的团队，工作了快两周了，感觉新团队还是不错的，最重要的一点就是大家都在做事情，没人“偷懒”。因为后端同事很多原来没有互联网开发经验，所以对前端的一些东西不是很熟悉，我开始还认为彼此配合可能会出问题呢，但是我是错误的！后端老大哥很照顾人的，至少最近的工作中，后端同事表现出来的友好与担当就是我应该学习的，而且后端同事对我很尊重，有几次都提出了要向我学习前端知识，说实话我感觉到了团队的温暖，也感觉到了自己的责任，所以还得加油呢！这个团队是很有前途的，这是一个好的开始。然后，我开始担任着前端组长的角色，我认为我最近做的不够好，今天产品经理和组员聊天过程中，我突然意阅读全文

posted @ 2013-05-29 22:48 叶小钗阅读(1352) 评论(3) 推荐(1) 编辑

【javascript培训第二天】DOM与BOM

摘要：前言接上一次的话题，我们今天继续学习，对于上一篇文章，有朋友认为这种文章满大街都是（老实说，我也没想到这么多朋友愿意读），想学javascript不如自己买一本javascript高级程序设计来读读，其实这些朋友的想法是正确的。但无奈这是上面下的任务，而且我认为学习有两个最为困难的阶段：1 入门2 飞升我所说的飞升到不是说非常非常厉害，也就是我两年后想达到的水平罢了。诚然入门不难，认为不难的同学其实是错误的，说他不难只能说你已经入门了，其实入门真的很难的！就拿我来说，我入门CSS就花了很大的功夫，连现在我都觉得CSS很精秒。我自己js入门没有我没有办法断定。什么程度算是入门，什么程度算是精通，阅读全文

posted @ 2013-05-28 22:15 叶小钗阅读(5139) 评论(11) 推荐(22) 编辑

【javascript培训第一天】语言基础

摘要：前言因为公司要进行前端团队建设，这一培训任务就落到了我手里，有时候会望着后端几个工作5年甚至10年的同事，心里还是有点虚的，虚完事情还是要做的，所以首先需要先复习复习，后面再根据最近的博客形成PPT吧，所以“本老师”来了。。。这次培训的内容由CSS、javascript、jquery组成，按道理说该先写CSS的，但是我CSS很水已经是默认的标准了，所以还是先看看js吧，希望我js不这样水javascript基本数据类型这次培训对象还是会有新人，所以还是需要介绍基本数据类型的，话说我现在也不能完全说出来呢。。。javascript数据类型分为两种：原始类型与对象类型原始类型：数字、字符串、布尔值阅读全文

posted @ 2013-05-26 23:23 叶小钗阅读(5130) 评论(33) 推荐(33) 编辑

【初窥javascript奥秘之面向对象】封装与继承

摘要：前言javascript是一种基于对象的语言，意思是我们遇到的所有东西几乎都是对象（函数也是）。虽然class为js的保留字，但是他没有任何实际意义（当他有实际意义了，我们很多代码又要重新写啦。。。），因为js并不是真正意义上的变相对象编程语言，所以class名存实亡。js面向对象的路在何方？本人才... 阅读全文

posted @ 2013-04-25 13:11 叶小钗阅读(3430) 评论(6) 推荐(5) 编辑

【初窥javascript奥秘之Ajax】简述下你所知道的Ajax？

摘要：前言ajax已经流行很多年了，现在来说它是否已经晚了呢？？？特别是有这样框架那样框架后，还有几个人认识原生ajax呢？我们每天都会用到的东西你到底对他了解吗？在最近一次面试上不幸被问到了，原以为很熟悉的东西你会发现你对他根本不熟悉！要说熟悉AJAX的话你需要毫不犹豫回答以下问题：1 不同浏览器下ajax实现上的差异2 一次ajax请求过程中有哪几种状态值,不同状态值之间含义是什么3 ajax在跨域的情况下会出现什么状况，以及解决方案4 ajax和后台数据交互时会有什么编码问题吗？5 最后可以说说XMLHttpRequest2有什么新东西怎么样？各位能轻易的答上以上4点，便可直接忽略此文，若是只阅读全文

posted @ 2013-04-24 13:31 叶小钗阅读(7504) 评论(37) 推荐(49) 编辑

随笔分类 - javascript