前端技术文章

  • JavaScript中switch语句使用攻略
    JavaScript中switch语句使用攻略
    在JavaScript中,switch语句可以替代一系列if-else语句,用于处理多条件分支逻辑。1.switch语句的基本结构是switch(expression){casevalue1://代码块1break;casevalue2://代码块2break;default://默认代码块}。2.它可以处理字符串、数字、布尔值和对象等不同类型的值。3.使用时需注意严格比较、是否需要break语句以及是否添加default案例。4.switch语句通常比if-else语句更高效,提高了代码的可读性和维护性
    文章 · 前端   |  1年前  |   switch语句 break 严格比较 if-else 多条件分支 488浏览 收藏
  • JavaScript删除Cookie方法详解
    JavaScript删除Cookie方法详解
    在JavaScript中删除Cookie的方法是设置其过期时间为过去的时间。具体步骤包括:1.使用deleteCookie函数,将Cookie的过期时间设置为1970年1月1日,并确保路径一致;2.如果Cookie是在子域名下设置的,需要在删除时指定相同的域名;3.注意Secure和HttpOnly属性的Cookie无法通过JavaScript删除;4.使用js-cookie库可以简化操作,但需注意库的维护和更新。
    文章 · 前端   |  1年前  |   cookie 域名 路径 过期时间 js-cookie 488浏览 收藏
  • JavaScript如何监听键盘事件详解
    JavaScript如何监听键盘事件详解
    在JavaScript中监听键盘事件可以通过三种主要类型的事件:keydown、keyup和keypress。1.使用document.addEventListener('keydown',function(event){})监听键盘按下事件。2.使用switch语句处理不同键的响应,如箭头键控制游戏角色移动。3.通过event.stopPropagation()防止事件冒泡。4.使用标志控制事件触发频率,避免多次触发。5.利用requestAnimationFrame优化DOM更新频率。6.确保跨浏览器
    文章 · 前端   |  1年前  |   key requestAnimationFrame keydown keyup event.stopPropagation 488浏览 收藏
  • uni-app数据验证与错误处理实用技巧
    uni-app数据验证与错误处理实用技巧
    在uni-app中,数据验证和错误处理可以通过以下步骤实现:使用uni-forms组件和内置规则进行基本数据验证。利用try...catch语句和Promise对象处理错误,如网络请求错误。对于复杂验证,使用第三方库如uView实现自定义规则。异步验证和全局错误处理函数可优化性能和统一错误处理。这些方法有助于提升uni-app应用的稳定性和用户体验。
    文章 · 前端   |  1年前  |   488浏览 收藏
  • Vite打包HTML、CSS、JS成单文件攻略
    Vite打包HTML、CSS、JS成单文件攻略
    关于Vite打包HTML、CSS、JS项目成单个HTML文件的探讨很多开发者在使用Vite...
    文章 · 前端   |  1年前  |   488浏览 收藏
  • Vue.jsSSR实现攻略:服务端渲染详解
    Vue.jsSSR实现攻略:服务端渲染详解
    在Vue.js中实现服务端渲染(SSR)可以通过以下步骤实现:1.创建Vue实例,2.渲染为HTML,3.发送HTML,4.客户端激活。SSR能提升首屏加载速度和SEO效果,适用于需要优化用户体验和搜索引擎优化的项目。
    文章 · 前端   |  1年前  |   488浏览 收藏
  • 微信小程序组件高度无法修改,即使使用了!important?
    微信小程序组件高度无法修改,即使使用了!important?
    微信小程序组件高度调整难题:!important...
    文章 · 前端   |  1年前  |   488浏览 收藏
  • Flex布局子元素自动换行详解
    Flex布局子元素自动换行详解
    flex布局中的宽内容换行在flex布局中,当子元素的内容超出设置的宽度时,它们可能会超出容器或相互重叠。要�...
    文章 · 前端   |  1年前  |   488浏览 收藏
  • 前端网络测速精准实现方法
    前端网络测速精准实现方法
    如何利用前端设计实现网络测速?对于一款需要测速的应用程序,如何利用前端实现这一需求是一个关键问题。...
    文章 · 前端   |  1年前  |   488浏览 收藏
  • 用于实时协作的新 JavaScript 框架、Bun 更新修复了错误等
    用于实时协作的新 JavaScript 框架、Bun 更新修复了错误等
    大家好,JavaScript爱好者们!欢迎来到本周JavaScript新闻的又一期!本周亮点包括:全新的JavaScript框架、Bun的重大更新(修复了40多个bug)、一些TypeScript配置技巧,以及来自Electron、Puppeteer等工具的最新消息。让我们开始吧!Yjs:简化实时协作借助Yjs,实时协作从未如此轻松!无论您是处理共享文档、多人应用程序还是白板,Yjs都能确保用户之间更改的无缝同步,且不会出现冲突。基于CRDT:Yjs利用无
    文章 · 前端   |  1年前  |   488浏览 收藏
  • 从挑战到创造:使用 AWS 和 React 构建博客文章生成器
    从挑战到创造:使用 AWS 和 React 构建博客文章生成器
    免责声明:本文基于一个项目生成。我仔细检查了所有生成内容,确保其逻辑清晰,与人工撰写方式无显著差异。出于项目目的,我未对AI生成内容进行编辑。如有补充说明,会在相应部分标注。作为一名不断挑战自我的软件工程师,我最近完成了一个融合多项尖端技术的项目:一个博客文章生成器。该项目旨在展示我的技术能力和问题解决能力。项目构想项目源于一个简单想法:能否构建一个工具来辅助内容创作者更高效地生成文章初稿?基于React前端和AWS服务,我将这一想法付诸实践。AWS生态系统探索坦白说,AWS
    文章 · 前端   |  1年前  |   488浏览 收藏
  • 如何用JavaScript动态输出后端指定格式的数据?
    如何用JavaScript动态输出后端指定格式的数据?
    解析奇葩JS...
    文章 · 前端   |  1年前  |   488浏览 收藏
  • 您不需要更新到 React 19
    您不需要更新到 React 19
    当您看到官方博客上列出的新功能时:useTransition:仅以挂起状态启动Transition。useActionState:useTransitionuseState将动作作为函数:VSreact-hook-formuseFormStatus:useContext(<form>)useOptimistic:新挑战者来了!使用:不带动态导入的React.lazy@tanstack/query服务器组件和服务器操作:仅适用于SSR参考作为道具:是的。您可以作为回调引用进行清理。这个特性让其他
    文章 · 前端   |  1年前  |   488浏览 收藏
  • React 服务器功能备忘单
    React 服务器功能备忘单
    React服务器端功能详解本文档概述了React服务器组件(RSC)和服务器函数的核心概念及使用方法。核心概念服务器组件(RSC):在服务器端运行并渲染为客户端HTML的组件。类似于服务器端渲染(SSR),但效率更高。服务器函数(服务器操作):仅在服务器端执行,并将数据传递给客户端的函数。关键指令'useclient':用于标记客户端组件。在启用RSC的环境中,此指令必须位于文件顶部。'useserver':用于标记服务器函数。此指令必须位于服务器组件的函数体或独立服务器函数文件的顶部。服务器组件RSC没
    文章 · 前端   |  1年前  |   488浏览 收藏
  • Element-Plus 中的 `` 属性是如何工作的?
    Element-Plus 中的 `` 属性是如何工作的?
    Element-Plus中的ii="dark:ep-moonep-sunny"属性详解在Element-Plus中,我们可能会遇到这样的代码:
    文章 · 前端   |  1年前  |   488浏览 收藏
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
    474次学习
查看更多
AI推荐
  • PubMedQA数据集详解:生物医学问答基准、功能与应用指南
    PubMedQA
    深入了解PubMedQA生物医学问答数据集,涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用,助力提升NLP模型性能。
    485次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    541次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    563次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    518次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    332次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码