屏蔽csdn脚本
12345678910111213141516171819202122// ==UserScript==// @name 必应搜索引擎优化// @namespace https://tampermonkey.net/// @version 1.0// @description 屏蔽csdn// @author hinak0// @match https://cn.bing.com/*// @icon https://www.google.com/s2/favicons?sz=64&domain=bing.com// @grant none// ==/UserScript==(function () { "use strict"; const resultList = document.querySelectorAll("main ol#b_results li.b_algo"); resultList.forEach((item) => ...
记前端两种路由模式的原理
hash模式使用hashchange事件监听地址栏变化，从而更新dom. demo: 1234567891011121314<!doctype html><div class="main"> <a href="#personal">personal</a><br /> <a href="#search">search</a><br /></div><script> let main = document.querySelector("div.main"); window.onhashchange = (e) => { // 获取新的地址 let path = e.newURL; // 更新dom main.innerHTML = path; };</script> history模式 劫持跳转事件 使用history.pushState实现更 ...
JS HISTORY对象
history是什么是从新建一个标签页开始，所有打开过的url的一个栈，浏览器根据这个维护 前进，后退 功能。 详细mdn文档https://developer.mozilla.org/zh-CN/docs/Web/API/History 案例https://app.noy.asia/#/preview/4116 这个网站实现了一个流氓功能：后退的话，会向history中push一个state，导致无法退出这个页面——除非关掉这个标签页。 实现禁止后退功能1234567history.pushState(null, null, document.URL);// 每当触发后退事件时，就再加一个当前页面的记录window.addEventListener("popstate", (e) => { alert("popstate"); history.pushState(null, null, document.URL); console.log("you can't go back");}); ...
校园网认证机制探索
结论： 校园网是通过mac区分设备，进行认证的 某个mac通过认证后，可以通过这个mac上网并且无需验证 两台设备共享一个mac上网规避设备限制不现实 过程要实现两台设备一个mac，可谓是大费周折。首先找来一块支持更换mac的网卡，修改mac发现修改有限制，只能修改为局域mac(类似于私有ip)，而我的手机mac恰好是全局mac,而且安卓修改mac更困难。 在 Windows 下修改 MAC 地址时，为什么第 2 个十六进制字符只能是 2、6、A、E 之一？ 后来想到手机也有随机mac的功能，于是想到可以使用随机mac认证一个mac，于是实现了两台设备相同mac。 局域网中，两台设备相同mac会发生什么在以前的集线器时代，无非是网卡收到不是发送给自己的数据包，然后提交给操作系统——但是没有应用程序处理这些数据而已。 但在交换机的端口隔离下，局域网中相同mac的设备可能发生以下情况——自己的请求收不到应答（应答在隔壁呢）于是触发数据重传，导致网络拥堵不堪。 实际上确实如此，两台设备争抢资源非常严重，网速降至龟速，无法实现平分网速。 如果此时其中一台设备选择下线呢？另一台设备可以正常上网 ...
js的闭包实现模块化
js可以通过在函数内部定义函数，实现开辟新的作用域，外部无法访问，也就是实现了私有变量。 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374"use strict";var Clock = (function () { let clock = { now: new Date(), hr: 0, minu: 0, sec: 0 } // 初始化钟表对象 function init(el) { clock.canvas = document.querySelector(el) clock.ctx = clock.canvas.getContext('2d') clock.canvas.width = clock.canvas.height = 400 clock.ctx. ...
随机密码生成器-代码
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<div class="pwGenBox"> <button onclick="generate()">生成密码</button> <input id="hasSpec" type="checkbox" /> <p>特殊字符</p> <h3 class="password"></h3> <input class="input" style="opacity:0;position:absolute;top:-999px;" /> <button onclick="copy() ...
