Fish's Blog

正则表达式（Regular Expression）是一种强大的文本处理工具，可以用于在字符串中进行模式匹配和替换操作。在前端开发中，正则表达式被广泛应用于表单验证、数据处理和搜索等方面。因此，学习正则表达式已经成为每个前端开发人员必备的技能之一。本文将介绍如何学习和掌握正则表达式，包括：正则表达式的语法和基本概念。如何使用常量和变量使用正则表达式常用正则表达式语法的详细讲解以及示例代码。正则表达式

- 阅读全文 -

代码部分主要流程为，使用uni.downloadFile获取文件的blob地址，然后通过xhr请求该地址获取文件对象，然后通过reader读取他，最后创建一个a标签创建下载const fileInfo = this.data.stageMore[e.key1].data[e.key2]; if (this.isUrl(e.url)) { const fileUrl = e.url; con

- 阅读全文 -

在前端开发中，我们经常使用回调函数来处理异步操作的结果。回调函数是一个非常重要的概念，对于理解 JavaScript 中的异步编程模型和前端工程实践都具有重要的意义。本文将会对回调函数进行详细讲解，并给出代码示例说明如何使用回调函数来解决一些常见的前端工程问题。回调函数的概念回调函数是指在 JavaScript 中一个函数作为另一个函数的参数被调用时，以函数形式传递的函数；当某个函数执行完之后，会

- 阅读全文 -

效果如下：实现代码：// index.js // console.log(window.location.pathname) const url = window.location.pathname.split('/'); let nowUrl if(window.location.pathname === '/') { nowUrl = 'home'; } else { nowU

- 阅读全文 -

<style> /* 下拉菜单按钮样式 */ .dropbtn { background-color: #ffffff; color: #333333; padding: 10px; font-size: 16px; border: none; cursor: pointer; } /* 下拉菜单容器样式（隐藏） */

- 阅读全文 -

一般写法for (const item of arr) { // console.log(item) }此方法我们无法获取到 item 的索引值，因此我们使用解构赋值和 entries() 方法来获取每个元素的值和索引for(const [index, item] of arr.entries()) { // console.log(index) }

- 阅读全文 -

ES6带来了许多新的处理字符串的 API。以下是其中一些常用的：startsWith() 和 endsWith()：用于判断字符串是否以特定的子字符串开头或结尾。const text = "Hello, world!"; console.log(text.startsWith("Hello")); // true console.log(text.ends

- 阅读全文 -

var cssContent = "body {color: red; font-size: 16px;}"; var blob = new Blob([cssContent], {type: 'text/css'}); var url = URL.createObjectURL(blob); var downloadLink = document.createElement

- 阅读全文 -

迭代算法是一种重复执行一定计算过程，从而逐步推进到所需结果的算法。与递归算法不同，迭代算法采用循环结构，一步步进行计算，避免了递归带来的性能问题和栈溢出等情况。在前端工程中，迭代算法广泛应用于循环遍历、查找、排序等场景。比如，遍历数组、查找最大子序列、排序等都可以采用迭代算法进行求解。基础知识迭代算法基本上可以归纳为以下的模式：function iteration(...) { // 初始化数

- 阅读全文 -

动态规划算法是一种将问题分解成更小的子问题的算法，以求解复杂问题的算法。与递归算法类似，不同之处在于动态规划算法一般使用迭代来进行求解，并且避免了重复计算。在前端工程中，动态规划算法经常用来解决最长公共子序列、最小编辑距离和背包问题等。基础知识动态规划算法包含四个基本步骤：定义子问题：将原问题分解成更小的子问题。设计状态：定义一个状态表示原问题与子问题的某些关系。设计状态转移方程：根据子问题之间的

- 阅读全文 -