自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(161)
  • 收藏
  • 关注

原创 如何实现文本内容的展开与折叠功能——前端开发

为了提高用户的阅读体验,我们可以使用一个"显示更多"按钮,让用户主动选择是否展开全部内容或者折叠部分文字。通过上述HTML、CSS和JavaScript代码的组合,我们成功地实现了文本内容的展开与折叠功能。方法获取到要展开与折叠的内容和按钮元素,并为按钮添加了一个点击事件监听器。另外,我们还创建了一个用于展示"显示更多"按钮的。现在,当用户点击"显示更多"按钮时,内容区域的高度将会发生变化,从而实现了展开与折叠的效果。首先,我们需要使用HTML和CSS来创建基本的页面结构和样式。在上述代码中,我们使用。

2023-09-28 01:51:35 659

原创 JS中的for...in和for...of:深入解析

for…in循环和for…of循环是JavaScript中用于遍历对象和可迭代对象的两种不同循环语句。for…in循环用于遍历对象的可枚举属性,包括自身属性和继承属性。for…of循环用于遍历可迭代对象的值,不包括索引或键。使用for…in循环时,如果需要遍历对象的所有属性,包括继承属性,可以选择for…in循环。使用for…of循环时,如果需要遍历可迭代对象的值,并且不需要访问索引或键,可以选择for…of循环。需要注意的是,在遍历对象时,不保证属性的顺序。

2023-09-27 17:47:20 133 1

原创 前端常用的命令行工具——提升前端开发效率

作为前端开发人员,熟练使用命令行工具是非常重要的。命令行工具可以帮助我们进行项目管理、代码构建、依赖管理等任务,提高开发效率。在本文中,我将介绍一些前端常用的命令行工具,并提供相应的源代码示例。以上是一些常用的前端命令行工具,它们可以帮助我们提高开发效率、管理代码和保证代码质量。熟练掌握这些工具,并结合实际项目使用,将会对前端开发工作产生积极的影响。希望本文对你有所帮助!

2023-09-27 15:49:58 110 1

原创 浏览器存储在前端开发中的应用及示例代码

浏览器存储是前端开发中常用的技术之一,它允许网页应用在用户的浏览器中存储和获取数据。通过浏览器存储,开发人员可以在客户端保存用户的偏好设置、临时数据、状态信息等,提供更好的用户体验。开发人员可以根据具体的需求选择合适的浏览器存储方式来实现数据的存储和读取。Web Storage 是 HTML5 提供的一种浏览器存储方式,包括 sessionStorage 和 localStorage 两种类型。// 使用 sessionStorage 存储数据。// 使用 localStorage 存储数据。

2023-09-27 15:24:20 67 1

原创 JavaScript简写语法在前端开发中的应用

综上所述,JavaScript的简写语法在前端开发中起到了简化代码、提高开发效率的作用。通过变量声明和赋值的简写、箭头函数的简写、对象字面量的简写和解构赋值的简写,我们可以编写更简洁、易读的代码。为了提高开发效率,JavaScript引入了简写语法,使代码更加简洁、易读。本文将介绍JavaScript中常见的简写语法,并给出相应的源代码示例。简写语法可以帮助我们简化这个过程。箭头函数是ES6引入的一种新的函数定义方式,可以更简洁地定义函数。箭头函数的简写语法不仅简洁,而且具有更短的代码长度和更清晰的语义。

2023-09-27 14:05:19 21 1

原创 条码WMS系统的前端架构与开发

条码WMS系统的前端开发需要选择合适的技术和框架来实现良好的用户界面和交互体验。在条码WMS系统中,前端开发是关键之一,它负责用户界面的呈现和交互,为用户提供友好的操作体验。本文将介绍条码WMS系统的前端架构和开发,并提供相应的源代码示例。在上述示例中,App.js是应用程序的根组件,通过React Router进行页面路由管理。Home.js是主页组件,Inventory.js是库存管理组件,在组件中使用了Redux进行状态管理,并通过异步操作从后端API获取库存数据。

2023-09-27 13:06:04 150 1

原创 Vue中父子组件之间传值的实现

父组件通过props属性将数据传递给子组件,子组件可以通过props属性接收并使用这些数据。通过props、事件和Vuex,Vue提供了多种方法来实现父子组件之间的数据传递。如果需要在多个兄弟组件之间进行数据传递,或者在组件层级较深的情况下进行数据传递,可以使用Vue的状态管理库Vuex来实现数据的共享和传递。在子组件中,可以通过props属性接收父组件传递的数据,并在模板中使用。在父组件中,可以通过在子组件标签上监听自定义事件,接收子组件传递的数据。在父组件中,通过在子组件标签上绑定属性来传递数据。

