摘要: 方案1:html2canvas + jspdf (缺点:清晰度不高) 安装插件: 亲测可用 yarn add html2canvas yarn add jspdf import html2canvas from 'html2canvas'; import jspdf from 'jspdf'; /* 阅读全文
posted @ 2024-06-14 14:42 有只橘猫 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 欢迎补充!!! 序言 良好的代码结构:Bad 👎🏻 使用有意义的变量和函数名,遵循命名规范,使代码易于理解。 组织代码,使用适当的文件和文件夹结构,保持模块化。 避免全局变量的滥用,尽量使用局部作用域。 单一职责原则:Bad 👎🏻 每个函数或模块应该只负责一个特定的功能。这样的设计使得代码更 阅读全文
posted @ 2024-01-08 16:40 有只橘猫 阅读(5044) 评论(33) 推荐(34) 编辑
摘要: 在JavaScript中,forEach方法是用于遍历数组的,通常没有直接终止循环的机制。然而,我们可以使用一些技巧来模拟终止forEach循环。以下是几种常见的方法 1.使用return语句:在forEach回调函数内部使用return语句可以实现类似终止循环的效果。当需要终止循环时,可以在回调函 阅读全文
posted @ 2023-11-10 21:21 有只橘猫 阅读(2255) 评论(0) 推荐(0) 编辑
摘要: 监听上传的服务器文件是否改变,从而刷新页面=> interface Options { timer?: number; } class Updater { oldScript: string[]; //存储第一次值也就是script 的hash 信息 newScript: string[]; //获 阅读全文
posted @ 2023-10-11 15:15 有只橘猫 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 禁止调试前端代码,不要看我的代码 <script> // 禁止调试前端代码 (() => { function block() { if (window.outerHeight - window.innerHeight > 200 || window.outerWidth - window.inne 阅读全文
posted @ 2023-08-01 16:08 有只橘猫 阅读(37) 评论(1) 推荐(0) 编辑
摘要: 下载包 npm install react-pdf 我使用的是react-pdf@5.7.2版本 以下例子使用的是react创建的项目 直接上代码=>cv可用,保证高效 1.新增依赖 yarn add react-pdf@5.7.2 npm install react-pdf@5.7.2 2.导出j 阅读全文
posted @ 2023-08-01 15:34 有只橘猫 阅读(520) 评论(0) 推荐(0) 编辑
摘要: 1.添加函数修改img的属性; /** * * @param {*} idName 传入的id,获取改img的dom,添加相应的数学 */ export const proxyImg = (idName) => { const img = document.getElementById(idName 阅读全文
posted @ 2023-07-21 16:38 有只橘猫 阅读(306) 评论(0) 推荐(0) 编辑
摘要: 数组的32中方法=>{ 1.push(): 在数组末尾添加一个或多个元素,并返回修改后的数组。 let fruits = ['apple', 'banana', 'orange']; fruits.push('mango'); console.log(fruits); // 输出: ['apple' 阅读全文
posted @ 2023-07-13 17:12 有只橘猫 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 字符串的17种方法。。。。。。 1.length:返回字符串的长度。 const str = "Hello, World!"; console.log(str.length); // 输出 13 2.charAt(index):返回指定索引位置的字符。 const str = "Hello, Wor 阅读全文
posted @ 2023-07-11 16:11 有只橘猫 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 提前声明: 我没有对传入的参数进行及时判断而规避错误,仅仅对核心方法进行了实现; 解决了react的非父子间的通信; 参考文档:https://github1s.com/browserify/events/blob/main/events.js https://www.npmjs.com/packa 阅读全文
posted @ 2023-04-18 11:08 有只橘猫 阅读(385) 评论(0) 推荐(1) 编辑