ES6 的 class 属于一种“语法糖”，所以只是写法更加优雅，更加像面对对象的编程，其思想和 ES5 是一致的。

类和模块的内部，默认就是严格模式，所以不需要使用use strict指定运行模式。

//定义类

class Point {

JavaScript作为一门动态类型语言，类型判断一直是开发者面临的常见挑战。众所周知，

最近在项目中使用了 react-dnd，一个基于 HTML5 的拖拽库，“拖拽能力”丰富了前端的交互方式，基于拖拽能力，会扩展各种各样的拖拽反馈效果，因此有必要学习了解，最好的学习方式就是实操！

1. 简洁轻量

组件代码简洁明了，没有复杂的逻辑和冗余代码，使其非常轻量级。整个组件只有约 80 行代码，但功能完整，这意味着：

• 加载速度快
• 运行时消耗资源少
• 易于理解和维护

当项目的安全团队找上门告诉您，您开发的项目存在 XSS 安全漏洞，作为一个开发人员，就问您慌不慌？？

在JavaScript中，class和构造函数是两种常见的创建对象的方式。虽然class在ES6中被引入，但它背后仍然基于构造函数的原理。然而，class和构造函数在语法和行为上存在一些重要的区别。

一、回顾class的写法

JavaScript 是一种易于学习的编程语言，编写运行并执行某些操作的程序很容易。然而，要编写一段干净的JavaScript 代码是很困难的。

在本文中，我们学习如何使用数组来代替条件语句，以及如何使用classList操作类名。

用数组检查替换长表达式

平时开发中，我们可能会写如下的代码：

1 概述

本文重点讲解如何定制Blockly toolbox上，主要包含如下几点目标：

• 如何为toolbox不同类别添加背景色
• 如何改变选中的类别的外观
• 如何为toolbox类别添加定制化的css
• 如何改变类别的html结构
• 如何添加定制的toolbox项

完成后的效果图如下：

学习本文的前提条件：

React 是什么

简介

• 用于构建 Web 和原生交互界面的库
• React 用组件创建用户界面
• 通俗来讲：==是一个将数据渲染为HTML视图的开源JS库==