javascript30练习

js30中第6天的挑战。在搜索框输入文字，自动匹配对应的数据。原版数据包含了美国的城市，抱着本土化的原则，我在网上找了个中国省市县的数据。

本文是js30挑战的第5个项目，具体是使用flex布局达到一种类手风琴的效果，鼠标点击某一块，会放大这个块，其他区域平分剩下的部分。

本文对应的是js30项目中第四天和第七天的内容。用出题的方式，列举了数组一些API的使用场景。因为这两个挑战都是跟数组有关的，所以合在一起写了。

需要通过三个控件控制展示的图片的样式，分别是间距、模糊度、底色。 在此基础上加上了用filter实现的其他效果和上传图片功能。

模拟一个表盘时钟，打开默认是本地时间。通过控制css的transform属性实现的。本文从布局和功能两个角度阐述如何实现。

这是Js30的第一篇。实现了一个模拟打鼓的效果。文章将通过页面结构、功能实现这两个角度写做这个练习的过程。最后会放上代码。