突破平面Photoshop CC 2018服装设计技法剖析

自互联网出现以来，Web 前端便不断地发生变化。其间，我们看到了网页端脚本语言的萌发和进化，JavaScript 语言标准的制定，各浏览器厂商之间的竞争，等等。
随着 Web 应用的发展，涌现了大量优秀的库和框架，例如jQuery、lodash、Underscore、Backbone、Angular、React、Vue 等，这些库和框架大幅提升了Web开发与维护效率。
但近几年，Web前端的发展已经趋乎于病态，各种各样的“轮子”层出不穷，Web前端的发展速度已经有超过Web前端开发人员的学习速度之势，将开发人员远远甩在了后面。新的技术不断涌现，有些新技术是我们工作中无法回避的技术栈。虽然我们明知道这些新技术在未来注定会被淘汰，但迫于工作的需要不得不追赶它们。新的“轮子”不断出现，旧的“轮子”还在更新，这就导致Web前端学习的疲劳性，而且这种疲劳是心理上的。
例如，Grunt 学完， Glup 来了，Glup 学完，webpack又来了；又如less、sass、stylus，甚至刚学会一种新东西，转眼间就发现它已经被淘汰了；再如，公司团队要求掌握某些技术栈，你能不学吗？显然不能！
那么，我们该怎么办呢？“轮子”被造出来的初衷就是为了更好地解决相应的问题，它应该是能解决我们的问题的，而不是让我们惧怕学习它。在面对新的“轮子”时，不要盲目追赶，无论这些“轮子”出现或更新得有多快，基础的核心知识是不变的。我们应该把自己的注意力放在问题本身上，而不是纠结于“轮子”，将更多的精力放在学习基础知识上。
Web 前端的三大核心知识为HTML、CSS、JavaScript。在本书中，不会过多涉及 HTML、CSS，而是将重点放在JavaScript上。
本书将从基础的知识开始，循序渐进地讲解 JavaScript 的基本知识和高级技巧，力求内容简单易懂、清晰明了，通过大量实例带领读者学会 Web 前端开发中常用的 JavaScript 知识及开发技巧。
主要内容
全面介绍 JavaScript 的核心语法。
解读变量作用域和闭包。
ES6 的新特性。
前端模块化。
自动化构建工具。
客户端存储。
使用性能优化技术来改善用户体验。
阅读建议
阅读本书时，如果遇到不理解的内容，不要刻意耗费时间去理解和钻研，因为有可能你耗费的宝贵时间换来的是一个错误的理解结果，这是非常不值得的，我就吃过这方面的很多亏。所以我的建议是，在阅读时要注意保持不求甚解的态度，此刻不理解的，可能是自身水平没到，当自己的知识到了一定水平，自然就理解了。因此，读书时一定要多读几遍，“书读百遍，其义自见”，这是自古流传下来的道理，我也相信同一本书每读一遍都会有不同的收获。
下面是各章内容的简单介绍。
第 1、2 章：介绍 JavaScript 的诞生过程，以及 Chrome 开发者工具的简单使用方法。
第 3 章：主要介绍 JavaScript 的基本语法，为之后的 JavaScript 编程打下坚实的基础。
第 4~7 章：进一步介绍 JavaScript 中的几个特殊对象，包括函数、数组、对象、类。利用这些对象，可以更好地组织代码。
第 8 章：介绍一种比较常见的数据交换格式—JSON。
第 9~12 章：主要介绍 JavaScript 的另外两大核心—BOM 和 DOM，并讲解一些常用的 BOM 对象和 DOM 对象的操作方法。
第 13 章：介绍 JavaScript 中的模块。
第 14 章：介绍 cookie 和本地存储，以此了解Web前端与Web后端是如何进行用户鉴权的。
第 15 章：介绍一些优化Web前端性能的方案，从资源的请求、压缩、加载、缓存等方面着手，一步步实现Web前端性能优化。
第 16 章：介绍目前流行的一些开源库和框架。
附录 A：以一个文字和图片的合成案例，介绍 Canvas 是如何使用的。
附录 B：介绍Web前端中的 SEO，避免一些误操作导致用户体验降低。
附录 C：介绍一些常见的编码规范，为代码的开发与维护建立良好的基础。
代码约定
// -> 用于显示表达式的返回值，例如：
1 1; // -> 2
'hello world'; // -> "hello world"
// > 用于显示 console.log 的执行结果及报错信息，例如：
console.log(1 1); // > 2
console.log('hello', 'world'); // > hello world
本书读者
本书既适合JavaScript 语言初学者作为入门的教程，也适合 JavaScript 语言爱好者作为进阶的参考。如果在阅读本书的过程中碰到问题，请扫描右侧的二维码，联系相关技术人员进行处理。

