‖任℡か性发布的文章 - 咖啡没有咖啡豆

2025-01-07

电视直播源（推荐）科技长青：http://yuan.haitangw.net/tv/（推荐）长青聚合多线：https://github.com/skddyj/iptv备用 skddy!:http://yuan.haitangw.net/box/（备用）摸鱼：http://我不是.摸鱼儿.top（备用）饭太硬：http://www.饭太硬.com/tv/（备用）讴歌：http://tv.nxog.top/m/肥猫：http://肥猫.com春莹天下：https://盒子迷.top/春盈天下巧技：http://cdn.qiaoji8.com/tvbox.json王小二：http://tvbox.xn--4kq62z5rby2qupq9ub.top/OK吊炸天：http://ok321.top/tv直播接口：（推荐）科技长青直播：http://yuan.haitangw.net/ZB/PS：最好开启ipv6网络

2025年01月07日
117 阅读
0 评论
0 点赞

2024-10-02

2024年10月02日
25 阅读
0 评论
0 点赞

2024-05-26

天翼云盘ctwap本地模式 /* 普通免流例子，只需要修改HTTP/HTTPS代理IP跟模式(可作为wap模式) */ #######UDP部分######## httpUDP::udp { //如果有cns可以删除下一行前面的// 注意是//两个斜杠符号不是整行(cns尽量不要使用443端口) udp_tproxy_listen = 0.0.0.0:6650; //udp_socks5_listen = 0.0.0.0:1081; destaddr = 10.0.0.200:80; httpMod = tunnel; header_host = download.cloud.189.cn; destAddr = 119.29.170.98:9981; encrypt = 40086; } tcp::Global { tcp_listen = :::6650; } tcpProxy::http_proxy { //HTTP代理地址 destaddr = 10.0.0.200:80; httpMod = http; } //HTTP模式 httpMod::http { set_first = "[M] [U] [V]\r\nX-Online-Host:\t \t \t[H]\r\nHost:download.cloud.189.cn\r\n"; } tcpProxy::https_proxy { //HTTPS代理地址 destaddr = 10.0.0.200:80; tunnelHttpMod = tunnel; tunnel_proxy = httpOverTunnel; } //HTTPS模式 httpMod::tunnel { set_first = "[M] [H]@download.cloud.189.cn [V]\r\n"; } //ssl端口先建立CONNECT连接 tcpAcl::firstConnect { tcpProxy = https_proxy; matchMode = firstMatch; //读取数据后尝试匹配tcpAcl::http模块 reMatch = http; continue: dst_port != 80; continue: dst_port != 8080; dst_port != 6650; } //匹配普通http请求 tcpAcl::http { tcpProxy = http_proxy; continue: method != IS_NOT_HTTP|CONNECT; reg_string != WebSocket; } //其他请求使用CONNECT代理 tcpAcl::CONNECT { tcpProxy = https_proxy; dst_port != 0; } dns::Global { dns_listen = :::6653; cachePath = /dev/null; } dnsAcl { httpMod = http; //HTTP代理地址 destaddr = 10.0.0.200:80; header_host = 119.29.29.29; query_type = A; query_type = AAAA; } //用于接收socks5请求 socks5::recv_socks5 { socks5_listen = 0.0.0.0:1081; socks5_dns = 127.0.0.1:6653; handshake_timeout = 60; } Tun { tunAddr4 = 10.0.0.1; tunAddr6 = fc00::1; tunMtu = 1500; tunDevice = tunDev; } ZJL2.0beta31.zip

2024年05月26日
202 阅读
0 评论
0 点赞

2023-08-17

百度直连 listen_port=65080; worker_proc=0; daemon=on; uid=0; http_others=on; http_ip=153.3.236.22; http_port=443; http_del="X-Online-Host,Host,X-T5-Auth"; http_first="[M] http://[H][U] [V]\r\nHost: 153.3.236.22\r\nX-T5-Auth: 683556433\r\n"; https_connect=on; https_ip=153.3.236.22; https_port=443; https_del="X-Online-Host,Host,X-T5-Auth"; https_first="[M] [H]@吴彦祖 [V]\r\n"; dns_tcp=http; dns_listen_port=65053; dns_url="119.29.29.29";

2023年08月17日
382 阅读
0 评论
0 点赞

2023-07-03

