weixin_52901235的博客

这篇文章展示了一个交互式台式小风扇的网页实现。通过HTML、CSS和JavaScript构建了一个美观的模拟风扇界面，包含以下特点：精美UI设计 - 采用渐变色背景、圆角容器和SVG矢量图形绘制风扇（含底座、支架、扇叶和面罩）多档位控制 - 提供4个按钮控制风扇转速（关闭/1-3档）动画效果 - 使用requestAnimationFrame实现扇叶平滑旋转，不同档位对应不同转速幽默提示 - 页面显示"除了没有风，什么都好！"的趣味文字

添加配置参数来自定义烟花颜色、粒子数量等支持不同的触发事件（如双击、长按）添加不同的烟花效果（如链式烟花、连续发射）

这个是edge浏览器，一般windows系统的电脑自带，如果电脑上已经有edge浏览器的，就可以不用安装这个了。上图中的127.0.0.1:62001 device 其实就是指的步骤三中打开的夜神模拟器，表示当前已经监听到了我们的夜神模拟器模拟出来的手机设备。在上一步中，如果你安装夜神模拟器的时候，选择的是自定义路径，那么就很容易找到夜神模拟器的安装路径。：这个是夜神模拟器的安装包，建议安装的时候安装在D盘（C盘除外的其他盘都可以）页面，在该页面就可以尽情调试了，大功告成。然后复制adb.exe所在的。

wxss中js效果图

两个块级元素的上外边距和下外边距可能会合并（折叠）为一个外边距，其大小会取其中外边距值大的那个，这种行为就是外边距折叠。需要注意的是，浮动的元素和绝对定位这种脱离文档流的元素的外边距不会折叠。重叠只会出现在垂直方向。如果两者都是正数，那么就去最大者如果是一正一负，就会正值减去负值的绝对值两个都是负值时，用0减去两个中绝对值大的那个兄弟之间重叠和父子之间重叠（1）兄弟之间重叠底部元素变为行内盒子：display: inline-block底部元素设置浮动：float。

PostCSS

为什么要初始化CSS样式

display=none，把元素隐藏起来，并且会改变页面布局，opacity=0，该元素隐藏起来了，但不会改变页面布局，visibility=hidden，该元素隐藏起来了，并且，如果该元素已经绑定一些事件，如click事件，但不会改变页面布局，但是不会触发该元素已经绑定的事件。可以理解成在页面中把该元素删除掉一样。那么点击该区域，也能触发点击事件的。

【代码】CSS修改滚动条样式 自定义滚动条样式。