作者 
2020年

作为一本全面展现Photoshop服装设计流程和绘画技巧的专业书籍，本书以线稿绘制为起点，通过大量的实 例，讲解款式图、图案、面料、服饰配件的绘制方法，以及时装画的风格表现和特殊技法。 在技术上，本书对Photoshop*重要的绘画工具——笔尖进行了深入剖析，包括给笔尖分类、详细分析笔尖 的基本特性和变化控制技巧。在传统绘画效果表现上，书中介绍了很多方法，可以惟妙惟肖地模拟马克笔、水 彩、水粉、素描铅笔、彩色铅笔、蜡笔、晕染、拓印等笔触和绘画作品。在Photoshop功能使用上，书中的实例 不仅用到了绘画功能和矢量绘图功能，还充分利用图层、混合模式、蒙版、图层样式等技术手段，来表现透明度 变化、色彩融合效果、颜色间的晕染和渗透等。此外，书中还总结了几种绘制时装画的快速提高方法，包括临摹 法、参照法、模板法、贴图法等。 作为配套资源，本书提供了实例素材和效果文件，并附赠近千种画笔库、图案库、图形库、样式库和渐变 库、10个设计类和软件学习类电子文档，以及139集Photoshop和Illustrator入门视频教学录像。 本书适合高等院校服装专业学生、服装设计从业者和想要从事服装设计工作的人学习使用，也可作为相关院 校和培训机构的教材。

第1章  初入 JavaScript 001

1.1  JavaScript 简介 002

1.2  JavaScript 起源 003

1.3  JavaScript 实现 004

1.3.1  ECMAScript 004

1.3.2  BOM 005

1.3.3  DOM 005

1.4  JavaScript 使用 005

1.4.1  内联的 JavaScript 005

1.4.2  外部的 JavaScript 006

1.4.3  行内的 JavaScript 007

第2章  准备工作 008

2.1  开发工具 009

2.1.1  Sublime Text 009

2.1.2  Visual Studio Code 010

2.1.3  WebStorm 011

2.1.4  Atom 012

2.2  Chrome 开发者工具 012

2.2.1  信息类方法 013

2.2.2  清除历史记录 013

2.2.3  保留历史记录 014

第3章  语法 015

3.1  基本语法 016

3.1.1  语句 016

3.1.2  注释 016

3.1.3  标识符 017

3.2  变量和变量作用域 019

3.2.1  变量 019

3.2.2  声明变量 019

3.2.3  非声明变量 024

3.3  数据类型 025

3.3.1  内存空间 025

3.3.2  基本数据类型与引用数据类型 025

3.3.3  浅拷贝与深拷贝 027

3.3.4  typeof 与 instanceof 029

3.3.5  类型转换 031

3.3.6  基本包装类型 035

3.4  字符串 036

3.4.1  字符串的特点 039

3.4.2  length 属性 039

3.4.3  实例方法 039

3.5  运算符 048

3.5.1  算术运算符 048

3.5.2  逻辑运算符 050

3.5.3  比较运算符 051

3.5.4  三元运算符 052

3.5.5  赋值 053

3.5.6  位运算符 054

3.5.7  异步操作符 async function 055

3.5.8  其他运算符 059

3.5.9  运算符优先级 060

3.6  条件语句 062

3.6.1  if 语句 062

3.6.2  switch 语句 063

3.6.3  三元运算符 064

3.7  循环语句 065

3.7.1  for 065

3.7.2  while 065

3.7.3  for…in 067

3.7.4  for…of 068

3.7.5  break 和 continue 语句 068

3.8  错误处理 069

3.8.1  try…catch 069

3.8.2  throw 070

3.9  严格模式 070

第4章  函数 072

4.1  定义 073

4.1.1  返回值 073

4.1.2  箭头函数（Arrow Function） 074

4.1.3  关于 this 075

