geekman

闭包的介绍

闭包是词法作用域的体现，一般编程语言有这些特性

1. 函数是一阶值（First-class value），即函数可以作为另一个函数的返回值或参数，还可以作为一个变量的值。
2. 函数可以嵌套定义，即在一个函数内部可以定义另一个函数。

三个关键点

1. 函数
2. 自由变量
3. 作用域

自由变量

let a = 1
let b = function(){
    console.log(a)
}

在这个例子里函数b因为捕获了外部作用域（环境）中的变量a，因此形成了闭包。 而由于变量a并不属于函数b，所以在概念里被称之为「自由变量」。

注意点：

1. 在一些语言里，「捕获」这一行为还有一个特点：闭包只会捕获自由变量的引用。
2. 在PHP中，需要使用use关键词显示调用自由变量

作用域

可以使用外部的「自由变量」，内部变量不能被访问，形成一个相对安全的访问环境

总结

1. 记住定义当时的外部环境
2. 封闭外部环境
3. 延迟执行

基本使用

$func = function () {

};

$func();

$a = '1';
$func = function () use ($a) {

}

$func();

作用域

1. 闭包拥有独立的作用域，基本等同普通函数
2. 在方法中使用时，等同于实例的方法，可以直接使用$this（>=5.4）

注意点

$this 的使用

在一次开发中遇到关于闭包的一个问题

class Demo
{
    /**
     *
     */
    public function test()
    {
        $data = $this->isCache('name', function () {
            $this->sayHello();
        });
    }

    /**
     *
     */
    protected function sayHello()
    {
        echo 'Hello, World';
    }

    /**
     * @param $name
     * @param $callback
     * @return array
     */
    public function isCache($name, $callback)
    {
        $callback();
        return array();
    }
}

我希望在一个闭包中调用这个类的一个受保护的方法（这里假设是sayHello）,结果在运行的时候，直接出现了语法级别的报错。

查了一些资料发现了问题

1. 5.3 版本不能直接在闭包中使用$this

PHP的bug，在5.4中得以修复

$that = $this;        
$data = $this->isCache('name', function () use ($that) {
    $that->sayHello(); // 这里只能是public
});

看似这个问题解决了，不过在stackoverflow上一位热心人士的提醒中，这样是会出现一些问题的，因为这样传递$this, 是赋值传递，也就是说，在闭包中调用方法导致实例属性的变化不会反应到闭包外面，这样在一些特殊情况，会导致闭包内外属性不一致，所以这里最好使用引用传递，除非你知道你在干什么！

$that = $this;        
$data = $this->isCache('name', function () use (&$that) {
    $that->sayHello(); // 这里只能是public
});

如果在5.4版本下，不但可以直接使用$this，而且作用域等同于实例中的方法

$data = $this->isCache('name', function () {
    $that->sayHello(); // 这里可以是任意限制符
});

Closure类

• Closure::__construct — Constructor that disallows instantiation
• Closure::bind — 复制一个闭包，绑定指定的$this对象和类作用域。
• Closure::bindTo — 复制当前闭包对象，绑定指定的$this对象和类作用域。
• Closure::call — 绑定指定的$this对象和类作用域并执行
• Closure::fromCallable — 将一个可执行函数转换为闭包函数

bind和bindTo的区别

// bind，相当把一个类的加上加上一个方法，并且将该方法转换成闭包
class A {
    private static $sfoo = 1;
    private $ifoo = 2;
}
$cl1 = static function() {
    return A::$sfoo;
};
$cl2 = function() {
    return $this->ifoo;
};

$bcl1 = Closure::bind($cl1, null, 'A');
$bcl2 = Closure::bind($cl2, new A(), 'A');
echo $bcl1(), "\n"; // 1
echo $bcl2(), "\n";// 2

// bindTo,改变指定的$this对象和类作用域

class A {
    function __construct($val) {
        $this->val = $val;
    }
    function getClosure() {
        //returns closure bound to this object and scope
        return function() { return $this->val; };
    }
}

$ob1 = new A(1);
$ob2 = new A(2);

