实用ES6代码片段
将字符串复制到剪贴板 const copyToClipboard = str => { const el = document.createElement(‘textarea’); el.value = str; el.setAttribute(‘readonly’, ”); el.style.position = ‘absolute’; el.style.left = ‘-100%’; document.body.appendChild(el); co …
年度归档： 2021年
js 获取文件 MD5
每个文件的md5值都是唯一的，这也是很多下载网站，会告诉你原文件的md5是多少，然后下载完毕让你自行去对比是否一致，以检验文件是否是完整的。校验md5亦可实现所谓的”秒传“功能。 使用到的类库 Spark-MD5 function getMD5(file, callBack) { /* * file 选取的文件 * callBack 回调函数可以返回获取的MD5 */ let fileReader = new FileReader(), blobSlice = File.prototype.mozSlice || File.prototy …
psql 多 schema 更新表结构
EXECUTE — 执行一个预备语句 EXECUTE name [ ( parameter [, …] ) ] 描述 EXECUTE被用来执行一个之前准备好的语句。 由于预备语句只在会话期间存在，该预备语句必须在当前会话中由一个更早 执行的PREPARE语句所创建。 如果创建预备语句的PREPARE语句指定了一些参数， 必须向EXECUTE语句传递一组兼容的参数，否则会 发生错误。注意（与函数不同）预备语句无法基于其参数的类型或者数量重载。 在一个数据库会话中，预备语句的名称必须唯一。 参数 name 要执行的预备语句的名称。 parameter 给预备语句的参数的实际值。这必须是一个能得 …
Threejs 性能优化之（多实例渲染 and 合并）
InstancedMesh是R110之后出现 官网简介： A special version of Mesh with instanced rendering support. Use InstancedMesh if you have to render a large number of objects with the same geometry and material but with different world transformations. The usage of InstancedMesh will help you to reduce the number of dr …
JavaScript 反控制台调试
一、开发者工具检测（Chrome） 这项技术利用的是div元素中的id属性，当div元素被发送至控制台（例如console.log(div)）时，浏览器会自动尝试获取其中的元素id。如果代码在调用了console.log之后又调用了getter方法，说明控制台当前正在运行。 let div = document.createElement(‘div’); let loop = setInterval(() => { console.log(div); console.clear(); }); Object.defineProperty(div,“ …
前端实用资源库汇总
包管理器 管理着 JavaScript 库，并提供读取和打包它们的工具。 Yarn: Yarn 是由 Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具官网 npm：npm 是 JavaScript 的包管理器。官网 Bower：一个 web 应用的包管理器。官网 component：能构建更好 web 应用的客户端包管理器。官网 spm：全新的静态包管理器。官网 jam：一个专注于浏览器端和兼容 RequireJS 的包管理器。官网 jspm：流畅的浏览器包管理器。官网 Ender：没有库文件的程序库。官网 volo：以项目模板、添加依赖项 …
代码审查清单
审查之前，应确保以下原则： 该代码编译并通过静态分析而不会发出警告 该代码通过了所有测试（单元测试，集成测试和系统测试） 您已仔细检查拼写错误，并进行了清理（注释，待办事项等） 您概述了此修改的含义，包括修改的原因以及修改的内容 执行 这个代码更改是否完成了它应该完成的任务？ 这个解决方案可以简化吗？ 此更改是否添加了不需要的编译时或运行时依赖项？ 是否使用了不应该使用的框架、 API、库、服务？ 是否没有使用框架、 API、库、服务来改进解决方案？ 代码是在正确的抽象层上吗？ 代码是否足够模块化？ 你是否会用一种不同的方式来解决这个问题，这种方式在代码的可维护性、可读性、性能和安全性方面会大 …
vscode 自动生成注释 koroFileHeader
koroFileHeader是一款用于在vscode中用于生成文件头部注释和函数注释的插件，支持所有主流语言，功能强大，灵活方便。 文件头部注释：在当前编辑文件中使用快捷键:window：ctrl+alt+t/mac：ctrl+cmd+t,即可生成文件头部注释。 函数注释： 将光标放在函数行或者将光标放在函数上方的空白行 使用快捷键window：ctrl+alt+t,mac：ctrl+cmd+t，即可生成函数注释。 // 头部注释 “fileheader.customMade”: { // 头部注释默认字段 “Author”: & …