icheer.me

一个人到了30岁，应该要对自己了如指掌，确切知道自己有哪些优缺点，晓得自己的极限在哪里，预见自己的衰颓——做他自己。尤其是接受这些。我们会变得很积极。一切有待实践，一切也有待抛却。不再造作，但仍戴着面具。我已经见过够多的世面，几乎能够抛开一切。剩下的，是一种每天持续不断，不可思议的努力。能够守密的 ...

阅读全文 »

[搬运]JavaScript监听全部Ajax请求的事件

发表于 2020-06-30 | 分类于日志

;(function() {
  function ajaxEventTrigger(event) {
    var ajaxEvent = new CustomEvent(event, { detail: this });
    window.dispatchEvent(ajaxEvent);
  }

  var oldXHR = window.XMLHttpRequest;
  function newXHR() {
    var realXHR = new oldXHR();
    realXHR.addEventListener('abort', function () { ajaxEventTrigger.call(this, 'ajaxAbort'); }, false);
    realXHR.addEventListener('error', function () { ajaxEventTrigger.call(this, 'ajaxError'); }, false);
    realXHR.addEventListener('load', function () { ajaxEventTrigger.call(this, 'ajaxLoad'); }, false);
    realXHR.addEventListener('loadstart', function () { ajaxEventTrigger.call(this, 'ajaxLoadStart'); }, false);
    realXHR.addEventListener('progress', function () { ajaxEventTrigger.call(this, 'ajaxProgress'); }, false);
    realXHR.addEventListener('timeout', function () { ajaxEventTrigger.call(this, 'ajaxTimeout'); }, false);
    realXHR.addEventListener('loadend', function () { ajaxEventTrigger.call(this, 'ajaxLoadEnd'); }, false);
    realXHR.addEventListener('readystatechange', function() { ajaxEventTrigger.call(this, 'ajaxReadyStateChange'); }, false);
    return realXHR;
  }
  window.XMLHttpRequest = newXHR;
})();

阅读全文 »

一些实用或有趣的javascript脚本

发表于 2020-06-24 | 分类于日志

受启发, 昨天写了几个简单的javascript脚本, 可以保存为书签放在Chrome书签栏里, 需要时在当前页面点一下书签就能实现目的, 下次访问页面时仍然是原状, 支持现代浏览器~~(IE11以下无需尝试)~~, 不像TamperMonkey那样强植入, 也无需去Chrome应用商店安装什么扩展插件.
如果未来有新脚本, 会陆续在这里更新.

1．解除网页禁止复制的限制（同时去除复制内容末尾自动附加的额外小尾巴信息）
　 ~~360图书馆/CSDN什么的接受制裁吧（雾~~

javascript:window.oncontextmenu=document.oncontextmenu=document.oncopy=null; [...document.querySelectorAll('body')].forEach(dom => dom.outerHTML = dom.outerHTML); [...document.querySelectorAll('body, body *')].forEach(dom => {['onselect', 'onselectstart', 'onselectend', 'ondragstart', 'ondragend', 'oncontextmenu', 'oncopy'].forEach(ev => dom.removeAttribute(ev) || (dom[ev] = e => e.stopPropagation())); dom.style['user-select']='auto';});

2．密码输入框明文显示（方便查看被浏览器记住但自己已经忘了的密码）

1	javascript:[...document.querySelectorAll('input[type=password]')].forEach(i => i.type = 'text');

3．给网页内所有元素添加随机颜色外框线

javascript:[...document.querySelectorAll('*')].forEach(i => { let rand = (~~(Math.random() * 0xFFFFFF)).toString(16); rand = '#' + ('00000' + rand).slice(-6); i.style.outline = '1px solid ' + rand; });

4．给当前页面植入一个聊天室

1	javascript:var s=document.createElement('script');s.src='//topurl.cn/chat.js';document.body.append(s);

5．点击页面随机出现向上浮动并淡出的小字 ^New

javascript:(()=>{if(document.querySelector('#clickAnimation_')) return; var rand=()=>{var arr=['富强', '民主', '文明', '和谐', '自由', '平等', '公正', '法治', '爱国', '敬业', '诚信', '友善']; return arr[~~(Math.random()*arr.length)];}; var s=document.createElement('style'); s.id='clickAnimation_'; s.innerText='.click-elem-t {position: absolute; z-index: 9999; color: #f5871f; font-size: 15px; font-weight: bold; cursor: default; user-select: none; animation: floatAndGone 1.7s forwards;} @keyframes floatAndGone {from {transform: translateY(0); opacity: 1;} to {transform: translateY(-75px); opacity: 0;}}'; document.querySelector('head').appendChild(s); document.body.addEventListener('click', e=>{var dom=document.createElement('span'); dom.innerText=rand(); dom.className='click-elem-t'; dom.style.top=e.pageY-25+'px'; dom.style.left=e.pageX+'px'; document.body.appendChild(dom); setTimeout(()=>{document.body.removeChild(dom)}, 2200) });})();