2023-09-27 12:27:00 22 1

原创 使用 Monorepo 进行前端开发:Yarn Workspace + Vite + TypeScript + React

Monorepo 是指将多个相关的项目放置在同一个代码仓库中的开发模式。代码复用:可以共享公共代码模块,避免重复编写相同的代码。统一依赖管理:可以统一管理所有项目的依赖,简化依赖管理流程。跨项目协作:不同项目之间可以更方便地共享代码和协同开发。统一构建和发布:可以使用相同的构建工具和发布流程来处理所有项目。在本文中,我们将使用 Yarn Workspace 作为 Monorepo 的工具,Vite 作为项目脚手架,TypeScript 作为静态类型检查工具,以及 React 作为前端框架。

2023-09-27 10:20:05 95 1

原创 打造一个自定义的Web地图引擎——前端开发

在本文中,我们介绍了如何从头开始构建一个自定义的Web地图引擎。通过使用HTML、CSS和JavaScript,我们创建了一个基本的地图引擎,并添加了标记、拖动和加载GeoJSON数据的功能。在这篇文章中,我们将探讨如何从头开始构建一个自定义的Web地图引擎。我们将涵盖前端开发方面的关键步骤,包括设计和实现地图显示、交互和数据加载功能。在这个示例中,我们使用了OpenStreetMap提供的图层。当用户停止拖动标记时,回调函数将被触发,我们可以在其中获取标记的新位置坐标并进行相应的处理。

2023-09-27 09:17:35 94 1

原创 使用Vue和uni-app创建百度地图定位组件

通过以上代码,你可以在uni-app中创建一个简单的百度地图定位组件,实现地图定位、标记点和显示详细地址信息的功能。本文将介绍如何使用Vue和uni-app创建一个百度地图定位组件,该组件能够显示地图定位、标记点,并显示详细地址信息。在使用时,请确保你已经正确引入了百度地图的JavaScript API,并替换了自己的百度地图开发者密钥。接下来,我们在地图上添加了一个标记点,并在点击标记点时显示详细地址的信息窗口。在该组件中,我们需要引入百度地图的JavaScript API,并在。钩子函数中初始化地图。

2023-09-27 08:32:21 218 1

原创 CSS 前端开发:如何创建漂亮的按钮效果

通过CSS,我们可以为按钮添加各种样式和效果,使其在页面中更加吸引人。通过以上的示例,你可以根据需要使用CSS来创建各种漂亮的按钮效果。CSS在前端开发中是一个非常强大的工具,通过灵活运用,可以实现各种想象中的界面效果。当鼠标悬停在按钮上时,我们改变按钮的颜色或添加动画效果。伪类选择器选择禁用状态的按钮,并降低按钮的不透明度以示禁用。对于选中状态的按钮,我们使用。在上述代码中,我们设置了按钮的内边距、背景颜色、文本颜色、边框样式以及边框圆角。除了样式,我们还可以通过调整按钮的大小和形状来创建不同的效果。

2023-09-27 07:08:02 164 1

原创 跨域问题及前端开发中的解决方法

跨域问题是指在浏览器中,当一个 Web 应用程序试图通过 XMLHttpRequest 或 Fetch API 向不同域名、不同端口或不同协议的服务器发送请求时,会被浏览器所限制,这是出于安全考虑的一种限制机制。在前端开发中,我们经常会面临跨域问题,本文将介绍跨域问题的原因,并提供几种常见的跨域解决方法。同源策略的目的是保护用户的隐私和安全,防止恶意网站获取用户的数据。以下是几种常见的跨域解决方法,可以根据具体的需求选择适合的方法。二、常见的跨域解决方法。

2023-09-27 05:13:34 46 1

原创 Vue.js Patch.ts:详解前端开发中的补丁机制

Patch.ts在Vue.js前端开发中起着关键的作用,它通过diff算法和更新操作实现了高效的视图更新。通过深入理解Patch.ts的工作原理和使用方法,我们能够更好地理解Vue.js框架的内部机制,并能够更加灵活地进行前端开发。Patch.ts是Vue.js框架中的一个核心文件,它包含了一些关键的函数和方法,用于处理虚拟DOM的diff算法和实际DOM的更新操作。在Vue.js中,Patch.ts是一个关键文件,负责处理虚拟DOM的diff算法和实际DOM的更新操作。三、Patch.ts的使用方法。

