莫老王的专栏

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

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

转载 js之require.js三

这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。　　

转载 js之 RequireJS入门指南

简介 如今最常用的JavaScript库之一是RequireJS。最近我参与的每个项目，都用到了RequireJS，或者是我向它们推荐了增加RequireJS。在这篇文章中，我将描述RequireJS是什么，以及它的一些基础场景。异步模块定义(AMD) 谈起RequireJS，你无法绕过提及JavaScript模块是什么，以及AMD是什么。 JavaScript模块只是遵循

转载 JS之模块化工具requirejs教程(二)：基本知识

前一篇：JS模块化工具requirejs教程(一)：初识requirejs 我们以非常简单的方式引入了requirejs，这一篇将讲述一下requirejs中的一些基本知识，包括API使用方式等。基本APIrequire会定义三个变量：define,require,requirejs，其中require === requirejs，一般使用require更简短define 从名字就

转载 JS之模块化工具requirejs教程(一)

随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作

转载 js之RequireJs学习

RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能：声明不同js文件之间的依赖可以按需、并行、延时载入js库可以让我们的代码以模块化的方式组织初看起来并不复杂。在html中引入requirejs在HTML中，添加这样的 标签： script src="/path/to/require.js" data-main="/path/to/app/con

原创 js之执行环境(作用域)与作用域链深入剖析3

主要内容：1、分析JavaScript的词法作用域的含义2、解析变量的作用域链3、变量名提升时什么最近在传智播客讲解JavaScript的课程，有不少朋友觉得JavaScript是如此的简单，但是又如此的不知如何使用，因此我准备了一些内容给大家分享一下.这个系列主要讲解JavaScript的高级部分的内容，包括作用域链、闭包、函数调用模式、原型以及面向对象的一些东西. 在这

原创 js之执行环境(作用域)与作用域链深入剖析2

作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域　　任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期

原创 js之执行环境(作用域)与作用域链深入剖析

javascript执行环境(作用域)与作用域链深入剖析js中执行环境和作用域链的地位在js中是相当重要的，也是编写复杂的js脚本所必需掌握于胸的知识，我们一起来揭开它的面纱，和大家共同来学习，在讲解的过程中可能会有疏忽的地方，希望读到的朋友指出。执行环境：它的原始定义是这样的：它定义了变量和函数有权访问的其它数据。看上去很抽象，其实很简单，举例来说，window对象中定义的变量和方法

转载 js之深入理解js闭包

一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 　　var n=999;　　function f1(){　　　　alert(n);　　}　　f1(); // 999另一方面，在函数外部自然无

转载 js之内存泄漏

1、什么是闭包、以及闭包所涉及的作用域链这里就不说了。2、JavaScript垃圾回收机制JavaScript不需要手动地释放内存，它使用一种自动垃圾回收机制（garbage collection）。当一个对象无用的时候，即程序中无变量引用这个对象时，就会从内存中释放掉这个变量。var s = [ 1, 2 ,3];var s = null;//这样原始的数组[1 ,2 ,3]就会

原创 js之匿名函数

