灵台方寸山斜月三星洞

【代码】360 安全浏览器 - 页面布局 - 常用网址。

fetch 内容用的时候，需要手动取个新的来覆盖使用。

【代码】JavaScript 异常处理。

有时临时在浏览器里跑点代码判断。需要引用外部的工具包。有的人说用，但我只是想到控制台临时跑一下，谁来帮我导 RequireJS 进来先呢？

未来将可能会被移除掉，应避免使用。演示了几个不同的实现方式。

【代码】JavaScript 高位填充、高位补0。

Java APIhttps://docs.oracle.com/javase/8/docs/api/index.html?java/util/stream/Collectors.htmlcopy('Modifier and Type | Method | Description\n--|--|--\n' + [...document.querySelectorAll("table.memberSummary > tbody > tr:nth-child(n+2)")].map(e=>{

【代码】Autojs 悟空浏览器。

只要加上 参数就行了。Dialog 上没有这个参数，是从 Window 继承来的。看个全景

集合 + 展开语法var arr = [..."大家好，我是笨笨，笨笨的笨，笨笨的笨，谢谢！"];var brr = [...new Set(arr)];console.log(brr);flatMap + indexOfvar arr = [..."大家好，我是笨笨，笨笨的笨，笨笨的笨，谢谢！"];var brr = arr.flatMap((v,i,a) => a.indexOf(v)==i ? v : []);console.log(brr);做兼容性处理export co

charCodeAt：中文 => UnicodecodePointAt： ES6新加，处理charCodeAt 只能编码 0xFFFF 范围的问题。fromCharCode：Unicode => 中文fromCodePoint：ES6新加，处理charCodeAt 只能编码 0xFFFF 范围的问题。var str = "大家好我是笨笨，笨笨的笨，笨笨的笨，谢谢！";// 中文 => Unicodevar arr= [...str].map(str=>str.charC

WPS JSA 学习笔记调用CMD命令调用CMD命令复制文件调用CMD命令调用CMD命令复制文件function 调用CMD命令复制文件(source, target){ Shell(`cmd /k copy "${source}" "${target}"`, jsNormalFocus);}function test(){ 调用CMD命令复制文件("c:\\hi.txt", "f:\\Temp\\vba");}......

WPS文字 JSA 实例收集

形状 Shapes删除所有Shape对象function 删除所有Shape对象(){ [...ActiveDocument.Shapes].slice(0,9999).forEach(shap =>{ Console.log(`删除形状：${shap.ID}`); shap.Delete(); }); Console.log(`删完成`);}

