前端技术文章

  • 双屏模式下,如何实现 Web 页面按钮点击在副屏显示弹框并交互?
    双屏模式下,如何实现 Web 页面按钮点击在副屏显示弹框并交互?
    一机双屏:通过Websocket实现不同屏幕间通信用户希望在双屏模式下,点击主屏Web...
    文章 · 前端   |  1年前  |   477浏览 收藏
  • 如何使用正则表达式匹配 HTML 中特定类名的 `` 标签?
    如何使用正则表达式匹配 HTML 中特定类名的 `` 标签?
    JS正则匹配DIV问题问题描述:如何使用正则表达式匹配HTML中所有class为"n-itemn-item-adspread-itemnews-item"的...
    文章 · 前端   |  1年前  |   477浏览 收藏
  • 如何隐藏 CSS 右侧面板的内容而不影响布局?
    如何隐藏 CSS 右侧面板的内容而不影响布局?
    解决CSS中隐藏右侧面板而不影响内容的方法:逐渐减小右侧面板宽度实现隐藏效果。在右侧面板内容上套一层额外DIV,并设置white-space:nowrap,确保内容不会换行受挤压。
    文章 · 前端   |  1年前  |   477浏览 收藏
  • 使用数组和函数在 JavaScript 中构建初学者友好的购物车的分步指南
    使用数组和函数在 JavaScript 中构建初学者友好的购物车的分步指南
    学习新编程语言的最佳方法是创建尽可能多的项目。如果您构建专注于您所学知识的迷你项目,您将获得更顺畅的初学者体验。我们的目标是避免“教程地狱”(即您不断观看多个教程视频而没有任何具体项目来展示您的技能的可怕地方),并建立处理大型项目所需的信心。在本文中,我将向初学者解释如何使用基本的javascript概念创建购物车系统。先决条件要尝试这个项目,您需要深入了解:功能方法数组构建什么?购物车将有一个系统,用户可以:将商品添加到购物车从购物车中删除商品查看购物车内容计算购物车中商品的总价第1步:设置数据首先,我
    文章 · 前端   |  1年前  |   477浏览 收藏
  • 什么是 Tailwind CSS?
    什么是 Tailwind CSS?
    TailwindCSS是一个实用程序优先的CSS框架,允许开发人员快速高效地创建自定义设计。与提供预先设计的组件的传统CSS框架不同,TailwindCSS提供低级实用程序类,可以组合这些类以直接在HTML中构建任何设计。TailwindCSS的主要特性实用优先方法:Tailwind为常见CSS属性(例如,边距、填充、颜色、Flexbox)提供了大量实用程序类。这允许快速设置样式,而无需编写自定义CSS。可定制:Tailwind具有高度可配置性。您可以通过修改tailwind.config.js文件来自定
    文章 · 前端   |  1年前  |   477浏览 收藏
  • 代码日
    代码日
    我仍在处理抓取任务。在这些任务中,我学到了一些针对特定情况的技巧,我没有把它们记录下来以供将来参考。我学到了什么当目标元素具有像href="Javascript:~"这样的属性时,最好使用.click()方法。这可确保正确触发点击操作。当您想要在预先填充的文本框中输入文本时,请先使用以下方法清除它:awaitpage.$eval("selector",element=>element.value="")这将有助于避免将文本附加到现有值。page.waitForTimeout方法不存在。事实上,.wa
    文章 · 前端   |  1年前  |   477浏览 收藏
  • Vue文档的computed属性实现响应式数据监听
    Vue文档的computed属性实现响应式数据监听
    Vue.js是一种流行的JavaScript框架,它提供了许多有用的功能,其中computed函数是一个很好的例子。computed函数是一个Vue实例中非常有用的函数,它可以根据依赖而自动更新数据。本文将讲解Vue文档中的computed函数实现依赖数据感知。一、computed函数的基本概念在Vue中,computed函数是一个计算性质的方法,它可以根据
    文章 · 前端   |  2年前  |   VUE computed函数 数据感知 477浏览 收藏
  • 常用的jQuery对象操作方法
    常用的jQuery对象操作方法
    jQuery是一个广泛应用于前端开发的JavaScript库,它提供了丰富的操作方法来简化DOM操作、事件处理、动画效果等任务。在本文中,我们将介绍一些常见的jQuery对象操作方法,并附上具体的代码示例供参考。一、创建jQuery对象在jQuery中,可以通过几种不同的方式来创建一个jQuery对象:通过选择器选取元素://选取所有
    文章 · 前端   |  2年前  |   操作 选择 遍历 477浏览 收藏
  • 哪些HTML属性不属于全局属性?
    哪些HTML属性不属于全局属性?
    HTML作为网页开发的基础语言,有很多属性可以用来定义元素和控制其行为。其中有一部分属性是全局属性,可以用于任何HTML元素,而还有一部分属性不是全局属性,只能应用于特定的元素。本文将介绍一些常见的不是全局属性的HTML属性。src:这个属性用于指定图片、音频、视频等元素的源文件地址。虽然在很多元素中都可以使用这个属性,但并不是全局属性。它不能用在文本元素(
    文章 · 前端   |  2年前  |   477浏览 收藏
  • 何种情况会导致Ajax请求超时?
    何种情况会导致Ajax请求超时?
    什么情况下会导致Ajax请求过期?随着Web应用的发展,Ajax(AsynchronousJavaScriptandXML)技术已经成为了Web开发中必不可少的一部分。通过Ajax,我们可以在不刷新整个页面的情况下,从服务器获取数据并动态更新网页的内容。然而,在使用Ajax发送请求时,有时会遇到请求过期的情况。那么,什么情况下会导致Ajax请求过期呢?
    文章 · 前端   |  2年前  |   过期 Ajax请求 情况下 477浏览 收藏
  • 在哪些情况下,绝对定位应当被优先考虑使用?
    在哪些情况下,绝对定位应当被优先考虑使用?
    什么情况下应该优先考虑使用绝对定位?绝对定位是CSS中一种重要的定位方式,它可以让一个元素相对于其最近的已定位的祖先元素进行绝对定位。在某些情况下,绝对定位可以提供更灵活,更精确的布局效果。本文将探讨在哪些情况下应该优先考虑使用绝对定位,并通过具体的代码示例来说明。重叠元素的布局当页面中的元素需要重叠在一起,形成覆盖效果时,使用绝对定位将是一个较好的选择。通
    文章 · 前端   |  2年前  |   使用 绝对定位 优先考虑 477浏览 收藏
  • 设计开发指南 - 使用UniApp实现绘图功能和画板效果
    设计开发指南 - 使用UniApp实现绘图功能和画板效果
    UniApp实现绘图功能与画板效果的设计与开发指南引言:在移动互联网时代,绘图功能和画板效果在各种应用中都有广泛的应用场景。UniApp作为一种基于Vue.js开发的跨平台开发框架,可以实现一套代码同时运行在多个平台上,为开发者提供了便利。本文将介绍如何利用UniApp来实现绘图功能与画板效果,以及一些实际项目中常用的开发技巧和注意事项。一、绘图功能的设计与
    文章 · 前端   |  2年前  |   UniApp 绘图功能 画板效果 477浏览 收藏
  • Vue中如何利用v-show指令控制元素的隐藏和显示
    Vue中如何利用v-show指令控制元素的隐藏和显示
    Vue是一种流行的JavaScript框架,它允许您构建动态、现代的Web应用程序。Vue提供了许多指令,包括v-show指令,用于在视图中创建交互式元素。在这篇文章中,我们将探讨Vue中如何使用v-show指令实现元素的显示和隐藏。v-show指令是一种用于根据特定条件显示或隐藏元素的指令。可以将v-show指令附加到任何HTML元素上,例如div、spa
    文章 · 前端   |  2年前  |   VUE v-show 元素显示/隐藏 477浏览 收藏
  • 常见的canvas框架:探索canvas框架的世界
    常见的canvas框架:探索canvas框架的世界
    探索Canvas框架:了解常用的Canvas框架有哪些,需要具体代码示例引言:Canvas是HTML5中提供的一个绘图API,通过它我们可以实现丰富的图形和动画效果。为了提高绘图的效率和便捷性,许多开发者开发了不同的Canvas框架。本文将介绍一些常用的Canvas框架,并提供具体代码示例,以帮助读者更深入地了解这些框架的使用方法。一、EaselJS框架Ea
    文章 · 前端   |  2年前  |   框架 常用 Canvas 477浏览 收藏
  • 学会使用常见的CSS属性选择器
    学会使用常见的CSS属性选择器
    掌握常用的CSS属性选择器,需要具体代码示例CSS是一种用于控制网页样式的语言,它能够为HTML元素添加样式和布局。在CSS中,属性选择器是一种非常有用的选择器,它可以根据元素的属性值来选择相应的元素,从而方便地对其进行样式修改。下面将介绍一些常用的CSS属性选择器,并提供具体的代码示例。选择器[type]:根据元素的类型属性选择元素。编写下面的CSS代码,
    文章 · 前端   |  2年前  |   CSS属性选择器 常用CSS 选择器掌握 477浏览 收藏
查看更多
课程推荐
  • 前端进阶之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推荐
  • ljg-skills -
    ljg-skills
    ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
    5168次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    4685次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    4638次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    4900次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    4852次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码