你可以用像测试其他JavaScript代码类似的方式测试React组件。现在有许多种测试React组件的方法。大体上可以被分为两类：渲染组件树在一个简化的测试环境中渲染组件树并对它们的输出做断言检查。运行完整应用在一个真实的浏览器环境中运行整个应用（也被称为“端到端（endtoend）”测试）。本章节主要专

前言平时我们可能在做项目时，会遇到一个业务逻辑。实现一个无限级联树形表格，什么叫做无限级联树形表格呢？就是下图所展示的内容，有一个祖元素，然后下面可能有很多子孙元素，你可以实现添加、编辑、删除这样几个功能。资源JavaScript框架：vue.jsUI框架：ElementUI源码这里需要重点说明的是，主要使用了递归的算法以及给数

大家好，我是皮皮。我们会看到很多网页的粒子特效；如上图所示，这些都是借助HTML新特性，使用新增标签Canvas得到的效果；那么我们来了解下canvas。什么是Canvas在MDN中是这样定义  的： 是HTML5新增的元素，可用于通过使用JavaScript中的脚本来绘制图形。例如，它可以用于绘制图形、制作照片、创建动画，甚至可以进行实时

1.4Dart语言简介在之前我们已经介绍过Dart语言的相关特性，读者可以翻看一下，如果读者已经熟悉Dart语法，可以跳过本节，如果你还不了解Dart，也不用担心，按照笔者经验，如果你有过其他编程语言经验（尤其是Java和JavaScript）的话会非常容易上手Dart。当然，如果你是iOS开发者，也不用担心，Dart中也有一些与Swift比较相似的特

高阶指南之WeakMap「WeakMap」对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的。在JavaScript里，mapAPI可以通过使其四个API方法共用两个数组(一个存放键,一个存放值)来实现。给这种map设置值时会同时将键和值添加到这两个数组的末尾。从

<!DOCTYPEhtml<htmllang"en"<head<metacharset"UTF8"<title</title<styleli{liststyletype:none;

<htmlxmlns"http://www.w3.org/1999/xhtml"<head<metahttpequiv"ContentType"content"text/html;charsetgb2312"/<titleMyFirstScript</title<script

一、svg介绍可缩放矢量图形(ScalableVectorGraphics，SVG)是W3C推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染，同时由于支持JavaScript和文档对象模型，SVG图形通常具有强大的交互能力。另一方面，SVG作为W3C所推荐的基于XML的开放标准，能够与其他网络技术进行无缝集成。

我之前写过三篇Cordova相关的技术文章。当我们使用Cordova将自己开发的前端应用打包安装到手机上后，可能会遇到需要调试Cordova应用的时候。本文就介绍Cordova应用的调试步骤。如果大家读过之前我写的文章，就知道Cordova应用在移动平台上运行时，实际上Cordova包内的前端应用的HTML/JavaScript代码仍然运行在一个嵌入

△是新朋友吗？记得先点web前端学习圈关注我哦～!(https://oscimg.oschina.net/oscnet/332f31ec504043fa90fa06a0b296c308.jpg)各种包管理器到ESLint，从CommonJS到AMD，再从ES6模块到Babel和Webpack，好多工具啊！!(http