• 一.视频播放
• 二.图片预览
• 三.复制

一.视频播放

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<video-player  class="video-player-box"
                ref="videoPlayer"
                 :options="playerOptions"
                 :playsinline="true"
                 customEventName="customstatechangedeventname"

                 @play="onPlayerPlay($event)"
                 @pause="onPlayerPause($event)"
                 @ended="onPlayerEnded($event)"
                 @waiting="onPlayerWaiting($event)"
                 @playing="onPlayerPlaying($event)"
                 @loadeddata="onPlayerLoadeddata($event)"
                 @timeupdate="onPlayerTimeupdate($event)"
                 @canplay="onPlayerCanplay($event)"
                 @canplaythrough="onPlayerCanplaythrough($event)"

                 @statechanged="playerStateChanged($event)"
                 @ready="playerReadied">
  </video-player>

本翻译同时发布在平台众成翻译
附上原文链接
PS: 本文的一些点经常容易忘记，收藏一下随时来看看哦

你没有必要因为自己是一个JavaScript初学者而被以下这些迷惑…

1
2
3
4

if ([0]) {
    console.log([0] == true); //false
    console.log(!![0]); //true
}

或者这样…

1
2
3
4

if ("potato") {
    console.log("potato" == false); //false
    console.log("potato" == true); //false
}

本翻译同时发布在平台众成翻译
附上原文链接
PS: 本文还有1和3，建议宝宝们看这个之前先看1；
还有链接3

上周，我分享了如何使用BEM创建一个合理的CSS架构。 虽然BEM很棒，但它只是解决方案的一部分。 还有另一部分我还没有提到 - 命名空间。

在今天的这篇文章中，我想与大家分享一下为什么只用BEM还是不够的，以及如何使用命名空间来弥补一些不足。

为什么BEM不能满足我们

我上周给大家展示的例子很简单。 我只向大家展示了如何处理单个块中不同的修饰符和子代（或孙子代）元素。 但是如果有多个区块咱怎么办呐？

事情有点复杂。 我们使用一个网站范围的导航来说明两个块之间的关系。

1
2
3
4

<nav class="main-nav">
  <a href="#">Home</a>
  <button class="button">Menu</button>
</nav>

好啦。 现在有两个区块。 一个叫.main-nav，另一个叫.button。 .button存在于.main-nav内。

然后现在你想把这个button的颜色从blue变成green。同时你也想给.button加些左边距来和home链接分开。

那么问题来了，你应该怎样书写CSS代码呢？这下面有几种可能的答案：
more >>

本翻译同时发布在平台众成翻译
附上原文链接

npm version 5.0.0

npm的公司近期
宣布发布了5.0.0版本客户端
我们也非常开心能够在node.js 8.0.0版本中用到这个新版本.

V8 5.8

node.js 8.0.0版本附带了v8引擎的5.8版本的，此版本对JavaScript运行时性能提升了很多，也包括在性能改进和面对开发者人员API的主要提升。对于node.js开发者来说最重大的意义莫过于v8 5.8版本保证了在今后的5.9或者即将来临的6.0版本的ABI兼容性，这也将确保Node.js原生插件系统的稳定性。在Node.js 8的有生之年，我们计划转移到v8的5.9版本或者更有甚者到6.0版本。

V8 5.8引擎同时有助于建立一个新TurboFan + Ignition编译管道的过渡，其承诺给所有node.js应用提供重大的新表现优化。虽然TurboFan and Ignition在V8先前的版本也已经存在，但它还是会在V8 5.9的第一时间默认使用。这种新的编译管道代表了如此重大的一个变化以至于Node.js核心技术委员会（CTC）选择推迟了原计划定于四月的Node.js 8版本的发布，只是为了更好地适应它。

不专业的程序猿的日常

《river flows in you》

整理思路：附有一些资料&链接的脑图
（ps:一篇写了一半的文章）

一、CMD规范

Common Module Define 公共模块声明
服务器端模块的规范
一个文件就是一个模块

至少有的特点：

• 1. 序列单独的模块
• 2. 模块内部定义的变量不会暴露给外面
• 3. 都是懒加载

模块定义：

1

define(factory);

1.define里接受一个参数，即factory模块
2.这个factory可以是一个函数或者其他的合法值
3.如果factory是一个函数，那么这个函数只要写了参数，其前三个参数必然是“require”、“exports”和“module”以及这个秩序
4.如果factory不是一个函数，那么这个模块输出的则是这个对象。

这是一篇用来讲解如何玩浏览器的各项属于以及这些基本属性助力于我们兼容性的文章

detector

利用这个工具我们大致可以知道当前使用端的浏览器基本信息，和设备基本情况，即浏览器名字版本内核等、设备名字操作系统版本等。

modernizr

想安利一下这个工具，特别好用。它是用来检测一些h5 or CSS3的属性支持情况的，在官网可以自定义选择需要检测的属性，使用方法也很简单，最基础的使用就是，引用文件后，直接在脚本里：

浏览器差异

因为浏览器众多，内核、版本、渲染机制以用户习惯又不尽相同，因此我们对其的调研是很有必要的。

我们根据各个浏览器占额从大到小来分析不同的浏览器



图示：浏览器类型2016年占额 数据From net market share https://www.netmarketshare.com/browser-market-share.aspx?qprid=0&qpcustomd=0&qptimeframe=Y

一、单向跨域（用于获取数据）

1.1 jsonp

1
2
3
4
5
6

<script>
    function JSONP_example(param){
        console.log(param);
    } 
</script>
<script src="www.so.com/link.php"></script>

1
2
3
4

#link.php
<?php>
    echo 'JSONP_example(["hello","qianqian"])';
?>