监听DOM元素是否可视的高效方法
https://zekibu.im
奇技淫巧
未读
监听DOM元素是否可视的高效方法
代码示例 const ob = new IntersectionObserver(entries=>{
console.log('以下元素可视范围发生变化');
console.log(entries);
}, {
root: null, // 被监听元素的父元素 (相对于该元素的可视
代码雨_黑客帝国_canvas
https://zekibu.im
奇技淫巧
未读
代码雨_黑客帝国_canvas
完整代码 class CodeRain {
constructor(option = {}) {
this.option = {
// 父元素
elem: 'body',
// 字体大小
内网穿透，可视化管理，不使用ipv6和ddns
https://zekibu.im
翻墙梯子
未读
内网穿透，可视化管理，不使用ipv6和ddns
有什么用 监控 智能家居 联机游戏 网站服务器 本地NAS 远程开发 远程桌面 前期准备 局域网设备：以上服务均可以在此设备使用，本文以Linux-Ubuntu示例 公网服务器：通过该服务器的端口转发局域网流量，访问速度便取决于该服务器带宽 (除非联机游戏，否则2-5m足矣) 下载以下附件包： 点击
自签证书实现本地Https
https://zekibu.im
奇技淫巧
未读
自签证书实现本地Https
为什么要自签证书 本地环境进行开发时，有的API接口要求必须要https才能对接 HTML网站转换渐进式网页应用(PWA)时，chrome要求必须要https 可以给本地hosts中的"虚拟域名"安装ssl证书，实现https 更加贴近线上环境、更好debug、屏蔽一些浏览器默认禁止访问http网站
JS_VUE响应式数据原理
https://zekibu.im
奇技淫巧
未读
JS_VUE响应式数据原理
代码部分 <p>
<!-- input 未设置默认值 -->
<input placeholder="输入任何值" id="input">
</p>
<p>
<span>您输入了：</span>
<span id="result"></span>
</p>
<p>
CSS_根据背景色计算前景色差值
https://zekibu.im
奇技淫巧
未读
CSS_根据背景色计算前景色差值
代码部分 <style>
.box{
width: 100%;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(to
pac.js文件部署及简单功能教学
https://zekibu.im
翻墙梯子
未读
pac.js文件部署及简单功能教学
文件作用 高自由度选择性配置哪些域名需要代理，哪些域名直接连接 一个文件配置所有设备代理连接 配合无软路由实现局域网设备连接同一个VPN可实现一个文件管理所有局域网设备 需要注意的是：pac.js无法代理udp连接，所以一些特殊软件就需要手动设置socks5模式 代码示例 // 代理地址 + 端口
无软路由实现局域网设备连接同一个VPN
https://zekibu.im
翻墙梯子
未读
无软路由实现局域网设备连接同一个VPN
特别说明 Web管理VPN订阅节点，一键代理局域网所有设备> 实现原理是局域网设备安装软件v2rayA，并开启局域网连接 而后创建一个pac.js，局域网所有设备都可以通过这个pac.js自动连接代理 只要安装的设备不关机，局域网就全都有外网访问 前期准备： 家里有一台Linux内核设备(可以是软路