$cl = $ob1->getClosure();
echo $cl(), "\n";
$cl = $cl->bindTo($ob2);
echo $cl(), "\n";

虽然两者看上去像，实际上不是一回事。

一、安装虚拟机
1）版本：Vmware 12 Pro版 + Cent-OS 32位
2）密钥：5A02H-AU243-TZJ49-GTC7K-3C61N
3）分区：/、/boot、swap

二、配置网络
1）ifconfig查看windows配置
2）修改文件：vim /etc/sysconfig/network-scripts/ifcfg-eth0
# Xen Virtual Ethernet
DEVICE=eth0
BOOTPROTO=none
ONBOOT=yes
HWADDR=2e:c1:12:61:5f:ea
NETMASK=255.255.255.0
IPADDR=192.168.0.249
GATEWAY=192.168.0.1
TYPE=Ethernet

三、配置远程控制器putty
直接设置ip即可，没有选择生成秘钥

四、安装nodejs
1、安装依赖包：yum install gcc-c++ openssl-devel
2、安装最新版本node.js：
cd /usr/local/src
wget http://nodejs.org/dist/node-latest.tar.gz
tar -zxvf node-latest.tar.gz
cd node-v7.7.0
./configure
make && make install
3、如果需要升级gcc，则升级gcc，不要忘记加软连接
4、解决警告：sudo date -s '01:10:00 2017-03-02'
5、重新执行 ./configure 以及 make && make install

五、vue安装
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

六、本地（windows）与虚拟机（Cent-OS）交互
1、vim build/dev-server.js
修改localhost为虚拟机IPADDR
2、关闭防火墙
3、在本地浏览器输入IP:8080展现vue界面

用户体验的核心和本质就是研究人在特定场景下的思维模式和行为模式，然后顺应和利用它。
举例：
为什么要把网页的重要内容放到页面的左上部分？因为人的视觉注意力会首先锁定在左上的位置。
为什么按钮平常状态和按下状态一般是不同的？因为用户需要反馈，没有反馈人会产生疑惑。
为什么超市收银台面前会有货物架？因为顾客在排队的时候处于非常无聊的状态，这时候任何商品或信息都会引起他们的注意，是销售某些易耗便携物品的绝佳时机。

1. 系统可见原则
   保证界面的内容可见、状态可见、变化可见
   
   内容你要考虑到用户最想看见关注的是什么，收货人信息，支付方式和派送方式，总价以及扣除其它折扣优惠等最终用户需要花的钱，这些是用户最关注的点。

   
   不管是有网、没网，还是错误、成功、警告、提示等状态都要给用户一个反馈；
   
   像左划右划，上拉下拉，抽屉效果等动画都需要展现出来给用户一个暗示：这个是可以手势操作的。

2. 可控性原则
   让用户能对当前情况有很好的了解与掌握，要给用户足够的自由度。

1. 一致性
   用户在同一款产品里接受同一套规范和逻辑。比如说收藏、关注、点赞等，不管是名称还是图标都要形成一个大的规范，更换名词和图标会导致用户的学习成本提高。还有行为逻辑一定要规范。

2. 防错，防呆原则
   要尽量用足够的提醒和设计，让用户不要混淆、犯错和发呆。
   
   

3. 协助用户记忆原则
   在需要记忆某些信息时，产品功能上要帮助用户记忆。如账号密码的记录，短信的草稿等。
   

4. 简约易读原则
   界面足够简单、内容易换

5. 容错原则
   向用户提醒可能出现的错误，并提供能挽回用户错误的方法。
   
   

6. 帮助和提示
   在任何时候，考虑到用户需要得到的帮助情况予以提示，比如删除东西，添加修改等。
7. 灵活高效原则
   用户在使用时，要能够方便，高效的完成任务，如注册流程，填写资料、分享文章，书写动态等。
8. 恢复现场原则
   适应用户的碎片化使用习惯，在各种切换和退出返回时，要有恢复现场的能力。比如在看视频电影的时候，有人找你聊天，你退出回复完，再点击进入还能继续观看你的电影。