2014 年 3月随笔档案 - 【艾伦】

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

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

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

前端数据结构与算法系列

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

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

JavaScript使用正则表达

摘要：正则表达式概述在前面已经涉及了一些正则表达式的用法，现在将系统地学习正则表达式的语法和用途。正则表达式主要用于进行字符串的模式匹配，例如判断一个字符串是否符合指定格式等。例如在windows下搜索文件，可以用“*”或者“?”这样的通配符。在正则表达式的语法中，有更多这样的符号用于表示一个字符串的模式，表7.1列出了所有的特殊符号，它们也被称为元字符。使用这些元字符，可以表... 阅读全文

posted @ 2014-03-25 16:13 【艾伦】阅读(3793) 评论(0) 推荐(1) 编辑

sublime text2小技巧

摘要：1. 文件快速导航：这是sublime上面很好用的功能之一，ctrl+p可以调出窗口，菜单上的解释是gotoanythings ，确实如其所言，调出窗口后，直接输入关键字，可以在已打开的项目文件夹中进行快速文件名导航，而且支持模糊搜索,对于不想一直鼠标点开文件夹的同学来说极为方便，并且在该窗口里加上:前缀即为行跳转(ctrl+G)，加上@(ctrl+R)前缀在html里是id 关键字导航，cs... 阅读全文

posted @ 2014-03-24 15:49 【艾伦】阅读(12769) 评论(3) 推荐(2) 编辑

Sublime Text2 Jsformat自定义使用之代码折叠方式修改

摘要：将代码括号的折叠方式从 function abc（）｛｝变成 function abc() { } 打开 Setting-user，把setting-default里的文本全部复制过来。然后将"brace_style": "collapse" 修改为"brace_style": "expand" 再重新格式化，你发现变成了自己想要的格式了，哈哈。另外附上 gith... 阅读全文

posted @ 2014-03-24 15:29 【艾伦】阅读(947) 评论(0) 推荐(2) 编辑

在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 【艾伦】阅读(8283) 评论(0) 推荐(3) 编辑

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

摘要：最近抽出点时间想弄个dom模块化的模板引擎，不过现在这种都是MVVM自带的，索性就想自己造轮子写一个简单的MVVM框架了借鉴的自然还是从正美的avalon开始了，我记得还是去年6月写过一个系列的avalon源码分析的，不过那时候0.7版本，不够健全，现在已经好太多了框架是面向一个领域，提供一套解决方案，那么我们用前端的MVVM能为我们带来什么便利？关注点分离操作数... 阅读全文

posted @ 2014-03-21 09:12 【艾伦】阅读(48872) 评论(21) 推荐(34) 编辑

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

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

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

Git-图文教程

摘要：https://github.com/haveatry823/QSanguoshaAI/wiki/Git-%E5%9B%BE%E6%96%87%E6%95%99%E7%A8%8Bhttp://www.cnblogs.com/jisi5789/archive/2013/04/20/3032177.htmlhttp://blog.csdn.net/xiangzi1113/article/details/9213667 阅读全文

posted @ 2014-03-10 14:41 【艾伦】阅读(689) 评论(1) 推荐(3) 编辑

你的 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 【艾伦】阅读(491) 评论(0) 推荐(1) 编辑

Hammer.js手势库安卓4.0.4上的问题

摘要：Hammer.JS - v1.0.7dev - 2014-02-18 1.Hammer.JS 在安卓4.0.4 , 4.1上 touchmove事件丢失 https://code.google.com/p/chromium/issues/detail?id=152913 2.swipe, swipeleft, swiperight, swipeup, swipedown事件响应超级... 阅读全文

posted @ 2014-03-08 16:43 【艾伦】阅读(819) 评论(1) 推荐(0) 编辑

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

大型 JavaScript 应用架构中的模式

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

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

积分与排名

随笔分类 (320)

随笔档案 (265)

阅读排行榜

评论排行榜

推荐排行榜

最新评论