增删操作末尾操作push（推入）、pop（弹出）。开头操作unshift（推入开头）、shift（移出开头）。任意位置splice（拼接）、toSpliced（新数组拼接）。查找与判断查找元素find（找到第一个）、findLast（找到最后一个）、indexOf（索引）、findIndex（索引）、（最后一个索引）。条件判断some（某些）、every（每个）、includes（包含）。遍历与转换遍历操作map（映射）、forEach（对每个）、filter（过滤）、reduce（缩减）、

今天我们来聊聊 TypeScript 的内置方法。很多开发者使用 TypeScript 已经有一段时间了，但仍然没有充分利用它提供的强大工具类型。这不仅浪费了 TypeScript 的优势，还可能导致代码中出现一些本可以避免的错误。本文将详细介绍一些常用的 TypeScript 内置方法，并结合实际示例，帮助大家更好地理解和应用这些工具类型。通过以上示例，我们可以看到 TypeScript 提供的这些内置方法极大地提升了代码的可维护性和安全性。希望大家在日常开发中能够充分利用这些工具类型，写出更优质的代码。

是Web API的一部分，旨在为网页内容提供画中画功能。通过该 API，开发者可以轻松地将指定的 DOM 元素（如视频播放器、图像或自定义内容）转换为独立的浮动窗口，用户可以自由移动和调整其大小，而不影响主网页的浏览。Picture-in-Picture API 为网页开发者提供了一种强大的工具，可以显著提升用户体验。通过本文的详细解析，相信大家对 PiP API 的功能和使用方法有了更深入的了解。在实际应用中，开发者应充分考虑用户需求和场景特点，合理运用 PiP 功能，创造出更加丰富和便捷的网页体验。

本文详细介绍了如何使用Tesseract.js库实现图片文字搜索功能，有效地解决了在大量图片中快速找到目标图片的需求。文章首先分析了问题背景，提出了解决方案的基本思路，即通过识别图片上的文字并存储在keyword中，实现搜索功能。接着，文章逐步介绍了Tesseract.js库的安装、配置和使用方法，包括如何识别英文和中文文字。文章还展示了如何将识别出的文字与图片关联，以及如何通过搜索文字来筛选图片。最后，文章讨论了Tesseract.js库的优势，如易于集成、支持多种语言等，并展望了未来可能的改进方向

x 和 y 坐标代表页面上的一个点的位置，其中 x 代表水平方向，y 代表垂直方向。通过这两个数值，我们可以准确地定位到页面上的某个点，并在这个点上模拟一次点击，就像用户用鼠标点击一样。

前端页面防止调试的方法主要是通过不断 debugger 来疯狂输出断点，因为 debugger 在控制台被打开的时候就会执行由于程序被 debugger 阻止，所以无法进行断点调试，所以网页的请求也是看不到的。Function 构造器生成的 debugger 会在每一次执行时开启一个临时 js 文件，当然使用的时候，为了更加的安全，最好使用加密后的脚本。由于前端页面会调用很多接口，有些接口会被别人爬虫分析，破解后获取数据，为了杜绝这种情况，最简单的方法就是禁止人家调试自己的前端代码。

在 JavaScript 中，`try`、`catch` 和 `finally` 是处理异常和错误的代码块。`try` 包含可能出现错误的代码块，如果在执行该代码块时发生错误，则 JavaScript 引擎会抛出一个异常。`catch` 用于捕获异常并执行相应的处理，而 `finally` 在 `try` 或者 `catch` 执行完之后，都会执行其中的代码块。`try` 和 `catch` 是成对出现的，可以省略 `finally`。`try` 块中的代码如果发生错误，就立即转到处理程序 `catch`

分支优化在各种语言中都有不同的实现方式和应用场景，本篇通过JavaScript介绍了两种代码分支优化的思想，代码的实现非常简单，重点在于这种思想的应用。观点1：压根不需要多此一举去优化它，并且优化后的代码因为多创建了一个对象/数组，对对象/数组进行检索反而比单纯的if else还是废性能。观点2：分支优化后的代码可读性/可维护性更好，并且引入对象/数组所带来的性能问题在当今时代根本不值一提。作者：海底烧烤店。

【需求描述】1.需要动态的从后端获取文件进行渲染2. 获取后端域名要求加密解析【解决方案】说白了也就是CSS中的变量使用——var() 函数用于动态改变url这里的this.$getPicture这个是全局获取baseURL的方法。

使用的时候你可以通过 import 按需引入，也可以挂载到全局上使用，一般建议少用全局方式或全局变量，为后来接手项目继续开发维护的人，追查代码留条便捷之路！Storage 本身是不支持过期时间设置的，要支持设置过期时间，可以效仿 Cookie 的做法，setStorage(key,value,expire) 方法，接收三个参数，第三个参数就是设置过期时间的，用相对时间，单位秒，要对所传参数进行类型检查。该代码已进一步完善，需要的可以直接进一步优化，也可以将可优化或可扩展的建议，留言说明，我会进一步迭代的。

获取未来七天的日期和星期几，遍历数组进行渲染，要求从明天开始，不算今天。也不用多解释了，大部分都在代码注释了，望各位灵活变通~代码中days的数据结构如下。

常用的mock网站，如果说easy-mock 最好的备胎，那么fastmock就是它的孪生兄弟。easy-mock在线前端工具崩了，进不去！这里推荐另一个在线工具 fastmock网址：https://www.fastmock.site/注册就可以使用了可用于前端没有后端程序时建立虚拟接口与数据。。。非常方便！

【准备工作】数组是我们最常用的数据结构之一，JS里原生自带的数组方法我们都要学习和了解，有助于提高我们的开发效率。这个小练习适用的地方挺多的,对常见的多维js数组方法应该会对你有所启发【输出】2023/5 添加【示例1】【输出】打印结果：[{materialCode: “code2”, materialPackage: 10}, {materialCode: “code3”, materialPackage: 20}]

前言因为业务需要，很多文件需要在前端实现预览，今天就来了解一下吧。Demo地址[1]：https://zhuye1993.github.io/file-view/dist/index.html实现方案找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。文档格式老的开源组件替代开源组件word（docx）mammothdocx-preview(npm)powerpoint（pptx）pptxjspptxjs改造开发excel（xls...

1、“返回”按钮使用 history.back() 可以创建一个浏览器“返回”按钮。2、数字分隔符为了提高数字的可读性，您可以使用下划线作为分隔符：3、事件监听器只运行一次如果你想添加一个事件监听器并且只运行一次，你可以使用 once 选项：4、console.log 变量包装您在 console.log() 的时候，将参数用大括号括起来，这样可以同时看到变量名和变量值。5、从数组中获取最小值/最大值您可以使用 Math.min() 或 Math.max() 结合扩展运算符来查找数组中的最小

在用一些ui写项目的时候会遇到：函数有默认参数并且需要增加自定义参数而不覆盖原本的默认参数的情况在vant Uploader 文件上传，自定义参数list是传入进来的，方便赋值。file是after-read 文件读取完成后的回调函数所带的默认参数利用return完成默认参数传递的同时，又不覆盖影响其他参数，有点类似event~...

JavaScript 可以做很多好玩的事， 从复杂的框架到处理API，有太多的东西需要学习。但是，它也能只用一行就能做一些了不起的事情。1 . 获得一个随机的布尔值（true/false）该函数使用Math.random()方法返回一个布尔值（true 或者 false）。Math.random创建一个0到1之间的随机数，我们只要检查它是否高于或低于0.5，就有50%机会得到true或false。const randomBoolean = () => Math.random() >= 0