平台ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄

（页底留言开放，欢迎来吐槽）

● ● ●

今天为大家展示来自 codrops 分享的10组创意的 Button 点击特效，这个 Button 按钮特效主要以扭曲为主，当用户点击按钮后，按钮会产品不同扭曲样式，看起来很特别，动画实现方式主要是使用 SVG 来实现，下面来看看 DEMO 展示 。

最近，迷上了CSS3特效，空闲时间学一些小案例，非专业，爱好。不断学习也能掌握一些更为全面的html，css，JavaScript的知识，以小博大，从兴趣出发再掌握更多网页开发知识。闲言少叙，直接开怼。

第一步：

建两个文件，一个为index.html，一个为style.css。把style.css绑定到index.html文件头部进行关联。

第二步：

1、index.html文件输入简单代码。

这 66 个特效，是我历时4个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。我们是9点上班，我基本7点半就到公司自学了，这样我就有一个半小时的时间来做这些了。

对于 CSS 评价，无论是在论坛还是身边的人，我听到最多的是学 CSS 这些花里胡哨没啥用，实际项目中又用不到。听到这些心里还是挺实受挫的，有时候会怀疑自己，我学习的方向是不是错了。但在几次的项目需要用到一些特效，我都能很快的找到思路并做出来，我想这是得益于，我平时所学的这些特效积累出来的。

当用户上传一张4K分辨率的风景照，点击"一键增强"按钮时，传统JavaScript图像处理库需要1.8秒才能完成滤镜渲染，期间浏览器卡顿甚至白屏——这不是假设，而是多数前端开发者面临的真实性能困境。根据Google Web性能调研，页面加载超过3秒会导致53%的用户流失，而每100ms延迟会使电商转化率下降7%。但现在，通过Rust与WebAssembly（WASM）的组合，我们将这一处理时间压缩到了惊人的60ms，性能提升30倍的背后，是底层技术架构的革命性突破。

1.NodeJS简介

1.1 了解NodeJS

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

时隔一年，jsjiami.v6即将升级v7，解密难度徒增。

JS加密测试，源代码如下

搭建服务器

如果去查看 express.js 或是 koa.js 的源码，会发现它们底层都是使用 node.js 的 http 模块来搭建的服务。本篇文章就介绍一下，我们自己如何通过 http 模块，仅通过 3 步，来实现一个简单的服务器的搭建：

1. 导入 http