- 博客(1801)
- 收藏
- 关注
原创 React 播客专栏 Vol.5|从“显示”到“消失”:打造你的第一个交互式 Alert 组件!
如果你已经知道什么是 JSX、Props 和 State,那么今天这期内容将帮助你把这些拼图拼到一起!🎯 一句话总结:点一下关闭按钮,visible 变成 false,Alert 消失!正文内容为学习笔记摘要,音频内容是详细的解读,方便你理解),请点击下方收听。📦 第四步:组件记住“关闭”状态 —— 用 State 控制可见性。🎨 第二步:加点“定制味道” —— 用 Props 做组件参数化。用户想关掉 Alert 怎么办?🔧 第一步:做一个基本的 Alert 组件。,返回 JSX,就能控制 UI
2025-05-06 21:23:20
263
原创 播客专栏 Vol.4 | 揭秘 React State:让页面“动”起来的魔法引擎!
👋 欢迎回到《前端达人 · 播客书单》第 4 期,这一集我们来聊聊被无数人反复提起、但很多人仍然“似懂非懂”的一个关键词 ——📣 如果你喜欢这种「播客+学习笔记」的形式,记得关注我们,每周带你轻松啃完一本实用技术书!正文内容为学习笔记摘要,音频内容是详细的解读,方便你理解),请点击下方收听。React 的神奇之处,就在于它有一套完整的「状态 → 页面更新」机制。这些信息不是写死的,而是随着用户操作而改变的 ——🔄 页面是怎么跟着 State 变化的?3️⃣ 触发事件函数,修改 state。
2025-05-05 21:20:36
316
原创 播客专栏 Vol.2|初识 React 与 JSX:看似 HTML,实则 JavaScript 的魔法语法
你可以把网页看成是由一个个小积木堆起来的,每个“积木”就是一个 React 组件。这本书就是要带你掌握这一整套组合拳—— 从 React 到 TypeScript,从组件搭建到状态管理,从样式到接口,从开发到测试,全都涵盖。🎙 欢迎来到《前端达人 · 播客书单》第 2 期(正文内容为学习笔记摘要,音频内容是详细的解读,方便你理解),请点击下方收听。✅ JSX 是 React 的核心语法,看起来像 HTML,本质是 JavaScript。这是 React 的解析规则,不遵守的话,组件可能不会被正确渲染。
2025-05-04 21:35:48
263
原创 MCP 全解析:AI Agent 如何突破“工具困境”?一文带你掌握核心协议与实战部署指南
你可以看到每个工具的活跃用户、版本、支持平台、调用方式。今天,我们不讲高深理论,讲讲 MCP 究竟解决了什么痛点、背后的结构机制是怎样的、能做哪些惊艳的事、又有哪些现实中的坑。模型只负责选择调用的工具,真正的执行逻辑、认证、API通信都由 MCP Server 处理。推荐使用 Composio 平台提供的托管 MCP Server,支持 OAuth、API Key、JWT、Basic Auth等。✅ 到目前为止,我们从问题、协议概念、架构三层到底层运行机制,已完成 MCP 的“认知地图构建”。
2025-05-01 21:58:57
378
原创 开发新范式正在发生:从Cursor + MCP,看AI如何“接管”应用构建全流程
Prompt 是未来开发世界的“自然语言接口”。通过自然语言描述项目需求,Cursor 会自动搭建项目目录、安装依赖并初始化页面。稍等几秒,你会看到 Cursor 自动识别这是一个空目录,准备开始构建项目。创建一个全新的项目目录,并在 Cursor 中打开,准备接受 AI 指令。在不打开终端、不执行命令的前提下,将完整项目部署到 Heroku 云平台。你只需要说明需求,一步步引导,AI会像资深工程师一样,你不再新建项目,不再配置依赖,不再写后端、不再部署;「项目初始化的主语,不再是你,而是你的AI助手。
2025-04-24 23:57:23
964
原创 我把AI接上了Figma、WhatsApp、浏览器……然后它开始自己动起来了!
📎 地址:github.com/supabase-community/supabase-mcp(⭐1.2k)📎 地址:github.com/figma-plugin-helper/figma-mcp(⭐2.9k)📎 地址:github.com/github/github-mcp-server(⭐11.3k)📎 地址:github.com/firecrawl/firecrawl-mcp(⭐2.5k)📎 地址:github.com/tadata-dev/fastapi-mcp(⭐2.5k)
2025-04-23 20:32:46
726
原创 Claude 不是只能聊天:我用这5个 MCP 工具,让它像程序员一样工作
👉 把本地工具(如爬虫、Jupyter、API 接口、GitHub Repo)包装成“AI 能识别和调用”的服务。调试 AI 一直是黑盒问题,Opik 让你看到 Claude 每一次调用的内容、响应时间、是否出错。如果你也感兴趣 MCP 的玩法,欢迎关注我,一起深挖前端 + AI 工具链的融合可能。也就是说,Claude 本身是个语言模型,不具备实际能力去操作网页、读代码、调接口。它让 AI 不再是“生产力的外包”工具,而是“开发者工具链”的原生成员。它凭什么让 AI“动”起来?
2025-04-22 23:54:11
731
原创 用ChatGPT(o3-mini-high)& Claude-3.7-sonnet开发谷歌浏览器插件!实战+踩坑修复+源码对比
✅ Claude版不仅功能更全,还额外支持【一键清除】,并且代码模块化、维护性更强!第二阶段|用Cursor + Claude-3.7-sonnet开发进阶版插件。第一阶段|用ChatGPT(o3-mini-high)实战开发(含调试过程),每个人都有机会用简单的指令打造自己的小工具、小产品!原因:在 Chrome 插件中注入的函数,只能使用。,而且代码一次生成就能直接用,不需要再调试!Claude-3.7-sonnet模型。连续搜索时,之前的高亮内容不会清除!点击【高亮】,标出所有匹配的文本。
2025-04-13 08:00:45
738
原创 傻瓜式复制AI提示词模板,手把手教你用AI搞定复杂Git操作
你只需要简单复制并填写自己的Git问题,AI就会逐步、详细地为你给出精确的Git命令和操作步骤,让你的版本管理变得从容、专业、高效!下一期,我们将分享如何用AI高级提示词进行前端复杂问题的调试和定位,让Bug无处遁形,敬请期待!按上述步骤逐步操作,你就可以达到目标,清晰而高效地处理此次复杂的Git合并工作流!使用交互式 rebase,允许你压缩(squash)实验性的提交。🔖 步骤1:切回你的分支,并开始交互式变基(rebase)分支提交在前,你自己的提交(已合并实验提交)在后。
2025-03-28 08:00:49
1021
原创 [AI高级提示词进阶系列] 傻瓜式复制模板,手把手教你用AI渐进式设计前端API
以上完成了第1阶段:定义了产品管理领域中的核心资源、资源之间的关系、主要字段,以及每个资源的基本 CRUD 操作概述。通过这个模板,你可以复制粘贴到AI工具中,轻松打造一个深思熟虑的API,提升前端与后端对接效率,降低开发维护成本!下一期,我们将介绍如何用AI高效优化前端项目的Git工作流,教你用简单模板化提示实现复杂Git操作,敬请期待!,通过简单复制粘贴,就能循序渐进地用AI帮你设计一个全面、清晰且易扩展的API!以此类推,可逐步完成第3、4阶段,全面、系统地设计API。
2025-03-27 08:04:10
866
原创 [AI 高级提示词进阶系列]:傻瓜式复制模板,手把手教你用AI反馈迭代优化前端代码
下一期,我们将分享如何通过AI提示词,进行渐进式前端API设计,一步步打造清晰、可扩展的API方案,敬请期待!很多开发者直接把AI给出的第一个方案应用到代码中,这样往往忽略了性能、安全性、边缘情况处理等方面的问题。接下来我们一步一步教你如何操作,确保你只要复制模板、粘贴代码,就能得到更优质的代码方案!你是不是不知道如何让AI工具帮你找到代码中的性能问题、可维护性问题、甚至安全隐患?你的代码,将在结构化反馈中变得更加高效、安全、易维护!,只要复制粘贴,就能轻松用AI完成代码的深度优化!
2025-03-26 08:02:28
335
原创 [ChatGPT 高级进阶系列] 用结构化提示,精准备战大厂技术面试
通过结构化提示,你可以清晰地告诉 ChatGPT 你的背景、优势、弱点和目标,由它帮你量身定制一套详细的、贴合实际的面试备考策略。本期,我们将教你使用结构化提示技巧,让 ChatGPT 帮你精准定制个性化的面试准备计划,让你的大厂面试准备更加高效、有针对性。字节跳动等顶级互联网公司,招聘要求非常高,不仅考察候选人扎实的算法、数据结构、系统设计能力,更关注候选人和公司文化的契合度。结构化提示策略能帮助你快速构建清晰、高效的面试准备路径,精准抓住字节跳动这样一线大厂的面试要点,大大提升你的竞争力。
2025-03-25 08:00:17
554
原创 [ChatGPT 高级进阶系列] 用ChatGPT加速前端开发:高级思维链提示全解析
今天介绍的高级思维链提示技巧,就能帮助你更有效地引导 ChatGPT 深入思考,从而获得精准、全面的解决方案。面对性能瓶颈或复杂优化时,记住明确问题、定义约束、探索策略、执行方案、回顾总结这五个步骤,能极大提升你的问题解决效率。在下一期中,我们将分享如何用 ChatGPT 定制化准备 FAANG 等一线科技公司的技术面试,包括如何个性化地设计备考计划、明确学习目标、精选真题示例,助你顺利拿到 offer,敬请期待!每一期都会结合真实的前端场景,配合具体的代码示例,让你学到真正实用的技能。
2025-03-24 08:01:26
1127
原创 全新 Cursor 编程工作流程,让开发变得更简单高效
Cursor 迎来全新升级!这次优化提升了 AI 辅助编程的能力,让编程更流畅、高效。无论是代码生成、调试优化,还是智能搜索,Cursor 现在更像一个贴身编程助手,能帮你完成更多重复性、复杂的任务,让你专注于核心逻辑开发。1. 界面简化:智能模式一键切换全新的 Cursor 在界面设计上大幅简化操作流程。直观切换:以前需要在“Chat”与“Composer”之间不断来回切换,现在一个下拉菜单就能...
2025-03-02 19:20:38
1475
转载 今天面试了一个阿里女生,当场想给她offer!
马上就是金三银四跳槽高峰期,上周找阿里P8级前端大佬要来了几套高质量内部资料。既是高频真题,也是一套前端进阶学习宝典。几乎满足各级前端工程师的需求,内容涵盖了Html、Css、Javascript、vue、React、小程序、算法等等。实战代码清晰,解析也十分全面。足足有15套!据说有不少朋友靠这套资料进了字节、蚂蚁、美团等大厂。掌握了不单能应付面试,还能学到更多的前端核心知识,应用在工作中!...
2025-02-17 10:10:19
98
原创 微信悄悄上线“AI搜索”,百度这次真的慌了吗?
就在昨天,微信被曝灰度上线“AI搜索”入口,直接接入大模型DeepSeek!用户不用跳转其他平台,直接在微信就能完成智能问答、信息检索甚至复杂推理。这意味着什么?——社交场景+AI搜索的超级闭环诞生了。据内部消息,微信用户早已习惯在聊天框或搜一搜里找答案,而不是打开百度。如今AI加持后,搜索结果更精准、互动更拟人化。举个例子,问“周末北京周边适合亲子游的地方”,它能结合天气、用户位置、亲子偏好,甚...
2025-02-16 00:42:42
615
原创 如何高效利用 AI 工具提升开发效率?
在人工智能(AI)浪潮席卷各行各业的今天,编程早已不再是单纯的“手写代码”工作。越来越多的开发者开始借助 AI 工具加速开发,提高生产力,让代码质量更上一层楼。那么,如何正确使用 AI 编程工具,让它们真正为我们服务,而不是变成“智能鸡肋”?本篇文章将为大家详细介绍AI 编程的 8 大实用规则,助你快速入门 AI 编程工作流!1. 选对 AI 编程工具,事半功倍不同 AI 编程工具各有特长,选择...
2025-02-15 22:49:59
1165
原创 「AI学习笔记」机器学习与深度学习的区别:从技术到产品的深度解析(四)...
随着人工智能(AI)的快速发展,机器学习(ML)和深度学习(DL)已经成为我们日常生活中不可忽视的技术力量。无论是推荐系统、语音助手,还是自动驾驶汽车,它们背后都离不开ML和DL的应用。作为AI产品经理(PM),了解这两者的区别,以及它们如何影响产品的设计与开发,显得尤为重要。在这篇文章中,我们将深入剖析机器学习和深度学习的核心差异,帮助你在构建AI产品时作出更明智的决策。一、机器学习与深度学习:...
2025-02-15 22:49:59
911
原创 DeepSeek服务器繁忙的真相大揭秘,程序员必看
最近DeepSeek的“服务器繁忙”让不少网友破防,某些博主更是各种编故事、造谣生事。作为一个负责任的程序员,咱们不能看着这些不实信息乱飞,必须站出来科普一下!以下就是关于DeepSeek那些你应该知道的真相,读完请给个 三连支持,别让真相被谣言淹没!????1. 为什么DeepSeek不解决“服务器繁忙”问题?分析DeepSeek的服务器繁忙问题简单来说, 解决不了! 这不是买几台服务器、扩容带宽那么...
2025-02-08 22:37:13
1315
原创 「AI学习笔记」深度学习进化史:从神经网络到“黑箱技术”(三)
在这篇文章中,我们将探讨深度学习(DL)这一领域的最新发展,以及它如何从传统机器学习(ML)中独立出来,成为一个独立的生态系统。深度学习的核心思想与我们大脑中的神经网络高度相似,因此我们不仅从大脑的功能得到启发,还从其结构上汲取了灵感。1. 深度学习与机器学习的关系首先,我们需要清晰地理解深度学习(DL)与机器学习(ML)的关系。尽管它们经常被提到,但实际上深度学习是机器学习的一个子集。可以将深度...
2025-01-29 08:38:52
1090
原创 「AI学习笔记」深度学习的起源与发展:从神经网络到大数据(二)
深度学习(DL)是现代人工智能(AI)的核心之一,但它并不是一夜之间出现的技术。从最初的理论提出到如今的广泛应用,深度学习经历了几乎一个世纪的不断探索与发展。今天,我们一起回顾深度学习的历史,看看它如何从简单的神经网络起步,一步步发展成今天改变世界的技术。1. 神经网络的诞生:从“模仿大脑”开始深度学习的起点可以追溯到20世纪40年代。当时,沃伦·麦卡洛克(Warren S. McCulloch)...
2025-01-28 15:03:27
1404
原创 领微信红包封面,送源码,送课程
2025HAPPY NEW YEAR星期二28除夕一个程序员朋友的故事上下滑动查看更多春节的脚步越来越近,发红包的仪式感怎么能少?今天不仅有2024蛇年微信红包封面,还要分享一个我身边程序员朋友的真实故事。听完他的经历,也许你会对未来有更多思考。这个朋友是我的大学同学,学计算机专业,毕业后一路摸爬滚打进了互联网行业,靠技术能力在公司站稳了脚跟。起初,他也算过上了很多人羡慕的生活——高薪、项目经...
2025-01-19 08:02:56
291
转载 Cursor AI:程序员的“开挂”神器,这些隐藏技能你会用吗?
群里聊了个需求,结果发现自己太低估 Cursor 了!故事是这样的,前几天项目组突然开了个会,讨论我们后台管理系统的优化。开发经理丢出一个“天真无邪”的提议:“能不能让代码都统一点?比如提交信息更规范,或者组件命名不再千奇百怪?”前端老张当场拍了拍脑袋:“没问题,我写个文档,大家参照着来。”然而文档写好谁看?代码检查靠谁盯?规范执行全凭人品?想到这些,老张表情逐渐复杂。就在这时候,我突然想起一直没...
2025-01-14 21:05:06
289
原创 新年源码大礼包,全面支持 Tailwind、Vue 和 React 的高质量后台源码,助力开发效率飞跃...
作为前端开发者,我们都知道,构建一个高效且功能齐全的后台管理系统并非易事。特别是在团队协作或快速上线项目的场景下,选对一套优秀的后台模板可以大大提升开发效率。今天,我为大家推荐一款全面支持主流框架的高质量后台源码,它不仅功能丰富,还具有极高的可定制性,非常适合各种开发需求。一套源码适配多种开发场景这套后台源码基于当前流行的 Tailwind CSS 构建,支持市面上几乎所有主流框架,包括但不限于以...
2025-01-14 21:05:06
291
原创 掌握这 7 个 CSS 技巧,代码效率秒提升
最近接了个项目,PM 又来催:“登录弹窗能不能加点透明毛玻璃效果?活动标题再做点酷炫的渐变?对了,用户的反馈框能不能调整大小?”听完这要求,我脑袋直接嗡了:又想炫酷,又不想加班,这不扯嘛!正当我愁得要改 JS 的时候,隔壁老王一脸淡定:“兄弟,这些 CSS 技巧轻轻松松搞定,少写代码,效果还好。”于是,我抱着试一试的态度研究了一波,才发现 CSS 的隐藏技能简直是“救命稻草”!今天就把这些技巧整理...
2025-01-10 08:02:12
758
转载 不踩坑,用这些技巧掌控Cursor,快速提升效率!
你是不是经常觉得,用AI工具时,结果总是差点意思?明明功能强大,却总是无法满足你的需求!其实,问题可能不在工具本身,而是在提示词的用法上。今天这篇文章就是为你准备的Cursor提示词终极攻略,满满干货,帮你掌握各种实用技巧和高级玩法。从普通用户到高手之间,只差几个提示词的距离!赶紧收藏,学习这些技巧,感受Cursor的真正魔力吧!1、修复错误的提示词在使用AI工具时,偶尔会遇到模型忽略关键细节或逻...
2025-01-10 08:02:12
619
原创 开发者必备!用纯 CSS 搞定网站黑暗模式
从开发者的日常痛点说起最近上线了一个用户管理后台,忙得焦头烂额。没想到上线后的用户反馈让我直冒冷汗:“网站晚上用着太刺眼了,能不能加个黑暗模式?”你是不是也遇到过这种需求?产品经理随口一说,用户随手一提,结果改需求的锅就甩到了开发头上。乍一看,这功能要动前端框架甚至后端逻辑,简直头大。但别怕!其实不需要动用 JS 大杀器,仅靠 CSS 就能搞定黑暗模式。而且代码简单,效果炸裂,还能秒刷用户好感度!...
2025-01-09 08:01:23
557
原创 JavaScript 是函数式编程语言?
在日常开发中,我们总是对 JavaScript 的灵活性感叹不已。有些人甚至会调侃:“JavaScript 什么都会一点,但什么都不精。”然而,当我们深入研究它的特性时,会发现 JavaScript 在函数式编程领域,其实有着非常硬核的一面。今天,我们就来聊聊为什么 JavaScript 能被称为函数式编程语言,并结合业务场景,细细剖析它的魅力。什么是函数式编程?简单来说,函数式编程是一种编程范式...
2025-01-09 08:01:23
630
原创 CSS Houdini 是个啥?让你的网页“魔法上身”!
有一天,设计师又来了:“这个按钮的背景加个动态星云效果,颜色随着页面滚动变化,行吗?”还有产品经理:“咱的列表能不能整得像Pinterest那样,排列得艺术点?”你抬头看着他们,又低头看着CSS文档,心里默念:“CSS啊,别让我失望!”然后……你发现这些需求根本就不是普通CSS能搞定的,正当你一筹莫展时,CSS Houdini出现了!它就像一个会魔法的编程工具,让你不靠框架、不用写几十行Hack代...
2025-01-07 21:25:54
1000
原创 快速掌握SEO:每个Web开发者都需要懂的优化技巧
某天,老板火急火燎地跑来问:“为什么咱网站就是搜不到?”产品经理附和道:“是不是你开发的时候少写了几个SEO代码?”你内心os:“SEO?没学过!能不能别把锅甩给我?”别慌,SEO并不是玄学,而是每个Web开发者都能轻松掌握的技能。这篇文章将带你如何做一个“爬虫爱上的开发者”,让你的项目不止好用,还能出现在搜索结果首页。什么是SEO?为什么开发者需要懂?SEO,Search Engine Opti...
2025-01-07 21:25:54
610
原创 为什么 Netflix 部分功能放弃React,选择“原生”JavaScript?
在技术圈,Netflix可是妥妥的“顶流”,但你能想象吗?它竟然在2017年悄悄对自家网站动了个“大手术”:部分功能从React切换到了“原味”的Vanilla JavaScript。这不是彻底抛弃React,而是一次深思熟虑的战略选择,目的是让用户体验飞升,同时优化前端性能。那为啥会有这么大的改变呢?React不是一直被吹得天花乱坠吗?别急,这篇文章咱们就来聊聊Netflix这次操作背后的逻辑,...
2025-01-02 08:30:52
855
原创 JavaScript十大误区:程序员的“都市传说”,你信了几个?
聊到JavaScript,程序员圈子里总有些“流传已久的秘密”。这门语言从诞生到现在已经快30年了,经历了风风雨雨,成了支撑20亿+网站和应用的“江湖大佬”。可偏偏,关于它的误解却越传越离谱,让人哭笑不得。你是不是听过这些话:“JavaScript和Java是兄弟!”、“用var就够了,啥let、const都是花架子!”或者“学前端不用懂算法!”别急,这些可都是程序员世界里的“都市传说”——乍一听...
2024-12-31 08:04:19
383
原创 2024即将结束,看看这10个你可能错过的JavaScript怪异现象
如果编程语言是一个大家庭,那么JavaScript无疑是那个有点怪异,但又让所有人喜爱的“怪叔叔”——虽然大家都喜欢他,但似乎没人能完全理解他。你肯定听过那些让人啼笑皆非的故事,比如NaN竟然是个数字,或者JavaScript居然只用了10天就被开发出来(是真的!)。但是,今天我们要深入挖掘一些更为深奥的JavaScript冷知识——这些内容即使是资深开发者也未必知道。系好安全带,让我们一起探索这...
2024-12-30 08:00:41
989
原创 高质量 Next.js 后台管理模板源码分享,开发者必备
高质量 Next.js后台管理模板源码分享,开发者必备Taplox 是一个基于 Bootstrap 5 和 Next.js 构建的现代化后台管理模板和 UI 组件库。它不仅设计精美,还提供了一整套易用的工具,适合各种 Web 应用、管理系统和仪表盘项目。无论你是初学者还是资深开发者,都可以通过 Taplox 快速搭建高效、响应式的 Web 应用。(下载链接在文末)???? 为什么选择Taplox?作为一...
2024-12-29 20:44:26
581
原创 2024 前端技术盘点:React、Vue、Qwik 谁能领跑 2025?
前端开发的世界就像一场永不停歇的技术竞速,而每一年的更新和迭代都让人既兴奋又感叹技术的飞速发展。2024 年也不例外,这一年,React、Vue 等老牌框架依旧占据“赛道主角”的位置,而一些新晋框架则以惊人的速度崭露头角,为开发者带来了更多选择和无限可能。作为现代 Web 开发的灵魂,前端框架的升级直接关系到项目的性能、灵活性和开发者体验。这一年,我们不仅见证了重大版本更新,还迎来了关于 UI 渲...
2024-12-29 20:44:26
1423
原创 前端模拟面试:7个JavaScript数组进阶面试题
你坐在面试室里,对面的面试官微笑着,轻敲着桌面问道:“那我们来聊聊 JavaScript 吧。数组操作你有多熟悉?”你意识到,眼前这个问题看似简单,但面试官可能在考察你对 JavaScript 基础知识的深度掌握和灵活运用。你深吸一口气,准备好好展示一番,从最常见的查找最大值问题入手,一步步展示自己的思路。你知道,这不仅是一次技术能力的测试,更是一次展示你对问题解决思维的机会。于是,你信心十足地开...
2024-11-10 08:00:18
953
原创 前端小知识:??= 操作符,更简洁的默认值处理方式
在日常开发中,我们经常需要为变量设置默认值,比如用户配置、表单初始值等。JavaScript 在 ECMAScript 2021(ES12)中引入的 ??= 操作符提供了一种更简洁的方案。作为“逻辑赋值操作符”的一部分,它不仅能让代码更清晰,还能避免误替换掉有效数据。什么是 ??= 操作符?简单来说,??= 是一个“智能守护者”:仅当变量的值为 null 或 undefined 时才会赋予它一个默...
2024-11-09 08:00:17
6098
原创 前端小知识:如何理解这个新特性 ?= 运算符
在日常的JavaScript开发中,我们经常会处理一些异步任务,避免代码出错,这时候常见的工具就是 try-catch 块和 async-await 语法。这些工具虽好,但当我们代码量一多,整个代码结构可能会显得很臃肿,阅读起来也费劲。2024年,JavaScript迎来了一项颇为令人期待的新功能——“?=” 运算符。这一新特性旨在简化错误处理,并让代码更加简洁、易读。想象一下,再也不用堆叠一大堆...
2024-11-08 08:00:38
1032
原创 前端问答:如何移除不匹配条件的字符
在实际开发中,我们常常需要处理用户输入或者清理数据,尤其是在确保字符串内容符合某些特定规则时。这类操作可以用于:过滤掉用户输入中的无效字符;清理字符串,便于后续数据处理;按照特定标准验证字符串内容。今天,我们就来聊聊如何在JavaScript中高效实现这类字符过滤功能!在JavaScript中,有多种方法可以删除字符串中不符合条件的字符,比如使用正则表达式、filter()方法和for循环。下面我...
2024-11-08 08:00:38
671
原创 前端小知识:我居然没学会用 split 方法?!
小伙伴们,你们会用 JavaScript 的 split 方法吗?最近我才发现,原来我多年来一直没真正掌握它,结果在解题时被卡住了。所以今天,我决定好好整理一下这个方法的用法。在讨论问题之前,先来看一下 split 的两种基本用法。split 的两种基本用法1. 字符参数拆分split 方法的主要用途就是分割字符串,最常见的就是用某个特定字符作为分隔符,比如电商平台上生成商品编号时,需要根据特定字...
2024-11-08 00:01:32
612
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人