JavaScript编写节流(throttle)和防抖(debounce)函数节流function throttle(func, delay) { let timerId; return function(...args) { if (!timerId) { timerId = setTimeout(() => { func.apply(this, args); timerId = null; }, delay); } }; } // 使用示例 function handleThrottledScroll() { console.log('Scroll event throttled'); } const throttledScroll = throttle(handleThrottledScroll, 200); window.addEventListener('scroll', throttledScroll);在上述示例中，throttle函数的实现使用了闭包来保存一个定时器ID timerId。当事件触发时，throttle函数会检查定时器ID是否存在。若不存在，则设置一个新的定时器，并在延迟结束后调用传入的函数。这样，事件被触发时，只有在指定的延迟时间过去后，才会执行一次函数。防抖function debounce(func, delay) { let timerId; return function(...args) { clearTimeout(timerId); timerId = setTimeout(() => { func.apply(this, args); }, delay); }; } // 使用示例 function handleDebouncedInput() { console.log('Input debounced'); } const debouncedInput = debounce(handleDebouncedInput, 300); document.getElementById('myInput').addEventListener('input', debouncedInput); 在上述示例中，debounce函数的实现也使用了闭包来保存一个定时器ID timerId。每次调用debounce返回的函数时，它会先清除之前设置的定时器，并重新设置一个新的定时器。只有在指定的延迟时间之后没有再次调用函数，才会执行一次函数。请注意，以上示例只是简单的实现方式，实际应用中可能需要根据具体需求进行适当的修改。

2023年07月03日
145 阅读
0 评论
0 点赞

2023-06-26

桥接模式下 Openwrt 软路由直接访问光猫后台光猫开启桥接模式后，软路由作为默认网关进行拨号与 NAT，导致客户端设备无法获取与光猫相同网段的 IP 地址，进而也就无法登陆光猫的后台管理界面。虽然在日常使用的过程中，光猫的配置几乎是一次性的，其后台管理界面的使用频率很低，但是每次登陆光猫后台都要通过有线或无线（若有）的方式将设备直接与光猫相连也着实麻烦。因此需要通过一些简单的配置，实现桥接模式下，连接软路由的同时可以随时访问光猫后台。实现原理其实很简单，只要在现有 DHCP 服务端正常工作的前提下，为软路由的 WAN 口再行分配一个与光猫网段相同的 IP 地址即可，前提是你的软路由支持多 WAN。以 Openwrt 系统为例，在“网络—接口”界面点击“添加新接口”，进入新接口创建页面。接口名称随意填写，接口协议选择“静态地址”，包括的接口选择当前 WAN 口绑定的物理接口。注意，接口协议尽量不要选择 DHCP，因为桥接模式下的光猫基本都会关闭自身的 DHCP 功能，不会给新接口自动分配 IP 地址，所以此时需要通过“静态地址”协议来手动指定新接口的 IP 地址。完成上述配置后，点击“提交”按钮进入新接口的详细配置页面。 IPv4 地址一定要设置成与光猫位于相同网段的地址。例如光猫连接软路由的 LAN 口的地址（即光猫后台地址）为 192.168.1.1，那么这里新接口的静态 IP 地址就要设置为 192.168.1.x。子网掩码设为 255.255.255.0，默认网关就是光猫 LAN 口的 IP 地址。有关 IP 网段和子网掩码的相关知识，可以参考这篇文章。完成上述设置后，点击“保存&应用”按钮即可完成配置。新接口配置完成后，DNS 缓存会有一定延迟，导致无法正常浏览网页，此时重启一下软路由即可解决问题。如果软路由之前配置了端口映射，则新接口创建完成后，所有的端口映射都将失效，此时仍需经过一番针对防火墙的额外设置才能恢复正常。重新进入新接口的详细设置页面，在“防火墙设置”中，将原先 WAN 口的防火墙区域绑定到新接口。然后进入“网络—防火墙—端口转发”页面，将原有的端口映射配置重新“保存&应用”一下即可。至此，如果不出意外的话，我们便可在桥接模式下随时随地访问光猫的后台管理界面了。

2023年06月26日
534 阅读
0 评论
0 点赞

2023-06-26

此内容被密码保护加密文章，请前往内页查看详情

2023年06月26日
43 阅读
0 评论
0 点赞

2023-06-18