JavaScript中的匿名函数及函数的闭包1、匿名函数2、闭包3、举例4、注意1、匿名函数函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。1.1 函数的定义，首先简单介绍一下函数的定义，大致可分为三种方式第一种：这也是最常规的一种 function double(x){ return 2

转载 js之this的用法2

Javascript 当中的 this 与其他语言是完全不同的机制，很有可能会让一些编写其他语言的工程师迷惑。1. 误以为 this 指向函数自身根据 this 的英语语法，很容易将函数中出现的 this 理解为函数自身。在 javascript 当中函数作为一等公民，确实可以在调用的时候将属性值存储起来。但是如果使用方法不对，就会发生与实际预期不一致的情况。具体情况，请看下面代码

转载 Javascript诞生记

二周前，我谈了一点Javascript的历史。今天把这部分补全，从历史的角度，说明Javascript到底是如何设计出来的。只有了解这段历史，才能明白Javascript为什么是现在的样子。我依据的资料，主要是Brendan Eich的自述。2.上一篇文章写道："1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏

转载 Javascriptl历史-继承机制的设计思想

Javascript继承机制的设计思想作者： 阮一峰日期： 2011年6月 5日我一直很难理解Javascript语言的继承机制。它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行

原创 eclipse 高效快捷键

1. ctrl+shift+r：打开资源    这可能是所有快捷键组合中最省时间的了。这组快捷键可以让你打开你的工作区中任何一个文件，而你只需要按下文件名或mask名中的前几个字母，比如applic*.xml。美中不足的是这组快捷键并非在所有视图下都能用。2. ctrl+o：快速outline    如果想要查看当前类的方法或某个特定方法，但又不想把代码拉上拉下

原创 PMBOX 五大过程组合9个知识体系

知识领域启动规划执行监视与控制收尾项目整体管理制定项目章程制定项目管理计划指导项目执行监视与控制项目工作项目收尾项目或阶段收尾(新)制定初步范围说明书整体变更控制范围管理范围规划 收集需求

原创 学习笔记：模式学习-生成器模式

前言在前两讲，我们介绍了工厂方法和抽象工厂模式，这两种模式都是完成对一个或者若干个内部结构相对简单的对象的创建工作。换句话来说，这样的对象内部之间没有明显的子部分或者说是各个子部分间的“组装”过程。然而在现实世界里，确实存在着这样的对象模型，可以将内部抽象成若干个子部分，而且需要通过一定的组建算法将它们构建在一起形成完整的最终对象。面对类似对象的创建工作，显然工厂模式已经不善长，需要追寻新的模

转载 执行力，到底是什么鬼？

上周末和学员聚会，有一个细节让人深刻：刚刚工作的孩子，都很反感老板提执行力这三个字。　　也难怪，很多老板每天逼逼员工要有执行力，但执行力到底是什么?似乎很少能表达清楚。我就结合我的体会，简单逼逼几句。　　必须要说明的一个前提是：执行力真的无比重要，不仅对年轻职场人，对公司里的所有人都无比重要。　　否则为什么公司一把手叫首席执行官?　　在我理解中，执行力大体包括以下4个步骤：　　

转载 UI设计：空状态的设计值得更多关注

空状态，或称零数据状态，很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下，因为从表现上来看，空状态给人的感觉就是临时性的，有些微不足道。不要被空状态的名字所迷惑，实际上，这个状态在引导性、愉悦性和保留用户等方面的潜质对于产品体验在细节当中的成败有着不可忽视的作用。空状态通常会在初次使用、完成或清空内容、软件出错等情境下出现。从产品体验的角度来

转载 UI设计：如何设计移动端输入交互

深入了解时下最热门应用的设计模式本文中，UXPin – 用户体验设计应用的Chris Bank会讨论用户输入设计模式的重要性，还有来自时下最热门移动应用的具体案例——更多案例和超过45种移动端设计模式，都在UXPin的免费电子书《2014移动UI设计模式》中有提到。任何移动应用，若没有用户起初和持续不断的输入，就什么也不会发生。因此，移动产品设计师、开发者和产品经理要了解最佳的输入方式，这

转载 UI设计：如何设计移动应用的导航

转载 关于 个人订阅号 开启开发模式后无法开启 自定义菜单

一、订阅号能开发菜单吗？目前新申请的订阅号不能申请自定义菜单资格，只有服务号才可以。没有菜单资格，就不能开发出菜单。 二、为什么有的订阅号又有菜单？部分订阅号有菜单，主要是基于几种原因：1) 和微信官方有合作关系，微信官方给他们开放的接口。例如：深圳东部华侨城2) 在2013年3月26日的时候，微信曾经开放过一周时间的自定义菜单申请，允许政府及媒体申请自定义菜单，那一批申请

转载 H5场景画报免费制作工具汇总

点点客海报访问地址：http://www.dodoca.com技术支持：点点客工具优点：注册简单，扫描二维码即可登录使用 秀制作访问地址：http://xiumi.us技术支持：秀米工具优点：系统支持动态模板，和秀米排版助手好搭档 MAKA访问地址：http://www.maka.im技术支持：MAKA工具优点：静态模板和

转载 学习笔记：Axure制作App原型应该怎样设置尺寸？

