-
- #ustom 代码而不是插件/库 - 简单性展示
- 这是三篇文章中的第三篇，我将在其中展示如何快速轻松地实现常见的Web功能，而无需依赖繁重的库或复杂的框架。这次，我为剪辑内容制作了“阅读更多”按钮-实现了最大程度的自动化。随意使用代码代码很简单，只是普通的JavaScript——没有库，没有魔法。它超轻且易于集成。它使用IntersectionObserver，因此它甚至不会在元素可见之前运行，从而节省性能开销（尽管您可能希望针对较小的网页删除此优化）。https://gist.github.com/TomJPro/39e96d2cd6cbfcf908a
- 文章 · 前端 | 4个月前 | 465浏览 收藏
-
- EchoAPI 与 Insomnia：结合实例进行综合比较
- 在api开发领域，拥有用于调试、测试和记录api的强大工具至关重要。echoapi和insomnia是该领域的两个杰出参与者，每个都提供独特的特性和功能。本文将介绍这两种工具，比较它们的功能和优势，提供实际示例，并就何时选择echoapi而不是insomnia提供指导，反之亦然。echoapi和insomnia简介回声apiechoapi是一款强大的api调试工具，以其全面的功能而闻名。它支持api测试、自动化测试、负载测试以及轻松的一键api文档生成。echoapi还提供了多种插件：echoapi拦截器
- 文章 · 前端 | 4个月前 | 397浏览 收藏
-
- 了解冒泡排序算法：分步指南
- 图片来源：medium排序是数据结构和算法中最重要的部分之一。排序算法有很多种，这是最简单的算法之一：冒泡排序。排序算法是计算机科学的基础，而冒泡排序是最简单、最直观的排序算法之一。这篇文章将探讨冒泡排序的工作原理，分析其时间复杂度，并演练javascript实现。在本系列中，我将分享使用javascript的完整排序算法数据结构和算法，并从冒泡排序开始。如果您喜欢并希望我通过示例分享完整的排序算法，请喜欢并关注我。它激励我为你们创建和准备内容。什么是冒泡排序？冒泡排序是一种简单的排序算法，它重复遍历列表
- 文章 · 前端 | 4个月前 | 344浏览 收藏
-
- 简化的高性能 JavaScript：Web Workers、SharedArrayBuffer 和 Atomics
- JavaScript作为单线程语言，其任务在主线程上依次执行。虽然这种设计简化了开发流程，但也可能导致计算密集型任务成为性能瓶颈。本文将探讨如何利用WebWorkers、SharedArrayBuffer和Atomics在JavaScript中实现多线程，从而构建高性能应用。为何选择WebWorkers、SharedArrayBuffer和Atomics？WebWorkersWebWorkers在后台线程中运行JavaScript代码，防止计算密集型任务阻塞用户交互（例如滚动或点击按钮）。SharedAr
- 文章 · 前端 | 4个月前 | 363浏览 收藏
-
- React 中的受控组件与非受控组件
- 受控组件：通过state或props控制表单元素状态的react组件，即每个状态突变都会有一个关联的处理函数。特点由state - 元素值控制的值绑定到状态变量需要事件处理程序 - 要更新状态，您需要事件处理程序可预测 - 由于组件状态代表输入值，因此组件是可预测的且易于调试react处理输入数据，不依赖dom来跟踪当前输入值importreact,{usestate}from'react';functioncontrolledform(){const[value,setvalue]=usestate('
- 文章 · 前端 | 4个月前 | 162浏览 收藏
-
- 在服务器上运行 Puppeteer：完整教程
- puppeteer是一个node.js库，它提供了一个高级api，用于通过devtools协议控制chrome或chromium浏览器。它是一个强大的工具，可用于网页抓取、自动化测试、捕获屏幕截图等。虽然在本地使用puppeteer很简单，但在服务器上运行它需要额外的考虑。本指南将引导您完成在服务器上启动并运行puppeteer的步骤。为puppeteer准备服务器更新服务器这一步对于puppeteer的成功执行至关重要。执行以下命令。sudoaptupdate-ysudoaptupgrade-y安装依赖
- 文章 · 前端 | 4个月前 | 152浏览 收藏
-
- 掌握 JavaScript 中对象和数组的展开运算符
- javascript中对象和数组的扩展运算符扩展运算符(...)是es6(ecmascript2015)中引入的一项强大功能，它允许您将数组元素或对象属性扩展或复制到新的数组中数组或对象。它有助于创建数组或对象的浅拷贝、组合多个数组或对象以及添加新元素或属性。1.数组扩展运算符扩展运算符可用于将元素从一个数组复制到另一个数组，或将数组组合成一个数组。复制数组扩展运算符可以创建数组的浅表副本。当您想要创建新数组但不想修改原始数组时，这特别有用。constarr1=[1,2,3];constarr2=[...
- 文章 · 前端 | 4个月前 | 462浏览 收藏
-
- 使用 html css 和 js 代码的圣诞树动画
- 这段代码使用HTML、CSS和JavaScript创建了一个3D圣诞树动画效果。让我们分解一下代码是如何工作的：HTML结构:<divclass="tree"id="tree"></div>这行代码创建了一个名为tree的div元素，作为圣诞树的容器。所有星星都将添加到这个容器中。CSS样式:body:设置页面的背景颜色为黑色，并使用perspective和transform-style属性来创建3D效果。.tree:设置圣诞树容器的3D转换样式，并使其稍微旋转以获得更好的视角。.
- 文章 · 前端 | 4个月前 | 313浏览 收藏
-
- 了解 JavaScript 模块和导入/导出系统
- JavaScript模块化编程：导入和导出详解在JavaScript开发中，模块化是构建可维护、可扩展和可重用代码的关键。模块允许您将代码分割成更小的、独立的单元，从而提高代码组织性和可读性。ES6(ECMAScript2015)引入了原生模块系统，支持在不同文件间导入和导出代码。JavaScript模块的理解模块本质上是独立的文件，包含变量、函数、类等代码片段，这些代码可以被其他模块复用。模块导出为了在其他模块中使用某个模块内的代码，我们需要使用export关键字进行导出。JavaScript提供两种导
- 文章 · 前端 | 4个月前 | 335浏览 收藏
-
- 热门 Web 开发课程
- 如果您是初学者学习网页开发？这里有三门免费课程，涵盖HTML、CSS和JavaScript的基础知识。课程链接注意：您只能在注册时选择审核选项才能免费访问课程。如果需要认证，则需要付费。1.IBM介绍使用HTML、CSS、JavaScript进行Web开发IBM的课程教授Web开发的要点：用于构建网站结构的HTML用于设计和样式的CSS用于添加交互功能的JavaScript。本课程包括实际项目，为您提供实践经验和适合您的作品集的项目。2.GreatLearning介绍Web开发GreatLearning为
- 文章 · 前端 | 4个月前 | 398浏览 收藏
-
- 为我的开源 React 组合构建器项目寻求反馈和贡献
- 大家好！我非常兴奋地向大家介绍我的开源项目WebPresence——一个基于React的作品集构建器，旨在帮助所有人（包括非程序员）轻松创建专业的在线作品集。项目目前仍处于开发初期，但已具备以下核心功能：用户身份验证完善的个人资料创建功能，涵盖技能、教育背景、项目经历和工作经验等方面多款精心设计的专业模板响应式设计，确保在各种设备上都能获得最佳浏览体验未来我将持续改进并添加更多功能，例如拖放式编辑器、自定义域名支持以及更多模板选择。我诚挚地邀请大家提供宝贵的意见和建议：关于现有设计和功能的反馈：您最喜欢哪
- 文章 · 前端 | 4个月前 | 356浏览 收藏
-
- 使用 html css 和 javascript 代码的 Glassmorphism 卡错觉
- <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>InteractiveGlassCards</title><style>*{margin:0;padding:0;box-sizing:border-bo
- 文章 · 前端 | 4个月前 | 153浏览 收藏
-
- 前端挑战十二月版，作者：Elvita Fernandes
- 冬日奇缘：纯CSS打造的节日网页艺术创作灵感源于冬季的节日氛围。我致力于用HTML和CSS创造一个充满十二月舒适与神奇感觉的作品，融合冬雪、闪烁灯光和节日元素。目标是仅用HTML和CSS展现冬日之美，凸显前端开发的创意与乐趣。项目演示您可以通过以下链接欣赏我的CSS艺术作品：演示视频：https://youtu.be/ZCtaOj9A-1A在线演示：https://elvita04.github.io/winterseason-website/创作过程这个项目要求我突破传统网页设计，深入探索基于CSS的艺
- 文章 · 前端 | 4个月前 | 133浏览 收藏
-
- js爬虫如何突破反爬措施
- 大家好，今天本人给大家带来文章《js爬虫如何突破反爬措施》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！
- 文章 · 前端 | 4个月前 | 427浏览 收藏
-
- 掌握 XMLHttpRequest：JavaScript 中 AJAX 调用指南
- 使用XMLHttpRequest进行AJAX调用JavaScript的核心功能XMLHttpRequest(XHR)对象，允许开发者在不刷新页面的情况下异步地向服务器发送和接收数据，是构建动态交互式Web应用的基础，也是AJAX（异步JavaScript和XML）的核心。1.什么是XMLHttpRequest？XMLHttpRequest是JavaScript的API，用于通过HTTP请求与服务器通信，其主要优势在于：无需页面重新加载即可获取数据。支持多种数据格式，例如JSON、XML、HTML和文本。支
- 文章 · 前端 | 4个月前 | 423浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 508次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 473次学习
查看更多
AI推荐
-
- 毕业宝AIGC检测
- 毕业宝AIGC检测是“毕业宝”平台的AI生成内容检测工具，专为学术场景设计，帮助用户初步判断文本的原创性和AI参与度。通过与知网、维普数据库联动，提供全面检测结果，适用于学生、研究者、教育工作者及内容创作者。
- 23次使用
-
- AI Make Song
- AI Make Song是一款革命性的AI音乐生成平台，提供文本和歌词转音乐的双模式输入，支持多语言及商业友好版权体系。无论你是音乐爱好者、内容创作者还是广告从业者，都能在这里实现“用文字创造音乐”的梦想。平台已生成超百万首原创音乐，覆盖全球20个国家，用户满意度高达95%。
- 33次使用
-
- SongGenerator
- 探索SongGenerator.io，零门槛、全免费的AI音乐生成器。无需注册，通过简单文本输入即可生成多风格音乐，适用于内容创作者、音乐爱好者和教育工作者。日均生成量超10万次，全球50国家用户信赖。
- 30次使用
-
- BeArt AI换脸
- 探索BeArt AI换脸工具，免费在线使用，无需下载软件，即可对照片、视频和GIF进行高质量换脸。体验快速、流畅、无水印的换脸效果，适用于娱乐创作、影视制作、广告营销等多种场景。
- 34次使用
-
- 协启动
- SEO摘要协启动（XieQiDong Chatbot）是由深圳协启动传媒有限公司运营的AI智能服务平台，提供多模型支持的对话服务、文档处理和图像生成工具，旨在提升用户内容创作与信息处理效率。平台支持订阅制付费，适合个人及企业用户，满足日常聊天、文案生成、学习辅助等需求。
- 36次使用
