VH-Toast - 一款简约的基于原生Javascript的消息提示插件（原创）
一款简约的基于原生 Javascript 的消息提示插件一款简约的基于原生 Javascript 的消息提示插件 VH-Toast。比如，$vh.default，$vh.info 等，默认为default。此时正文内容以message的值传入。同时，我们可传入 vhHtml 来支持 HTML标签 的显示。 Github项目地址VH-Toast 演示地址点击查看演示效果 Demo调用 1<script src="https://cache.4ce.cn/gh/uxiaohan/VH-Toast/lib/vh.toast.min.js"></script> 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788<!doctype...
前端正则,递归面试题 - Joe老板出题
Joe博客 老板每日分享面试题，羞辱我这个前端小白，请看题！第一题 正则替换 题干 123456let a = { b: 123, c: "456", e: "789",};let str = "a{a.b}aa{a.c}aa {a.d}aaaa"; 本题要求： 把 str 字符串中 { a.b } 这种 替换成 a对象中对应的值 本题结果： a123aa456aa {a.d}aaaa 博主解题方案 12345678910str .match(/{\w\.\w}/g) .forEach( (itm) => (str = str.replace( itm, a[itm.match(/\.\w/g)[0].replace(/./, "")] || itm, )), ...
Object.defineProperty 及 实现数据双向绑定
Object.defineProperty() 和 Proxy 对象，都可以用来对数据的劫持操作。何为数据劫持呢？就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为，然后进行额外的操作，然后返回结果。那么vue中双向数据绑定就是一个典型的应用。Vue2.x 是使用 Object.defindProperty()，来进行对对象的监听的。Vue3.x 版本之后就改用Proxy进行实现的。 示例代码1234567891011121314151617181920212223242526272829303132333435363738<!doctype html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no,...
Heroku免费容器服务申请-利用Cloudflare Workers搭建V2Ray方法教程
Heroku是一个支持多种编程语言的云平台即服务。目前支持Ruby、Java、Node.js、Scala、Clojure、Python、PHP和Perl等语言，基础操作系统是Debian。用于在 Heroku 上部署 V2Ray Websocket。Heroku 为我们提供了免费的容器服务,我们不应该滥用它，所以本项目不宜做为长期-翻-墙-使用。 配置Heroku首先注册Heroku账号，点击通过 注册Heroku 注册一个账号，注册时候不能使用QQ邮箱： 注册成功以后登录，登录以后点击 立即部署 部署应用！名称随便填写就行了，然后点击 Deploy app 系统会自动部署： 部署完成以后，点击 Settings 再点击 Reveal Config Vars 就可以看见 UUID了！记下自己的UUID等会还是用到： 接着下滑，看见Domains项后有个域名！https://*.herokuapp.com/ 记下域名，稍后配置CloudFlare...
office365 E5调用api使E5开发者续订 修复版AutoApi （不使用服务器）
最近e5订阅很火，但是玄学的续订方式也让人摸不着头脑，有的人说挂个oneindex就续订了，有的人说所有第三方程序都挂了一遍也没续订，所以有人按照微软的官方文档写了一个刷api的脚本，原理很简单，就是重复调用microsoft graph的api，一次调用10个api，5个onedrive的api还有4个outlook的api,剩下一个是组的api，调用一次后延时等待五分钟再重复调用。但是原作者的代码需要在服务器上运行，成本较高。后来又有一位大佬找到了不用服务器也可以运行的的办法。而后者的方法是建立在前者的基础上的，因此我将他们的教程融合了起来，并对其中的个别词语进行了微调。 最后有视频教程 E5自动续期程序，但是不保证续期 设置了周六日(UTC时间)不启动自动调用，周1-5每6小时自动启动一次 （修改看教程） 调用api保活： 查询系api：onedrive,outkook,notebook,site等 创建系api: 自动发送邮件，上传文件，修改excel等 步骤准备工具： E5开发者账号（非个人/私人账号） 管理员号 ———— 必选 子号...
鼠标点击波纹特效 html+css+js
定义标签12345<div class="card"> <img src="3.3.png" alt="x" width="100%" /> <h3>北极光之夜</h3> <p>生活下去,错误下去,堕落下去,为胜利而欢呼,从生命中重新创造生命!</p></div> 卡片和文字的基本样式1234567891011121314151617.card { width: 200px; height: 300px; box-shadow: 1px 1px 5px #555; cursor: pointer; background-color: rgb(243, 243, 243); position: relative; overflow: hidden;}.card h3,.card p { padding: 5px; text-align: center; ...
6分钟实现CSS炫光倒影按钮
分享简单有趣的CSS创意特效，放松放松心情~ 定义基本样式12345678910111213* { margin: 0; padding: 0; box-sizing: border-box; font-family: "fangsong";}body { height: 100vh; display: flex; align-items: center; justify-content: center; background-color: rgb(0, 0, 0);} font-family: ‘fangsong’; 仿宋字体。 display: flex; align-items: center; justify-content: center; flex布局，让按钮在屏幕居中。 定义基本标签123456789101112131415161718192021<a href="#" class="item item1"> aurora...
Mac HomeBrew 国内镜像安装方法
Homebrew 对于使用 Mac 的开发者来说，是再熟悉不过的了，它可以在 macOS 中方便的安装和管理各种系统并不自带的开发包。在安装 homebrew 时，由于众所周知的原因，用官网的安装方法很慢且容易中断，想用国内的源进行安装。让人非常头疼，今天为各位推荐的就是在国内自动安装 Homebrew 的脚本。 此脚本为不像网上其他脚本安装后需要配置，此一键脚本，安装后无需任何配置！！！ 使用国内镜像源的原因国内用户在使用官网方法安装homebrew时很慢且容易中断，最好使用国内的源进行安装。 当你打开这篇文章的时候，想必你也遇到了如图同样的烦恼吧！ curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused Mac HomeBrew国内源安装苹果电脑标准安装脚本：（推荐 优点全面 缺点慢一点） 1/bin/zsh -c "$(curl -fsSL...
iTerm2 + Oh My Zsh 打造MAC舒适终端体验
众所周知，大部分的Linux发行版的默认命令解释器是Bash。但除此之外，这个星球上的命令解释器多了去了。相比于默认的 Bash，Zsh 有更多的自定义选项，并支持扩展。因此 Zsh 可以实现更强大的命令补全，命令高亮等一系列酷炫功能。今天我们就来打造一个自己的好看、好用的 Zsh 终端。 下载iTerm2可以直接去官网下载： iTerm2 安装完成后，在/bin目录下会多出一个zsh的文件。 Mac系统默认使用dash作为终端，可以使用命令修改默认使用zsh： 1chsh -s /bin/zsh 如果想修改回默认dash，同样使用chsh命令即可： 1chsh -s /bin/bash OK，这就是iTerm2初始的样子，下面我们来美化它，让它变得更好用！ 安装Oh my zsh安装方法有两种，可以使用curl或wget，看自己环境或喜好： 12# curl 安装方式sh -c "$(curl -fsSL...
acme.sh生成自动续费的免费SSL证书
acme.sh 实现了 acme 协议，可以从 letsencrypt 生成免费的证书。一个完全用Shell（Unix shell）语言编写的ACME协议客户端，支持ACME v1和ACME v2，只需一个脚本即可生成发布，续订和自动安装SSL证书。 安装acme.sh1curl https://get.acme.sh | sh 把 acme.sh 安装到你的 home 目录下： 1~/.acme.sh/ 创建 一个 bash 的 alias 1alias acme.sh=~/.acme.sh/acme.sh 执行完毕后，将自动为你生成 crontab 任务，每天 0:00 点自动检测所有的证书, 如果快过期了，需要更新，则会自动更新证书。 生成证书 acme.sh 实现了 acme 协议支持的所有验证协议。一般有两种方式验证： http 和 dns 验证，这里我们以 http 为例。http 方式需要在你的网站根目录下放置一个文件，来验证你的域名所有权，完成验证，然后就可以生成证书了。 1acme.sh --issue -d mydomain.com -d...