JavaScript 工具收集 - JS分页算法工具 jw-paginateJS代码示例paginate(150)paginate(150, 7)paginate(150, 7, 15)paginate(150, 7, 15, 5)参考资料这是一个纯分布算法工具，网上很多都跟HTML混在一起了。JS代码原本是TypeScript的，区别不大就是添加了类型，为了方便后续拿来，这里直接上个JS版本的/** * totalItems ：总条数 * currentPage : 当前页，默认1 *

PDF.js 默认展开目录

function 粘贴剪切板内容(selector){ navigator.clipboard.readText().then( clipText => document.querySelector(selector).innerText = clipText );}function addEvent(点赞按钮, 博主昵称){ document.querySelector(点赞按钮).addEventListener('click', ()=>粘贴剪切...

JavaScript 学习笔记 - 获取对象子集Array.reduce 版函数版箭头函数版Array.map + Object.fromEntries 版函数版箭头函数版Array.reduce 版函数版var originObj = { "k1": 'a', "k2": 'b', "k3": 'c' };function subObj(obj, ...arr){ return arr.reduce((a,c)=>(a[c]=obj[c])?a:a, {});}subObj(o

URL参数转JSON收集方案★★★★★ Object.fromEntries + URLSearchParamsJSON.parse + replaceArray.from + reducereplace + 正则参考资料别人写的太优秀了，干脆只留好东西吧。。。收集方案★★★★★ Object.fromEntries + URLSearchParams直接从URL中取出请求参数，转JSON.var jsonParams = Object.fromEntries(new URLSearchParam

WPS表格 JSA 学习笔记自定义公式单元格内文字颜色Sheet 工作表工作表引用Range单元格引用填写公式单元格赋值Cells 遍历单元格Sheet 范围内遍历Range 范围内遍历参考资料自定义公式function 加括号(区域, 左括号, 右括号){ return `${左括号}${区域}${右括号||左括号}`;}单元格内文字颜色function test(){ var len = Range("A1").Value2.length; for(let i = 1; i<=

以QQ截图取色为例。取到RGB值 181,224,255function rgb2hex(){ return '#' + Array.from(arguments).map(v=> parseInt(v,10).toString(16)).join('');}rgb2hex(181,224,255); // #b5e0ff

JavaScript 在ES6以前只有函数作用域。ES6开始支持块作用域: {} 包裹的范围作用域中查找变量or函数的规则是从当前向上（父集）逐级查找，找到最近的就拿来用。如果找到顶级（全局作用域：比如浏览器的window对象）还没有，就默认创建一个。词法作用域的规则决定，所有变量or函数在写代码时就已经确定了他所在的作用域。但是也有动态修改词法作用域的情况比如eval和with。这两东西都不推荐使用了。但是作为学习理解还是有点用的。eval和with的缺点最直接的就是，有他们的存在使代.

属性以前:var k1 = "值1";var k2 = "值2";obj = { k1 : k1, k2 : k2}ES6开始支持简写方式：var k1 = "值1";var k2 = "值2";obj = { k1, k2}函数以前:obj = { fn : function(str){ return str + ": 666"; }}ES6开始支持简写方式：obj = { fn(str){ return str + ": 666"; }}

今天需要按顺序执行一组方法，并支持结果向后传递。

JavaScript 学习笔记 《合并对象，合并数组》合并对象Object.assign()展开语法合并数组Array.prototype.concat()展开语法参考资料合并对象Object.assign()var target = Object.assign(target, ...sources)从第二个参数往后，将所有可枚举属性的值，复制给第一个参数。var obj1 = {"a":1, "b":2};var obj2 = {"b":22, "c":3};var obj = Object

Javascript 学习笔记 Map 和 Array 转换对象 2 数组取 key 数组取 value 数组格式化后输出数组 2 对象对象 2 数组取 key 数组Object.keys(map);取 value 数组(3) [1, 2, 3];格式化后输出对象：{"a":1,"b":2,"c":3}数组：[{"name":"a","value":1}, {"name":"b","value":2}, {"name":"c","value":3}]var map = {"a":1,

简介按照CSS选择器匹配元素，关于选择器这篇笔记有详细介绍：CSS 学习笔记 - 选择器方法区别支持querySelector返回第一个匹配的元素Element, DocumentquerySelectorAll返回所有匹配的元素Element, DocumentpreviousElementSibling返回当前元素的前一个元素。如果当前就是第一个元素返回nullnextElementSibling返回当前元素的下一个元素。如果当前就是最后一个元素返回n

JavaScript 学习笔记【Proxy】语法参考资料个人理解：Proxy就是一个内置对象，Js本身提供的一个代理模式的实现方案。语法const proxy = new Proxy(target, handler);target 被代理对象handler 是一个对象。它的属性们是捕获器函数（拦截原对象的操作，改变其默认行为）参考资料MDN Proxy...

下载图片var canvas = document.querySelector('#app canvas');var strDataURI = canvas.toDataURL("image/png");var image=strDataURI.replace("image/png", "image/octet-stream");window.location.href=image;Component series.map not exists

JavaScript 学习笔记【Promise】async、await 实现基本的同步操作。

参考资料后盾人视频教程 —— 第十三章 来来来！掌握JS模块化开发，编写高可用代码后盾人文档 —— JavaScript 模块化

JavaScript 学习笔记【class】class 基本语法演示代码类表达式参考资料class 基本语法关键字功能class类声明（只是个语法糖）extends用于定义类继承constructor构造函数。如果不写，基类默认constructor() {} 子类默认：constructor(...args) { super(...args); }this当函数作为对象里的方法被调用时，它们的 this 是调用该函数的对象。 详情见：JavaScript

JavaScript 学习笔记【getter & setter】语法参考资料从 ECMAScript 2015 开始，还可以使用一个计算属性名的表达式绑定到给定的函数。至于为啥用 getter、setter 看看自然就明白了语法var candyTiger = { data:{ name : '华安', id : 9527}, get name() { return this.data.name; }, set name(_name) { if(_

let user = {};设置属性特征进行控制Object.getOwnPropertyDescriptor(user, "age");Object.getOwnPropertyDescriptors(user);Object.defineProperty(user, "name", { value: "华安", Writable: true, enumerable: true, configurable: true });Object.defineProperti

JavaScript 学习笔记【this】非严格模式全局环境函数内箭头函数严格模式参考资料非严格模式全局环境指向全局对象。浏览器里就是window 对象函数内普通函数谁调我 this 指谁箭头函数严格模式我懒了~~~~参考资料Web 开发技术 > JavaScript > JavaScript 参考 > 表达式和运算符 > this...

1、元素只支持引用对象2、弱引用：被引用时引用计数不会增加引用的内容如果被回收了，WeakSet内部引也就不存在了。var a = { 'name' : '呵呵达'};var wset = new WeakSet();wset.add(a); // wset 有内容wset.has(a); // truea = null;wset.has(a); // false3、不支持迭代遍历、keys(),values() ,JSON.stringify() 无法序列化 等。。。4、只支持：a

var setA = new Set([1,2,3,4,5,6]);var setB = new Set([5,6,7,8,9,10]);// 合集Set.prototype.union = function( otherSet ){ return new Set([...this, ...otherSet ]);}setA.union(setB); // Set(10) {1, 2, 3, 4, 5, 6, 7, 8, 9, 10}// 交集Set.prototype.interse

用法演示var id = Symbol("用户id");var user = { name: "华安", [id]: 9527};user[id]; // 9527user.id; // undefineduser; // {name: "华安", Symbol(用户id): 9527}Object.getOwnPropertySymbols(user); // [Symbol(用户id)]Reflect.ownKeys(user); // ["name",...

前端舒克·贝塔 GitHub - 前端学习资源后端学习资料工具Hutool 是一个丰富的开源工具集

<div> <input type="password" id="pws" placeholder="输入密码..."></div>document.querySelector("#pws").addEventListener('keyup', handler);document.querySelector("#pws").addEventListener('mousedown', handler);function handler(e) { if(e.g