2023-09-27 04:03:55 93 1

原创 使用PC端浏览器开发者工具进行移动端Web页面远程调试

通过连接移动设备并使用开发者工具的强大功能,我们可以方便地调试和修改移动端Web页面的代码,以确保页面在移动设备上的正常运行。然而,为了方便调试和开发,我们可以使用PC端浏览器的开发者工具来进行移动端真机环境的远程调试。因此,最好在实际移动设备上进行最终的测试和调试,以确保页面在不同设备上的兼容性和稳定性。例如,如果你想修改页面上的某个元素的样式,你可以在开发者工具的元素检查器中找到该元素,并修改其CSS属性。通过编辑上述示例代码,你可以测试和调试移动端Web页面,并实时查看修改后的效果。

2023-09-27 02:49:06 191

原创 Vue事件修饰符和按键修饰符

在上面的示例中,当我们点击按钮时,控制台会先输出"div被点击",然后才输出"按钮被点击"。在上面的示例中,当我们点击按钮时,控制台会输出"按钮被点击",而不会触发div的点击事件。在上面的示例中,当我们点击提交按钮时,控制台会输出"表单被提交",而不会刷新页面。在上面的示例中,当我们在文本框中按下Tab键时,控制台会输出"Tab键被按下"。在上面的示例中,当我们在文本框中按下Esc键时,控制台会输出"Esc键被按下"。在上面的示例中,当我们在文本框中按下回车键时,控制台会输出"回车键被按下"。

2023-09-27 02:06:31 22 1

原创 六个出色的基于Web的3D图形库——WebGL前端开发

在现代Web开发中,为了创建引人注目且交互性强的3D图形,WebGL成为了一项重要的技术。在本文中,我们将介绍六个优秀的基于Web的3D图形库,这些库可以帮助前端开发人员轻松地创建出色的3D效果。这里我们介绍了六个出色的基于Web的3D图形库,它们分别是Three.js、Babylon.js、A-Frame、PlayCanvas、Cesium和regl。每个库都有其独特的特点和优势,可以根据项目的需求选择适合的库来实现引人注目且交互性强的3D效果。无论是创建游戏、可视化数据还是构建。

2023-09-27 00:24:31 203

原创 Quill富文本编辑器:解决提交后丢失部分HTML标签的问题

这可能会导致我们在后端处理数据时遇到困难,因为我们期望接收到的数据是完整的、包含所有的HTML标签。然而,有时候在使用Quill提交内容后,我们可能会遇到一些问题,其中之一就是丢失部分HTML标签的情况。通过修改Quill的配置,我们可以允许特定的HTML标签通过过滤器,从而确保提交的内容在后端得到正确处理。在上述示例中,我们使用Express框架创建了一个简单的服务器,并定义了一个POST路由用于接收Quill内容的提交。要解决这个问题,我们需要修改Quill的配置,以允许特定的HTML标签通过过滤器。

2023-09-26 19:08:06 354

原创 学习 MidwayJS:探索现代前端开发

MidwayJS 是一个基于 TypeScript 和 Node.js 的开发框架,旨在简化和加速前端开发过程。它融合了传统的后端开发和现代前端开发的最佳实践,提供了一套完整的工具和解决方案。MidwayJS 的设计理念是开发者友好、易于维护和高性能。MidwayJS 是一个基于 TypeScript 和 Node.js 的开发框架,旨在简化和加速前端开发过程。它融合了传统的后端开发和现代前端开发的最佳实践,提供了一套完整的工具和解决方案。MidwayJS 的设计理念是开发者友好、易于维护和高性能。

2023-09-26 18:25:51 134

原创 HTML简介:了解前端开发基础

用于定义段落。:用于创建链接。:用于插入图像。和:用于创建无序列表。和:用于创建有序列表。:用于定义文档中的一个区块。:用于定义文档中的一小段文本。、和:用于创建表格。示例代码:DOCTYPE html > < html > < head > < title > 我的第一个网页 < body > < h1 > 欢迎来到我的网页! < p > 这是一个段落。

2023-09-26 17:20:19 23

原创 JavaScript中的this详解

