其他 - 随笔分类(第3页) - 【艾伦】

jQuery源码分析系列(31) : Ajax deferred实现

摘要：AJAX的底层实现都是浏览器提供的，所以任何基于api上面的框架或者库，都只是说对于功能的灵活与兼容维护性做出最优的扩展ajax请求的流程：1、通过 new XMLHttpRequest 或其它的形式（指IE）生成ajax的对象xhr。2、通过xhr.open(type, url, async, u... 阅读全文

posted @ 2014-05-09 10:27 【艾伦】阅读(5325) 评论(6) 推荐(15) 编辑

jQuery源码分析系列：Callback深入

摘要：关于Callbacks http://www.cnblogs.com/aaronjs/p/3342344.html$.Callbacks()的内部提供了jQuery的$.ajax() 和 $.Deferred() 基本功能组件在针对ajax处理中，用的最多的就是once memory的组合/** *... 阅读全文

posted @ 2014-05-07 15:11 【艾伦】阅读(7142) 评论(8) 推荐(9) 编辑

jQuery源码分析系列(30) : Ajax 整体结构

摘要：开头引用一段想起一句话：前端研究，研究个屁~ 的确如此呀。补充下联：前端设计，设计个屁~前端目前最大的困境是，如 HTML 一样，无论你承不承认，市场上并不太需要 HTML 高手其实这里引发一个问题：前端的价值究竟是什么？未来应该如何发展？我个人觉得还是一个核心价值的问题，前端在漂亮的东西都是需要后端的数据支撑的，而且前端的绝大部分问题，其实都需要后端才能解决，就如我开发了三年的混合项目... 阅读全文

posted @ 2014-04-24 10:51 【艾伦】阅读(14800) 评论(4) 推荐(26) 编辑

Vue 入门指南

摘要：英文：http://vuejs.org/guide/index.html介绍vue.js 是用来构建web应用接口的一个库技术上，Vue.js 重点集中在MVVM模式的ViewModel层，它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令（Directives）和过... 阅读全文

posted @ 2014-04-14 10:19 【艾伦】阅读(95724) 评论(12) 推荐(28) 编辑

老码农教你学英语

摘要：对于咱们这些高端大气、时刻需要和国际接轨的码农，英语的重要性自然是毋庸置疑的。尤其是那些胸怀大志的潜在大牛们，想在码农行业闯出一片天地，秒杀身边的小弟们，熟练掌握英语更是实现其目标最关键的因素之一。否则，试想在你捧着某出版社刚刚翻译出来的《JSP 高效编程》苦苦学习JSP模板的时候，你旁边的小弟却是拿着原版的《AngularJS in Action》学习开发单页面应用，虽然你们都同样认真地学习了一个月，可做出来东西的效果能一样吗？所以，英语好才能学到最新最炫的技术，否则只能拿着国内出的翻译版学习两三年前的老古董还把它当个宝。更何况国内的翻译书水平如何你不会不知道吧？多少坑爹的翻译啊！不提了！其阅读全文

posted @ 2014-04-12 10:32 【艾伦】阅读(2909) 评论(4) 推荐(12) 编辑

关于HTML5 Audio线程问题

摘要：移动端果然很坑！在移动端IOS平台上用new Audio每次调用这个API都会创建一个新的线程，而且还不能销毁。。。直到拖死应用后来改进了换了AudioContext，线程问题解决了https://developer.mozilla.org/en-US/docs/Web/API/AudioContext但是带来了一个问题这个API加入了缓存池，所以加载大的音频文件初始化要很久。。 5M左右的文件大概要10秒如果想提速就要预先把所有的音频文件加入缓存池。。内存直接溢出！终极方案：保持一个new Audio实例，替换src地址就行了，虽然每次都改变src会临时产生很多新线程，但是最终会自动销毁只保阅读全文

posted @ 2014-04-08 17:22 【艾伦】阅读(1205) 评论(2) 推荐(2) 编辑

Object.create

摘要：var emptyObject = Object.create(null);var emptyObject = Object.create(null);var emptyObject = {};var emptyObject = new Object();区别:var o; // create an object with null as prototype o = Object.create(null); o = {}; // is equivalent to: o = Object.create(Object.prototype); function Con... 阅读全文

posted @ 2014-04-03 20:57 【艾伦】阅读(859) 评论(0) 推荐(1) 编辑

前端MVVM框架设计及实现（二）

摘要：在前端MVVM框架设计及实现（一）中有一个博友提出一个看法：“html中使用mvvm徒增开发成本”我想这位朋友要表达的意思应该是HTML定义了大量的语法标记，HTML中放入了太多的逻辑，从而增加了复杂度将逻辑放入HTML是一个不好的做法，也不建议这么做，即便从复用的角度来讲，因为HTML与代码紧密耦合，要想重新组成一个应用程序非常困难当然，在构建一个应用程序时，你也可以不使用框架，但不可否认，使用框架将使得你的开发工作变得更容易框架都不是万能的，但是在某一种特定的项目中，用最方便快捷的方式达到同样的目的又何乐而不为呢？指令在第一节前端MVVM框架设计及实现（一）中，展示了用最简单的代码实现了一阅读全文

posted @ 2014-03-26 08:31 【艾伦】阅读(8771) 评论(5) 推荐(12) 编辑

前端数据结构与算法系列

摘要：数据结构与算法是大多前端程序员的短板，传统的前端开发都是在跟浏览器兼容作斗争很少会涉及到复杂的结构设计本系列参考了数据结构与算法JavaScript描述、大话数据结构、数据结构与算法分析，网上的资料等等通过分析总结其它语言的实现从而转化成javascript版，主要是为了学习附上每一章的源码注阅读全文

posted @ 2014-03-25 17:29 【艾伦】阅读(8798) 评论(4) 推荐(15) 编辑

在Windows平台上安装Node.js及NPM模块管理

摘要：1. 下载Node.js官方Windows版程序：http://nodejs.org/#download 从0.6.1开始，Node.js在Windows平台上提供了两种安装方式，一是.MSI安装文件，另外还有一个.EXE可执行文件。我选择了.EXE文件。因为.MSI安装文件除了将node.exe复制到C:\Program File (x86)\目录中及修改系统Path之外，没发现还有其他作用。我使用的版本为0.6.2: http://nodejs.org/dist/v0.6.2/node.exe2. 创建D:\nodejs目录，并将node.exe保存在这个目录中。并将... 阅读全文

posted @ 2014-03-22 14:07 【艾伦】阅读(8268) 评论(0) 推荐(3) 编辑

移动混合应用HTML5数据查询优化

摘要：项目介绍pheongap混合应用，跨平台，做应用加工厂提供应用模板编辑器~本地应用，完全是模拟IOS，安卓原生应用的实现，所以支持14种手势，所有PPT动画，视觉差效果，等等功能组合。。。这是IDE的功能设置HTML5本地数据库就是用SQLite，这是我们应用的数据库通过数据动态生成页面这个应用有30页，有些应用上千页，所以页面全是动态生成的，只会维持在2-3页，这里用到了模拟多线程任务 - - ，用于实现无缓冲翻页，效果还是不错一个页面涉及N多数据的的查询，可能关联很多表，几十上百条记录，如何优化？数据查询方式1：sql数据拼sql语句是不行的，你可以试试一条SQL语句耗费的时间是多少？基阅读全文

posted @ 2014-03-12 12:45 【艾伦】阅读(3987) 评论(8) 推荐(7) 编辑

你的 mixin 兼容 ECMAScript 5 吗

摘要：原文：Are your mixins ECMAScript 5 compatible?作者：Nicholas C. Zakas我最近在与客户合作的项目中，需要充分利用的 ECMAScript 5，在此我遇到一个非常有趣的问题。该问题源于一个非常常见的模式： mixin （译注：很多文章翻译成「混入」，我觉得还是保留原文吧。如今 mixin 的流程程度不亚于 Closure，什么！你不知道？拜托，如果你是从火星来的，请自觉 Google 吧。@justjavac），也就是在 JavaScript 中把一个对象的属性或者方法 mixin 到另一个。大多数 mixin 的功能看起来像这样：fun 阅读全文

posted @ 2014-03-09 21:38 【艾伦】阅读(488) 评论(0) 推荐(1) 编辑

大前端晋级系列之-单一职责原则

摘要：The Single Responsibility Principle（单一职责SRP）有时候，开发人员设计接口的时候会有些问题，比如用户的属性和用户的行为被放在一个接口中声明。这就造成了业务对象和业务逻辑被放在了一起，这样就造成了这个接口有两种职责，接口职责不明确，按照SRP的定义就违背了接口的单一职责原则了按字面意思理解单一职责原则，就是功能要单一？A class should have only one reason to change所谓单一职责，就是一个设计元素只做一件事。什么是“只做一件事”？简单说就是少管闲事。现实中就是如此，如果要你专心做一件事情，任何人都有信心可以做得很出色。阅读全文

posted @ 2014-03-08 10:49 【艾伦】阅读(1846) 评论(2) 推荐(5) 编辑

大前端晋级系列之-策略模式

摘要：谨代表自己的理解，有错误欢迎指出!因为有jQuery的源码分析系列，所以尽量走jQuery的设计风格，便于理解.为什么要使用策略模式？举个例子，企业或者个人都要纳税，但是不同的国家税点自然是不一样的，那么这个税点的计算的方式就会有很多了，如何有效的管理呢？可以采用策略模式，使用算法的责任和算法本身分割开来，委派给不同的对象管理。策略模式通常把一个系列的算法包装到一系列的策略类里面，作为一个抽象策略类的子类。简单的说：“准备一组算法，并将每一个算法封装起来，使得它们可以互换”。tom大叔的帖子有一套设计模式，关于策略模式讨论的颇为激烈http://www.cnblogs.com/TomXu/ar 阅读全文

posted @ 2014-03-07 10:14 【艾伦】阅读(2945) 评论(4) 推荐(6) 编辑

为什么MVC不是一种设计模式

摘要：http://damoqiongqiu.iteye.com/blog/1949256---比较Backbone和Ext4.x在MVC实现上的差异大漠穷秋前言圣人云：不想做妈咪的小姐不是好码农。每一个码农的心中都有一个终极理想，那就是有一天不用再Coding。在成为妈咪的道路上，“设计模式”被认为是一... 阅读全文

posted @ 2014-03-05 10:39 【艾伦】阅读(32433) 评论(8) 推荐(18) 编辑

解读sencha touch移动框架的核心架构(二)

摘要：本来这行要详解Ext.extend的，但是发现网站有很详细的，那么就跳过去吧为保持一个系列的分析，还是先搬过来吧，下章开始分析Ext4.0的新架构在Java中，我们在实现继承的时候存在下面几个事实：1，准备两个类，他们用extends关键字链接起来2，如果超类没有默认构造函数，需要在子类构造函数... 阅读全文

posted @ 2014-03-04 16:59 【艾伦】阅读(1388) 评论(3) 推荐(2) 编辑

解读sencha touch移动框架的核心架构(一)

摘要：sencha的前身就是Extjs了，sencha 框架是世界上第一个基于HTML5的Mobile App框架那么何谓框架，传统软件工程对于库和框架的区分主要着眼于对应用运行流程的控制权，框架提供架构，控制运行流程，让开发者在合适的地方书写针对具体问题的代码sencha提倡的就是组件化编程，是面向对象的技术的一种近一步的发展延伸,类的概念仍然是组件技术中一个基础的概念,但是组件技术更核心的概念是接口。sencha是重量级的架构了，一般来说很少会有公司用到内部的这种架构，因为太像java的Swing了不过我在项目中用sencha组织的代码结构拿来主义本来不是我的风格，自己也改动了很多代码，但是整阅读全文

posted @ 2014-03-03 21:55 【艾伦】阅读(2869) 评论(2) 推荐(7) 编辑

大型 JavaScript 应用架构中的模式

摘要：原文：Patterns For Large-Scale JavaScript Application Architecture by @Addy Osmani今天我们要讨论大型 JavaScript 应用架构中的有效模式。这篇文章基于我最近在 LondonJS 的同名演讲，灵感则来自 Nichola... 阅读全文

posted @ 2014-03-01 15:04 【艾伦】阅读(3460) 评论(2) 推荐(3) 编辑

jQuery2.0.3源码分析系列之(29) 窗口尺寸

摘要：.height().innerHeight().innerWidth().outerHeight().outerWidth().width()基础回顾一般的，在获取浏览器窗口的大小和位置时，有以下几个属性可以使用：在不同的浏览器中，以下12个属性所代表的意义也是不一样的特别需要注意的是，当使用或者不使用声明显示一个文档的时候，以上12个属性的意义也会发生变化。特在IE 9中，无论是否使用声明显示一个文档，document.documentElement和document.body中的相关属性的意义总是相同的。这点与IE 6/7/8表现不一样。正常情况：Firefox/Chrome/Safari 阅读全文

posted @ 2014-02-27 09:15 【艾伦】阅读(4292) 评论(4) 推荐(15) 编辑

jQuery2.0.3源码分析系列(28) 元素大小

摘要：最近的分析都是有点不温不火，基本都是基础的回顾了今年博客的目标目前总的来说有2大块JS版的设计模式，会用jQuery来诠释JS版的数据结构，最近也一直在狠狠的学习中.HTML息息相关的的样式偏移量offsetWidth offsetHeight offsetLeft offsetTopoffsetHeight/offsetWidth: 表述元素的外尺寸：元素内容+内边距+边框(不包括外边距)offsetLeft/offsetTop: 表示该元素的左上角（边框外边缘）与已定位的父容器（offsetParent对象）左上角的距离。offsetParent元素是指元素最近的定位（relative,a 阅读全文

posted @ 2014-02-25 09:01 【艾伦】阅读(4224) 评论(7) 推荐(11) 编辑

随笔分类 - 其他