4.2  函数的属性和方法 080

4.2.1  length 属性 080

4.2.2  name 080

4.3  参数 080

4.3.1  按值传递 081

4.3.2  arguments 082

4.3.3  Rest 参数（剩余参数） 083

4.3.4  箭头函数中的 arguments 对象 083

4.3.5  默认参数 083

4.4  递归 084

4.5  闭包 086

4.5.1  什么是闭包 087

4.5.2  实践中的闭包 087

4.6  IIFE 089

4.7  高阶函数 090

4.7.1  回调函数 090

4.7.2  偏函数 091

4.7.3  柯里化 091

4.7.4  纯函数 092

第5章  数组 093

5.1  定义 094

5.2  多维数组 094

5.3  length 属性 094

5.4  方法 094

5.4.1  Array.isArray() 095

5.4.2  Array.of() 095

5.4.3  Array.from() 095

5.5  实例方法 099

5.5.1  concat() 099

5.5.2  copyWithin() 099

5.5.3  keys()、values() 和 entries() 100

5.5.4  forEach() 和 map() 100

5.5.5  every() 和 some() 101

5.5.6  filter() 101

5.5.7  fill() 102

5.5.8  find() 和 findIndex() 102

5.5.9  includes() 102

5.5.10  indexOf() 和 lastIndexOf() 103

5.5.11  join() 和 splice() 103

5.5.12  push()、pop()、unshift() 和 shift() 103

5.5.13  reduce() 和 reduceRight() 104

5.5.14  reverse() 104

5.5.15  slice() 104

5.5.16  sort() 104

5.5.17  toString() 105

5.5.18  toLocaleString() 105

第6章  对象 106

6.1  定义 107

6.1.1  定义对象的属性 107

6.1.2  定义对象的方法 108

6.1.3  getter 和 setter 108

6.2  属性 109

6.2.1  原型及原型链 109

6.2.2  更好的类型检测 110

6.2.3  构造函数 111

6.3  方法 112

6.3.1  Object.getPrototypeOf() 和 Object.setPrototypeOf() 112

6.3.2  Object.create() 112

6.3.3  Object.assign() 112

6.3.4  Object.defineProperty() 和 Object.getOwnPropertyDescriptor() 113

6.3.5  Object.defineProperties()和Object.getOwnPropertyDescriptors() 114

6.3.6  Object.keys()、Object.values() 和 Object.entries() 114

6.3.7  Object.freeze() 和 Object.isFrozen() 115

6.3.8  Object.seal() 和 Object.isSealed() 115

6.3.9  Object.preventExtensions() 和 Object.isExtensible() 116

6.3.10  Object.is() 116

6.3.11  Object.getOwnPropertyNames() 116

6.3.12  Object.getOwnPropertySymbols() 117

第7章  类 118

7.1  定义 119

7.2  constructor 119

7.2.1  实例化 119

7.2.2  类的方法 120

7.2.3  this 指向 120

7.2.4  constructor 属性 121

7.3  继承 122

7.4  静态方法 123

第8章  JSON 125

8.1  简介 126

8.2  JSON的解析 126

8.3  JSON的序列化 129

第9章  BOM 132

9.1  window 133

9.1.1  setTimeout 133

9.1.2  setInterval 133

9.1.3  定时器的问题 134

9.2  history 134

9.2.1  history 134

9.2.2  ajax 的前进后退 135

9.3  location 137

9.3.1  assign() 和 replace() 138

9.3.2  reload() 138

9.3.3  属性 138

9.4  navigator 139

第10章  DOM 140

10.1  DOM 简介 141

10.1.1  节点 141

10.1.2  节点类型 141

10.2  节点查找 142

10.2.1  获取单个节点 Node 142

10.2.2  获取节点集合 NodeList 143

10.3  节点操作 146

10.3.1  创建节点 146

10.3.2  新增节点 147

10.3.3  删除节点 148

10.3.4  修改节点 149

10.4  属性操作 149

10.4.1  getAttribute() 149

10.4.2  setAttribute() 150

10.4.3  点符号 150

10.4.4  classList 属性 150

10.5  内容操作 151

10.6  样式操作 152

10.6.1  getComputedStyle() 152

10.6.2  设置CSS样式 152

第11章  事件 153

11.1&nbs