过渡，是我在项目里面用得最多的一个特性了！也相信是很多人用得最多的一个例子！我平常使用就是想让一些交互效果（主要是hover动画），变得生动一些，不会显得那么生硬！好了，下面进入正文！ 引用菜鸟教程的...
css3渐变过渡语法交互效果演示实例
阅读全文
CSS3制作Apple官网Seach Box效果
使用CSS3来制作一个Seach Box效果，这种效果的灵感来自于Apple的官网。当您的鼠标点击了Search Box或者说当Search Box获得焦点时，Search Box会慢慢的变长。这种动...
UI / UX设计师的网站导航设计指南
以前可能经历过类似的情况，如果你下载了一个app，却要花时间去寻找你想要的东西，那么你不可能长期呆在这里，甚至不会回来。 那要如何设计出“清晰，简单，一致”的导航呢？ 想象一下，你周日早上出去买自己喜...
ES6 simd：javaScript操作CPU对应指令的接口
SIMD（发音/sim-dee/）是“Single Instruction/Multiple Data”的缩写，意为“单指令，多数据”。它是JavaScript操作CPU对应指令的接口，你可以看做这是...
ES6 二进制数组三类对象（ArrayBuffer、TypedArray、DataView）
二进制数组（ArrayBuffer对象、TypedArray视图和DataView视图）是JavaScript操作二进制数据的一个接口。这些对象早就存在，属于独立的规格（2011年2月发布），ES6将...
ECMAScript6(es6） 规格：数组的空位（map方法）
下面再看另一个例子。 const a1 = [undefined, undefined, undefined]; const a2 = [, , ,]; a1.length // 3 a2.lengt...
ECMAScript6(es6） 规格：相等运算符
相等运算符（==）是一个很让人头痛的运算符，它的语法行为多变，不符合直觉。这个小节就看看规格怎么规定它的行为。 请看下面这个表达式，请问它的值是多少。 0 == null 如果你不确定答案，或者想知道...
ES6 编程风格：如何将ES6新语法运用到编码实践之中
探讨如何将ES6的新语法，运用到编码实践之中，与传统的JavaScript语法结合在一起，写出合理的、易于阅读和维护的代码。 多家公司和组织已经公开了它们的风格规范，具体可参阅jscs.info，下面...
ES6 module模块的设计思想与严格模式
ES6 module 历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的requi...
ES6文档：修饰器（Decorator）函数修改类的行为
类的修饰 修饰器（Decorator）是一个函数，用来修改类的行为。这是ES7的一个提案，目前Babel转码器已经支持。 修饰器对类的行为的改变，是代码编译时发生的，而不是在运行时。这意味着，修饰器能...
ES6文档：对象Class基本语法、方法和属性
Class基本语法 概述 JavaScript语言的传统方法是通过构造函数，定义并生成新对象。下面是一个例子。 function Point(x, y) { this.x = x; this.y = ...
ES6文档：异步操作和ES7的async函数
异步编程对JavaScript语言太重要。Javascript语言的执行环境是“单线程”的，如果没有异步编程，根本没法用，非卡死不可。 ES6诞生以前，异步编程的方法，大概有下面四种。 回调函数 事件...
ES6异步编程解决方案：promise对象用法示例
Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promis...
es6异步编程解决方案：Generator 函数的语法和API
Generator 函数基本概念 Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。本章详细介绍Generator函数的语法和API，它的异步编程应用请看《异步操作...
es6文档：for…of循环 遍历所有数据结构的统一方法
ES6 借鉴 C++、Java、C# 和 Python 语言，引入了for...of循环，作为遍历所有数据结构的统一的方法。 一个数据结构只要部署了Symbol.iterator属性，就被视为具有it...
es6文档：Iterator（遍历器）概念及接口调用规范
Iterator（遍历器）的概念 JavaScript原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6又添加了Map和Set。这样就有了四种数据集合，用户还可以组合...
ES6 数据结构Map基本用法和代码示例
Map Map结构的目的和基本用法 JavaScript的对象（Object），本质上是键值对的集合（Hash结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。 var data =...
ES6 数据结构set基本用法和代码示例
Set 基本用法 ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set数据结构。 var s = new Set(); [2,...
网站用户体验优化/设计的三大核心原则与指南
什么是用户体验？用户体验涉及那些方面？ 用户体验（User Experience，简称：UE/UX）是一种在用户使用一个产品（服务）的过程中建立起来的纯主观的心理感受。从系统上讲，它是一个全方位的概念...
ES6 Generator函数语法的10个学习笔记
一、对Generator的理解 Generator 函数是一个状态机，封装了多个内部状态。 执行 Generator 函数会返回一个遍历器对象，也就是说，Generator函数除了状态机，还是一个遍历...
Pinterest极棒交互设计细节值得射鸡狮借鉴
Pinterest是我经常使用的一个App，在我同时关注的好几个有关于UI和UX设计平台的同时，Pinterest几乎是最棒的。无论我自己有多么的缺乏社交，在Pinterest仍有成百上千的用户在不停...
移动端APP产品设计需要考虑哪些因素？
提问：移动端APP产品设计需要考虑哪些因素？ 回答者@vivigoose： 说到移动产品的设计需要考虑的因素其实有很多方面，我在这里呢大致归纳成以下的几点： 首先，要了解移动产品和web端产品之间有什...
「卡片式设计」为何app 都喜欢用这样的设计
全面介绍「卡片式设计」，看完之后，你会知道为什么爱用的 app 都喜欢用这样的设计。 网页和手机 app 逐渐摈弃了传统单一的页面设计，向完全个性化的用户体验发展。这种发展也是基于大量独立内容模块的流...
C++11 继承构造函数使用方法解读
一、问题描写叙述 在继承体系中，假设派生类想要使用基类的构造函数，须要在构造函数中显式声明。 例如以下： struct A { A(int i){} }; struct B:A { B(int i):...
438