当作为对象方法调用时,this指向调用该方法的对象;在JavaScript中,this是一个特殊的关键字,用于引用当前执行代码的上下文对象。通过使用call()或apply()方法,我们可以显式地指定函数运行时的this值。call()方法接受一个对象作为上下文,并将其作为this传递给函数。箭头函数是ES6引入的一种新函数语法,它的this值在定义时确定,而不是运行时。箭头函数没有自己的this绑定,它会继承外部作用域的this值。当函数作为对象的方法调用时,this将指向调用该方法的对象。

2023-09-26 15:49:41 20

原创 Cesium开发实例分享:前端开发

在本篇文章中,我们将介绍一些关于Cesium的前端开发案例,并提供相应的源代码。它提供了丰富的地理空间数据展示和交互功能,可以在Web浏览器中实现令人惊叹的地球、地图和空间数据可视化效果。以上是几个基于Cesium的前端开发案例示例。通过这些案例,您可以了解到如何使用Cesium创建交互式的三维地球展示、标记和实体绘制,以及路径绘制和动画效果。这个案例展示了如何在Cesium中创建路径,并实现路径上的动画效果。以下是几个基于Cesium的前端开发案例示例,每个案例都附带了相应的源代码,方便读者学习和实践。

2023-09-26 14:59:13 144

原创 代理模式在前端开发中的应用

在前端开发中,虚拟代理常用于图片的加载。在本文中,我们介绍了代理模式在前端开发中的两个常见应用:虚拟代理和缓存代理,并给出了相应的源代码示例。在上述代码中,ImageProxy类代理了真实的Image对象,当调用display方法时,会先显示占位图片,然后再加载真实的图片。代理对象充当了客户端和真实对象之间的中介,通过代理对象可以访问真实对象,并在访问前后进行一些额外的处理。当需要请求数据或进行一些复杂的计算时,先检查缓存中是否存在相应的结果,如果存在则直接使用缓存的结果,避免重复的计算或网络请求。

2023-09-26 13:46:39 68

原创 源码解析与实践:前端开发

本文介绍了前端开发中的关键概念:HTML、CSS和JavaScript。HTML用于定义页面的结构和内容,CSS用于控制页面的外观和布局,JavaScript用于实现交互功能。前端开发人员负责构建用户界面,实现交互功能,并确保应用程序在不同的设备和浏览器中呈现一致的体验。通过JavaScript,开发人员可以对用户的操作作出响应,并动态地改变页面内容。在上面的示例中,标题的颜色为蓝色,字体大小为24像素,段落的颜色为红色。当用户点击按钮时,该函数将选中页面中的标题元素,并将其颜色更改为绿色。

2023-09-26 12:19:02 18

原创 Vue中的依赖注入:provide和inject

在Vue前端开发中,依赖注入是一种常见的设计模式,用于在组件之间共享数据或功能。Vue提供了两个相关的选项,即provide和inject,用于实现依赖注入。

2023-09-26 11:03:27 26

原创 认识 JavaScript:变量与前端开发