JavaScript this指向在JavaScript中，this指向是动态的，它取决于函数的上下文。this通常指向当前正在执行的函数的主体或调用它的对象。以下是常见的this指向情况:默认情况下，this指向全局对象window。在对象方法中，this通常指向调用该方法的对象。在构造函数中，this指向新创建的对象。在事件处理程序中，this通常指向触发事件的元素。在箭头函数中，this指向外层作用域的this。使用call()、apply()或bind()方法，可以显式地指定this的值。需要注意的是，如果函数被调用时没有明确指定this的值，则默认情况下将使用全局对象window作为其上下文，这可能会导致意外的行为。因此，在编写JavaScript程序时，确保理解this的工作原理，并在需要时正确地设置this的值是非常重要的。以下是几个示例以说明this指向的不同情况：默认情况下，this指向全局对象window：function showThis() { console.log(this); } showThis(); // window在对象方法中，this通常指向调用该方法的对象：const person = { name: "Alice", greet: function() { console.log(`Hello, my name is ${this.name}`); } }; person.greet(); // Hello, my name is Alice在这个例子中，greet方法使用this关键字来引用它所属的person对象。在构造函数中，this指向新创建的对象：function Dog(name, age) { this.name = name; this.age = age; } const myDog = new Dog("Fido", 3); console.log(myDog); // Dog { name: "Fido", age: 3 }在这个例子中，Dog函数作为构造函数使用，使用this关键字来设置新创建的Dog对象的属性。在使用new操作符创建新对象时，函数内部的this会自动指向新对象，从而使得属性赋值操作作用于新对象上。在事件处理程序中，this通常指向触发事件的元素：<button id="my-btn">Click me</button> <script> const btn = document.getElementById("my-btn"); btn.addEventListener("click", function() { console.log(this); // button }); </script>在这个例子中，事件处理程序使用this关键字来引用按钮元素，因为它是触发click事件的元素。在箭头函数中，this指向外层作用域的this：const person = { name: "Alice", greet: function() { const arrowFunc = () => { console.log(`Hello, my name is ${this.name}`); }; arrowFunc(); } }; person.greet(); // Hello, my name is Alice在这个例子中，箭头函数arrowFunc在person对象的greet方法中被调用，但是它的this关键字会自动继承greet方法中的this，所以它会指向person对象。使用call()、apply()或bind()方法，可以显式地指定this的值：const person1 = { name: "Alice" }; const person2 = { name: "Bob" }; function greet() { console.log(`Hello, my name is ${this.name}`); } greet.call(person1); // Hello, my name is Alice greet.call(person2); // Hello, my name is Bob在这个例子中，使用call()方法来调用greet函数，并将person1和person2对象作为参数传递，以明确指定该函数内部的this值。这使得函数的输出分别为“Alice”和“Bob”。以下是更多的示例以说明this指向的不同情况：在回调函数中，this的指向可能会出现问题。例如：const person = { name: "Alice", friends: ["Bob", "Charlie", "Dave"], listFriends: function() { this.friends.forEach(function(friend) { console.log(`${friend} is a friend of ${this.name}`); }); } }; person.listFriends();在这个例子中，listFriends方法中的回调函数中的this的指向会变成全局对象window，这是因为回调函数在全局作用域中被调用。这通常不是我们想要的结果。解决这个问题有多种方式。一种方法是使用箭头函数：const person = { name: "Alice", friends: ["Bob", "Charlie", "Dave"], listFriends: function() { this.friends.forEach((friend) => { console.log(`${friend} is a friend of ${this.name}`); }); } }; person.listFriends();在这个例子中，我们将回调函数变成了箭头函数，这样它可以访问到listFriends方法中的this。这会使函数的输出分别为“Bob is a friend of Alice”、“Charlie is a friend of Alice”和“Dave is a friend of Alice”。在嵌套函数中，也需要注意this的指向问题。例如：const person = { name: "Alice", greet: function() { function sayHello() { console.log(`Hello, my name is ${this.name}`); } sayHello(); } }; person.greet();在这个例子中，内部的sayHello函数中的this指向全局对象window，因为它是在全局作用域中定义的。要解决这个问题，我们可以利用箭头函数：const person = { name: "Alice", greet: function() { const sayHello = () => { console.log(`Hello, my name is ${this.name}`); }; sayHello(); } }; person.greet();在这个例子中，我们使用箭头函数来定义sayHello函数，因此它可以访问到greet方法中的this。这会使函数的输出为“Hello, my name is Alice”。总之，要正确地理解this的指向，在编写JavaScript程序时需要仔细考虑上下文，并在需要时显式地设置this的值。

2023年06月18日
131 阅读
0 评论
0 点赞