准备工作   Chrome浏览器 基础的Chrome插件知识 科学工具（能看Netflix的IP） 一定的智商     插件官网 https://tecknity.com/free-netflix-account-cookies/   1.先点击下载   2.下载下来的文件解压 3.然后在Chrome的设置-更多工具-扩展程序 4.开启开发者模式，导入插件文件 5.去官网内找到cookies，随便一个，一步一步按提示来。（提取的时候需要谷歌验证码所以需要一些科学的手段）   6.提取到cookies后点击浏览器右上角插件logo再点击插件上的use this cookie，就会自动跳转到Netflix了。     7.最后需要一个能看Netflix的IP就可以观看喜欢的剧了。

  最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 常见方法 查了一下万能的Google，现在常见的方法主要是以下两种： 第三方库：clipboard.js 原生方法：document.execCommand() 分别来看看这两种方法是如何使用的。 clipboard.js 这是clipboard的官网：https://clipboardjs.com/，看起来就是这么的简单。 引用 直接引用： <script src="dist/clipboard.min.js"></script> 包： npm install clipboard --save ，然后 import Clipboard from 'clipboard'; 使用 从输入框复制 现在页面上有一个 <input> 标签，我们需要复制其中的内容，我们可以这样做：   <input id="demoInput" value="hello world"> <button class="btn" data-clipboard-target="#demoInput">点我复制</button>   import Clipboard from 'clipboard'; const btnCopy = new Clipboard('btn');     注意到，在 <button> 标签中添加了一个 data-clipboard-target 属性，它的值是需要复制的 <input> 的 id，顾名思义是从整个标签中复制内容。 直接复制 有的时候，我们并不希望从 <input> 中复制内容，仅仅是直接从变量中取值。如果在 Vue 中我们可以这样做： <button class="btn" :data-clipboard-text="copyValue">点我复制</button> import Clipboard from 'clipboard'; const btnCopy = new Clipboard('btn'); this.copyValue = 'hello…

一、环境准备 Windows10 jdk-9.0.1 二、下载并安装JDK 到Java的官网下载JDK安装包，地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html，选择一个适合自己的JDK版本下载并安装即可，具体流程不详述。 二、环境变量配置 1、右键桌面上“我的电脑”>>“属性”，在弹出的页面上点击“高级系统设置”。 2、在弹出的“系统属性”窗口中“高级”标签页下点击“环境变量”按钮。 3、在弹出的“环境变量”窗口中，点击下方的“新建”按钮，在弹出的“新建系统变量”窗口中，新建一个名为“JAVA_HOME”的环境变量，变量值为Java的安装路径，本人为：D:\project\tool\Java\jdk_9.0.1。如图所示。 4、设置Path环境变量，该变量已经存在，所以在列表中选择Path，点击下方的“编辑”按钮，在弹出的窗口中添加如下信息：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin，然后点击“确认”按钮即可。如图所示： 5、和JAVA_HOME一样，新建一个名为“classpath”的环境变量，变量值为：%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar。如图所示： 6、在配置好环境变量后，可以进入cmd中检查Java是否安装正确，检查的命令为 java -version，如图所示： 如果能正确的输出Java的版本和JVM版本信息，则说明Java安装正确。

简单搜索 用惯了各种导航首页，满屏幕尽是各种不厌其烦的广告和资讯；尝试自己写个自己的主页。不是镜像不是代理，就当做浏览器主页使用，支持自适应屏幕。   Github页面：https://github.com/5iux/sou   GIF （图片效果，以实际页面为准） 示例页面： php版本：https://5iux.cn/ html版本：https://g.5iux.cn/ 临时更新下,天气插件BUG多 工具页面： IP测试页面 新增ip测试工具 https://g.5iux.cn/sou/ip/ 组件： 图标： 图标调用了阿里的图标https://www.iconfont.cn/，提供下本地包点击下载 嫌麻烦的可以使用js版本示例里面的font-awesome 天气组件 天气组件已经替换为https://dev.heweather.com/接口，更新快，可以直接调json，参数大家可以到api页面更换调整 注意！使用前请到和风官方申请apikey apikey在wea目录index.php中编辑 天气API 天气组件已经替换为www.tianqiapi.com接口，直接调json，应该不会失效了，参数大家可以到api页面更换调整： 天气API 其他 我这个只是个示例，有需求还是自己改，不喜欢php想换成js也可以；以前自己试过反代，还是小范围用的，没两天弄死一个好域名，不敢了，上谷歌大家还是自备梯子吧，这里不提供了。 关于百度搜索出来百家号的问题大家可以搜一下油猴脚本，或者在关键词后面加入-baijiahao参数。

    原理很简单： 就是给

看到一个描边圆角工具，突发灵感写一个液态动画效果 具体原理是通过css的圆角和旋转来实现，很简单   效果图：       CSS代码： div{width:300px; height: 300px; background-color: #000; opacity: 0.6; margin:100px auto; transition: 1s all linear; animation: 5s horn linear infinite;} @keyframes horn{ 0%{ border-radius:53% 47% 43% 57% / 58% 57% 43% 42% ; transform: rotate(0deg);} 20%{border-radius:44% 56% 63% 37% / 40% 49% 51% 60%; } 40%{border-radius:61% 39% 45% 55% / 27% 57% 43% 73%…

在Pinterest上看到一张loading图，如下，忽然想把它用css写出来，于是就写了。。。 可能实现效果不一定完全一模一样，权当是娱乐了。