了解 JavaScript 的基本概念和变量的使用是成为一名优秀的前端开发人员的关键。在本文中,我们将探讨 JavaScript 的基础知识,并通过示例代码来帮助您更好地理解。通过了解 JavaScript 的基础知识,特别是变量的概念和使用,您已经迈出了成为一名优秀前端开发人员的第一步。:在早期版本的 JavaScript 中使用,声明变量的作用域是函数级别的,并且它具有变量提升的特性。:引入了块级作用域的概念,即变量的作用域被限制在声明它的块内(通常是由花括号。:用于声明常量,其值在声明后不能被修改。

2023-09-26 10:12:51 24

原创 使用Echarts制作定制化天气预报

天气预报是人们日常生活中非常重要的一部分,而在现代化的网页应用中,将天气预报以直观、美观的方式展示给用户是一项常见的需求。在前端开发中,Echarts是一个功能强大且易于使用的可视化库,它能够帮助我们以图表的形式展示数据。总结起来,通过使用Echarts库,我们可以轻松地制作出定制化的天气预报界面。首先,我们需要准备好所需的HTML和JavaScript文件,并引入Echarts库。在图表的配置选项中,我们设置了标题的文本和样式,x轴和y轴的类型,以及系列数据的类型和值。函数分别提取出日期和温度的数组。

2023-09-26 08:59:32 306

原创 Vue.js 优化技巧:提升前端开发性能

例如,如果一个计算属性依赖于一个非常耗时的方法或者需要进行复杂的数据处理,可以考虑将它们放在 computed 属性中,以便在需要时进行缓存。合理使用 computed 属性、v-if 和 v-show,使用 keep-alive 缓存组件,避免不必要的监听,以及使用异步组件来按需加载,都是优化 Vue.js 应用程序的有效方法。因此,应该仅监听必要的数据,并在不需要监听时及时取消监听。在 Vue.js 中,使用 keep-alive 组件可以缓存动态组件的实例,以避免每次重新渲染时都进行创建和销毁。

2023-09-26 07:54:03 18

原创 「打造风光摄影助手:龟斯小程序的设计与开发思路解析」

龟斯的风光摄影助手」旨在为摄影爱好者提供一个全面的工具包,帮助他们在风光摄影领域取得更好的成果。该小程序将包含以下核心功能:风光摄影指南:提供有关拍摄风光照片的技巧、建议和指导。这将包括有关光线、构图、使用滤镜和后期处理等方面的知识。拍摄地点推荐:根据用户的地理位置和偏好,推荐适合风光摄影的地点。这些推荐可以基于用户的喜好、季节和天气等因素。拍摄计划和日志:允许用户创建和管理自己的拍摄计划,并记录每次拍摄的细节、照片和心得体会。

2023-09-26 03:58:38 168

原创 部署微前端项目在同一服务器的同一个端口下

微前端是一种架构模式,它将前端应用程序拆分为多个独立的、可独立开发和部署的微服务。每个微前端应用都可以独立运行,并且可以组合在一起形成一个完整的前端应用程序。在本文中,我们将探讨如何将微前端项目部署在同一台服务器的同一个端口下。

2023-09-26 01:46:32 64

原创 使用Promise进行异步操作的方法

本文介绍了如何使用Promise进行前端开发中的异步操作。通过创建Promise对象、处理Promise的状态、处理异步操作以及处理多个异步操作,可以更优雅地处理前端开发中的异步代码。使用Promise可以避免回调地狱,并提高代码的可读性和可维护性。以上是关于Promise的方法和用法的详细介绍,希望对你有所帮助。

2023-09-26 00:44:33 72

原创 解决富文本编辑器中表格拖拽无响应问题的前端开发方法

通过上述代码,我们创建了一个名为 “tableDrag” 的插件,并在编辑器初始化完成后启用了表格拖拽功能。在启用表格拖拽功能时,我们通过监听鼠标事件来实现拖拽逻辑,并在拖拽开始和结束时执行相应的处理函数。要解决表格拖拽无响应的问题,我们可以通过自定义 UEditor 的插件来实现所需的功能。首先,我们需要创建一个名为 “tableDrag” 的插件,并在 UEditor 的配置中进行相应的设置。最后,将以上代码嵌入到您的前端项目中,确保 UEditor 的路径正确配置,即可解决表格拖拽无响应的问题。

2023-09-26 00:02:53 174

原创 使用three.js进行前端开发

在three.js中,我们可以创建各种几何体,如立方体、球体和圆柱体等。在前端开发中,three.js是一个强大的JavaScript库,可以用于创建和呈现3D图形。你可以根据自己的需求进行场景、几何体和材质的定制,创建出各种炫酷的3D效果。首先,我们需要在项目中引入three.js库。你可以通过下载库文件并将其包含在你的HTML文件中,或者使用CDN链接进行引入。另外,建议在进行复杂的three.js开发时,使用模块化的开发方式,结合工具如Webpack或Parcel进行项目构建和管理。

2023-09-25 07:38:16 123 1

原创 Vue UI框架主题切换的实现方法

一个常见的需求是在应用程序中实现主题切换功能,允许用户在不同的主题之间进行选择。本文将介绍如何使用Vue框架来实现主题切换功能,并提供相应的源代码示例。接下来,我们需要选择一个Vue UI框架来构建我们的应用程序。通过监听子组件的事件,我们可以在父组件中更新主题,并应用相应的样式。通过这种方式,用户可以方便地切换应用程序的主题。至此,我们已经完成了Vue UI框架主题切换功能的实现。用户现在可以通过下拉选择框切换应用程序的主题,对应的样式将会被应用。文件引入到应用程序中,以便在页面中应用不同主题的样式。

2023-09-25 06:24:50 130 1

原创 个数排序 - 前端开发

在前端开发中,有时我们需要对一组数据进行排序,以便更好地展示和处理。本文将介绍如何使用JavaScript编写一个函数,对给定的一组数字进行排序,并将排序结果显示在网页上。通过上述步骤,我们成功地在前端开发中实现了对一组数字进行排序并将结果显示在网页上的功能。你可以根据自己的需求修改原始数字列表,并通过刷新页面来查看不同的排序结果。保存并打开HTML文件,你将看到页面上展示了排序后的数字列表。最后,我们需要在HTML页面中引入JavaScript文件,以便在页面加载时执行我们的排序逻辑。

2023-09-25 04:34:53 26 1

原创 React调度算法迭代过程及其在前端开发中的应用

通过理解React调度算法的迭代过程,我们可以更好地优化React应用程序的性能和用户交互效果。React调度算法的目标是在给定的时间内,以最高效的方式更新用户界面。React将任务分为不同的优先级,然后根据优先级来决定任务的调度顺序。这样可以确保高优先级的任务优先执行,从而提供更好的用户体验。在React中,调度算法是一个关键的概念,它决定了组件更新的顺序和时机。在一次事件循环中,React会批量处理更新队列中的更新请求,减少不必要的重绘和回流操作。调度器根据任务的优先级和其他条件,决定任务的执行顺序。

2023-09-25 03:06:25 34 1

原创 使用Three.js创建虎年春节3D创意页面

在这篇文章中,我们将使用Three.js来创建一个令人兴奋的虎年春节3D创意页面。我们将展示如何使用Three.js库创建一个交互式的3D场景,其中有一个可旋转的虎年字样和一些节日装饰。你可以使用Three.js的几何体和材质来创建这些装饰物,并将它们添加到场景中。通过以上步骤,我们已经创建了一个虎年春节的3D创意页面,其中包含一个旋转的虎年字样和一些节日装饰。现在,我们已经设置好了基本的3D场景,其中包含一个旋转的方块。现在,你可以在浏览器中打开HTML文件,查看虎年春节3D创意页面的效果了。

2023-09-25 02:01:46 98 1

原创 文理解TypeScript中的泛型:前端开发

泛型是一种在编程中用于创建可重用组件的技术,它允许我们在定义函数、类或接口时使用类型参数。通过使用泛型,我们可以编写更通用的代码,以适应不同类型的数据。这样可以提高代码的复用性和灵活性。

2023-09-24 21:01:06 26 1

原创 监听页面中的特定div元素的滚动事件并将其滚动距离保存到cookie

总结起来,要监听页面中特定div元素的滚动事件并将其滚动距离保存到cookie,我们需要使用JavaScript来监听滚动事件,并通过设置document.cookie来保存滚动距离。希望本文能帮助到你!在滚动事件的回调函数中,我们可以获取到div元素的滚动距离。在前端开发中,经常需要监听网页中某个特定div元素的滚动事件,并且可能会需要将其滚动距离保存到cookie中。在以后的访问中,我们可以通过读取cookie来获取之前保存的滚动距离。我们可以使用它来获取之前保存的滚动距离,并在需要的地方进行处理。

2023-09-24 20:00:14 598 1

原创 正则表达式提取字符串中的数字 - 前端开发

希望上述代码能够帮助你在前端开发中提取字符串中的数字。正则表达式是一个非常强大的工具,可以在各种情况下用于模式匹配和提取数据。如果你需要更复杂的模式,可以进一步学习正则表达式的语法和功能。在前端开发中,我们经常需要从字符串中提取数字。正则表达式是一种强大的模式匹配工具,可以用于在文本中查找、匹配和提取特定的模式。需要注意的是,上述代码只提取了第一个匹配到的数字。如果你想要提取所有的数字,可以将正则表达式的修饰符设置为全局匹配模式。通过执行上述代码,我们将得到一个包含提取到的数字的数组。

2023-09-24 18:20:41 676 1

原创 TypeScript官方Cheat Sheets:前端开发指南

TypeScript是一种静态类型的JavaScript超集,它提供了更强大的类型系统和面向对象编程的能力。在本篇文章中,我们将介绍一些TypeScript官方Cheat Sheets,帮助你更好地理解和应用TypeScript的概念和功能。TypeScript中的基础类型包括布尔类型(boolean)、数字类型(number)、字符串类型(string)、数组类型(array)、元组类型(tuple)、枚举类型(enum)、任意类型(any)等。它提供了更强大的类型约束和类型推断能力。

2023-09-24 17:22:09 43 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除