无限滚动之利

得益于AJAX和懒加载技术，最初由Pinterest发明的瀑布流式布局开始在国内流行开来，开始只是图片分享类网站采用，而基于此演变出的无限滚动更是风靡各类APP和社交媒体、电商网站。

交互设计就是通过分析用户心理模型、设计任务流程、运用交互知识，把业务逻辑（功能规格或内容需求）以用户能理解的方式表达给用户，最终实现产品战略（公司需求和用户需求的最佳平衡点）的过程。这其实对交互设计师提出了更高的要求，即从公司战略角度去考虑问题，在满足公司需求的基础上让用户觉得易用、好用。
因此，用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。

JavaScript是单线程运行的，但可以创建回调函数平行线程与主线程并行运行实现异步编程。

1
2
3
4
5

setTimeout(function () {
    console.log('Async');
}, 500);
console.log('Hello');

PhantomJS是一个无界面的,可脚本编程的WebKit浏览器引擎。它原生支持多种web 标准：DOM 操作，CSS选择器，JSON，Canvas 以及SVG。
基于这点，我们可以利用PhantomJS做一个小爬虫。

需求：
抓取公司资讯-巨潮资讯财务指标页面上该公司的资产负债率。

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。

创建作用域链过程及作用细节：
当某个函数第一次被调用时，会创建一个执行环境（execution context）及相应的作用域链（Scope Chain），并把作用域链赋值给一个特殊的内部属性（即[[Scope]]）。然后，使用this、arguments和其他命名参数的值来初始化函数的活动对象（activation object）。但在作用域链中，外部函数的活动对象始终处于第二位，外部函数的外部函数的活动对象处于第三位，……直至作为作用域链终点的全局执行环境。

阅读全文 »

本任务完成的功能为：用户可以在输入框中输入任何内容，点击“确认填写”按钮后，用户输入的内容会显示在“您输入的值是”文字的右边。
提交源码
预览效果
遇到的问题：新发现(function() { / code / })();的写法

组合继承，有时候也叫做伪经典继承，指的是将原型链和借用构造函数的技术组合到一块，从而发挥二者之长的一种继承模式。其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，既通过在原型上定义方法实现了函数复用，又能够保证每个实例都有它自己的属性。

细节不仅仅是细节，而是设计。 细节可以让用户更方便、更愉快地使用产品，尽管人们事后不会记得它们。
-Charles Eames（Eames Office, 2007）

细节重要性可见一斑。用户体验所关注的细节即微交互，虽然微小但意义重大。
那么何为微交互？

微交互就是产品那些功能性的细节。专注于微交互是创建优秀用户体验的必由之路。

微交互不是功能，但与宏观功能完美契合是最强大的。用户体验的本质就在于：既要关注细节，又要关注大局。只有这样用户才能获得最好的用户体验。正如“细节决定成败”，做人是如此，做产品也是如此，好的用户体验不仅仅是大局上的易用，更体现在细节的人性化。

Progressive Web App(PWA) 是 Google 在 Web 平台开始推广的一个新概念，可以理解为是尽可能借助目前的新技术（比如 Service Worker ， Push Notification 及其他展现层的新技术），让 Web App 的体验无限接近 Native App 。Native App，即本地化App，日常使用的iOS/Android应用即Native App。

Progressive 主要有这两层含义
如果用户需要，网页可以渐进式地变成 App，比如被添加到主屏幕、全屏方式运行、离线工作、推送通知消息等。但它仍是 Web 而非放到 App Store 里。
所有这些“使得 Web 更能与 App 匹敌”的特性都是以渐进的方式增强的，在比传统网页应用更好的同时也保证了降级兼容。