先来看下效果图 要实现以上效果，我们先用Photoshop用以下步骤实现。 打开原图 新建图层，使用颜色#C0FFFF填充后，不透明度设为44%，图层混合模式为柔光 新建图层，使用颜色#000699填充后，不透明设置为48%，图层混合模式为排除 合并图层 PHP-Imagick 实现 用 PHP 代码，也就只需要按照以上步骤实现即可，代码如下： {代...

微信小程序开发说实话还是有点糟心的，经过事件冒泡的坑之后，又遇到了长按事件(longtap)必触发点击事件(tap)的BUG 实例代码 wxml {代码...} js {代码...} 效果 解决方法 Google后确定是小程序有意(B)为(U)之(G)后，看了一下网上的解决方法，基本都是通过touchstart和touchend重新判定tap和longtap事件的，个人不是很喜...

OK, 我们继续，这次来聊聊类。 内有 Jon Snow大战异鬼, ? 熟悉后端的朋友们对类肯定都不陌生，如下面一段PHP的代码: {代码...} 上面的代码，我们创建了一个叫Human的类，初始化的时候传入名字，还有一个自我介绍的方法。 同样的功能到了JS的世界呢? 且看下面的代码(ES5): {代码...} 对了，你没有看错，在JS的世界中，我...

看一下官方介绍： Language-level support for modules for component definition. JS在ES2015开始原生支持模块化开发，我们之前也曾借助于诸如： AMD CommonJS 等的模块加载器进行过模块化开发，我想说的是那些都没有今天要讲的简单好用。 ⚠️ 警告，正式版中的ES2015中没有模块加载器，所以我们依然需要之前的模块加载...

通过前面章节的讲解，大家对ES2015的一些新语法有了初步的理解，之前我们的测试代码都可以直接放入 Chrome Console 中直接运行，为了更好的学习后面的面向对象和模块开发，我先用一章介绍一下 Babel 和 Rollup。

继续以代码进行展开, 在ES5中，如下代码： {代码...} ES2015为对象带来的新特性: 属性简写 如果属性名称和变量名称一致，那么可以直接用省略变量名，如下: {代码...} 方法简写 方法可以省略冒号以及function关键字, 如下： {代码...} 解构赋值 解构赋值，我们之前已经讲过，这里再继续举个例子: ES5中，假设从ajax中获取...

说到 模版字符串 (Template strings or Template literals), 我们先来看看在ES5中，我们遇到的问题：

ES2015为我们带来了一个新的操作符: ..., 用于定义函数参数的地方，称之为 Rest 用于调用函数的地方，称之为 Spread 我们一个个来分析： Rest 写程序的时候或多或少都会有，传入不定参数给一个函数的需求，如，给一个班级加入学生名单，可以一次给一个，也可以一次给多个，以前的做法，可能是传入数组，或者定义2个方法...

用过ReactNative的同学肯定见过类似下面的代码: {代码...} 这就是ES2015为JavaScript带来的另一个新的语法：解构赋值。 解构赋值(Destructuring assignment), 是用来让我们从数组或者对象中提取数据赋值给不同的变量。 语法如下: 从数组中解构赋值 {代码...} 从对象中解构赋值 {代码...} PHP开发者有没有觉得很眼熟? 对...

这个功能比较简单，但对于后端开发来说，会觉得会奇怪，参数默认值还需要特殊支持么？答案是肯定的，在ES5中, 参数是不可以指定默认值的，统一默认为 undefined, 如下代码：

箭头函数(Arrows), 是用新的 => 语法书写的匿名函数, 如: {代码...} 等同于下面使用ES5的写法: {代码...} 可能一开始无法接受，但慢慢的会发现箭头函数带来的快感不言而喻。作为一个PHP后端人士希望PHP也能支持该语法, ?。 一般写法, 如计算两个数字之和, 并返回: {代码...} 不用写function关键字, 但是上面的写法，...

ES2015 新增了两个变量修饰关键字: let const 它们都是块级别的，那什么是块？简单的来说，块就是一组花括号中间的部分。 Var 为了理解let我们先从var说起，如下代码: {代码...} 在 Chrome Console 中运行后，获得结果: {代码...} 我们在false条件中加入一行代码： {代码...} 对于初次接触JavaScript的后端程序员来说，...

EcmaScript 其实是一种语言规范，常见的 JavaScript, ActionScript 等都是其具体实现，平时使用中一般可以将其和Javascript对等称呼，本系列教程主要讲述 EcmaScript2015(ES6) 为JavaScript带来的新的特性，并初步掌握如何利用其进行开发。

有朋友也许会问为什么不用 permanent link 或者 创建时间戳 等作为关联媒介，我想这2个对于我来说都可能不是一直不变的，所以我更倾向于一个我不会去改变的属性，?。