最近有几位小伙伴儿都提出同样一个疑问：想用Axure设计一个 APP原型 放到真实的移动设备中演示，但不知道应该使用什么尺寸？若要解释清楚像素和分辨率需要的篇幅比较长，请大家参考百度百科。这里金乌直接给大家提供一个常用的移动设备尺寸列表，制作原型时根据查询的尺寸在axure中设置大小即可，设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接口（ include Viewport

转载 Axure RP 公司低调发布了一款名为：Axshare的APP。

近日在Axure RP 公司低调发布了一款名为：Axshare的APP。这个APP意味着在移动端落后许久的Axure终于补上了这一步。简单介绍一下这款APP的用处，在中国的产品经理里面最早接触最专业的原型设计工具非Axure 莫属，可以说axure在现在的IT业内大大小小的产品、交互没有不知道的了。所以当这两年移动化APP设计需求明显Axure又没能满足这个需求，很多新型的原型设计

原创 UI设计：英文字体运用指导手册

字体是视觉设计中最重要的传达元素之一，字体本身的视觉特性和品质影响着信息传递的质量，英文字体有自己非常完善的系统，如果要精通则需要从字体的历史与形成，文化属性细细研究，限于文章篇幅，这里只从个人的感受出发写一些更偏向于应用的内容.英文字体的分类英文文字大致分成三类，衬线体，无衬线体和其他字体。其他字体包括哥特体，手写体和装饰体，这些字体在我们工作中使用相对较少，所以重点介绍衬线

原创 学习笔记：axure 高级教程 6 使用技巧集锦

技巧一.画面移动。当设计画面很大时，为了选取不同位置的组件，需使用垂直与水平的滚动条来定位，这使得选取组件的动作变慢，操作起来也不方便。可以试试这样，鼠标光标聚焦在主操作区，按住键盘的空格键，此时鼠标光标会切换成手状，就可以像在PDF文件里那样抓着画面任意滑动，而且不会打乱任何组件的位置，方便操作。技巧二. 组件重叠时选取下层的组件。当多个组件重叠时，选取下层组件会很不方便，此时可以先选取

转载 学习笔记：axure 高级教程 6 制作组件库

AxureRP提供了默认的线框图组件库和流程图组件库，并支持加载第三方的组件库，应该说扩展性非常的不错。网上也有很多共享的组件库，应用在不同的设计页面或者环境下，如windows效果，现在很火的android组件库等，这些组件库很好的弥补了默认组件库样式少的问题，也能节省大量的时间去自己设计组件库。但是并不是所有的组件库都能满足足球，很多公司都有自己的UI设计风格或者标准，因此封装一些常用的风格组

转载 学习笔记：axure 高级教程 5Axure产品原型在手机上如何运行

