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...