图1 模拟家庭用药的高保真原型　　在一般的开发工作之前，我们通常会设计产品原型，大部分为axure绘制的线框图作为产品的PRD文档，供UI和开发进行前期工作，但是有的时候客户、领导想在开发之前，看到产品的概貌，就必须做产品的高保真原型进行模拟，这时如果做出来的原型能运行在手机端，那再好不过，如图1(注：上图是仿照丁香园的家庭用药，做的一个高保真原型，算是免费给丁香园打广告，是不是考虑给我点

转载 UI设计： iOS 启动页的原则

都说iOS打开软件秒进，但是比如下图的微信和网易新闻，要等好几秒未央之末回答：这个问题的答案其实可以毁非常多UI和PM长久以来的三观，其实Apple要求的Launch Image（下称启动页）不允许这样啊！！！不允许啊！！不啊！先上简化结论——启动页的作用：提高用户体验，减少用户焦虑品牌效应商业需求情怀（褒义）而不同的

翻译 UI设计：

对于设计者来说，Apple Watch 是一个全新的玩意。与网页、桌面客户端和移动应用的设计相比，Apple Watch 的设计引入了许多新的限制，但同时也带来了无穷的可能性。最近我去了趟旧金山，参加了苹果的 WWDC，并学习了如何为 Apple Watch 设计应用。我很乐意与大家分享这些小技巧，来帮助各位做出更棒的产品。在这篇文章中提到的大多数东西，都可以在这两个 WWDC 2015

转载 学习笔记：产品研发过程 一款互联网产品诞生的前世今生

一款产品从最开始立项到最后上线需要经过很多阶段，不同的公司产品开发流程也不太一样，。最近看的《破茧成蝶》这本书从设计师的角度对整个产品开发周期的各个环节做了很详细的介绍，我看完了这本书也收获很多，和大家分享一下我的心得。需求阶段从用户角度一款产品首先是要解决用户的某个实际问题，其次是让这个问题变得容易解决，最后是让用户在使用产品过程中有深刻的印象，留下美好的体验。所以我们在设计产品时应

原创 资料：产品书籍推荐

▏逻辑思考1.《学会提问：批判性思维指南》2.《简单逻辑学：改变思维方式第一书》3.《批判性思维：带你走出思维的误区》4.《思考，快与慢》▏沟通协调1.《非暴力沟通》2.《高难度谈话》3.《卡内基沟通与人际关系》4.《人性的弱点》5.《身份的焦虑》▏需求分析1.《淘宝十年产品事》2.《启示录：打造用户喜爱的产品》3.《创新者的窘境》4.《

原创 四象限管理法

究竟什么占据了人们的时间？这是一个经常令人困惑的问题。著名管理学家科维提出了一个时间管理的理论，把工作按照重要和紧急两个不同的程度进行了划分，基本上可以分为四个“象限”：紧急又重要、重要但不紧急、紧急但不重要、既不紧急也不重要。这就是关于时间管理的“四象限法则”。时间管理理论的一个重要观念:把主要的精力和时间集中地放在处理那些 "重要但不紧急" 的工作上。这样可以做到未

原创 个人学习笔记

20150624:学习产品，要有产品的sense，每天争取看20个产品，并且带着问题去考虑，为什么他会设计成这样？用户在玩的时候有什么需求？这个APP都满足了么？ 如果我来设计，我怎么去设计？多看书；多去用产品，写产品体验分析；或者是多和其他产品童鞋、从业人员交流，跟别人交流产品 讲故事的方式非常重要

转载 经验分享：一个产品经理花50万及半年时间买的教训

我相信每个产品经理都有自己的知识和经验的积累，“趟坑”想必也是陪伴产品经理一辈子的。这里我就结合自己的亲身经历与大家做了简单的分享。字数不多，观点不多，但花50万及半年时间买的教训想必是有绝对价值所在的。1. 产品开动前。必须要调研，一定要调研，坚决要调研，这个时间必须要“浪费”。我在这一点上的感触的很深的，也是最值得大家深思的。打个比方，在设计产品前体验了国内国外的crm软件，发现国

转载 产品体验分析：两款天气预报APP产品分析报告

由于天气预报作为一款基础应用，它所对面的用户数量非常庞大，而不同的用户会有各自不同的需求。有的用户可能就只需要最基本的气温、阴晴等信息，有的用户可能对降雨信息特别敏感，或许还有一些冲浪爱好者需要准确的风级信息。在天气应用中不可能把所有的信息都添加上去，如何平衡各种用户的需求是一个值得思考的问题。我们的目标是要让APP既界面简洁，又要尽量照顾到一些用户的个性化需求。那么就先从用户的需求着手分析。

原创 学习笔记：axure 高级教程 4 20条Axure军规

第一条：原型设计的最终目的是为了准确、方便、快捷的表达产品设计人员的产品设计意图；　　　　第二条：原型的观看者往往不是同一类对象，因此原型的设计不可避免的会有多种表现形态，每一种形态的原型都是为设计服务，没有高低之分；　　　　第三条：如果按照产出方式，有手绘产出、软件产出之分,如果按照表现形式，有纸质、低保真、高保真之分；　　　　第四条：如果你的产品

原创 学习笔记：axure 高级教程 3 快捷键

基本快捷键：打开：Ctrl + O新建：Ctrl + N保存：Ctrl + S退出：Alt + F4打印：Ctrl + P查找：Ctrl + F替换：Ctrl + H复制：Ctrl + C剪切：Ctrl + X粘贴：Ctrl + V快速复制：Ctrl+D&点击拖拽＋Ctrl撤销：Ctrl + Z重做：Ctrl + Y全选：Ctrl + A