-
- Prisma按月分组求和方法详解
- 本文介绍了如何使用Prisma从MongoDB数据库中按月对订单总金额进行分组和求和。由于Prisma目前没有直接支持按月分组和求和的内置功能，因此我们采用先使用Prisma获取数据，然后在JavaScript中进行处理的方法来实现目标。
- 文章 · 前端 | 1天前 | 185浏览 收藏
-
- HTML嵌入外部内容方法及object与embed对比
- <object>标签的内容回退机制是指当浏览器无法加载或不支持嵌入对象时，会显示标签内部的HTML内容作为替代；2.这一机制提升了网页的兼容性和用户体验，确保在插件缺失或资源加载失败时仍能向用户传递有效信息，避免空白区域的出现，从而增强页面的健壮性。
- 文章 · 前端 | 1天前 | 185浏览 收藏
-
- HTML5hidden属性轻松隐藏元素
- HTML5的hidden属性用于语义化地隐藏不相关的元素。1.它默认等效于CSS的display:none;，使元素不渲染且不占布局空间；2.与display:none;不同的是，hidden是HTML属性，表达语义意图，优先级低于CSS样式，且隐藏后通常不被屏幕阅读器读取；3.其他常见隐藏方法包括visibility:hidden;（保留布局空间）、opacity:0;（透明但可交互）、position:absolute;移出视口（辅助可访问性）、width/height为0（完全折叠）；4.选择策略需
- 文章 · 前端 | 6天前 | 184浏览 收藏
-
- CSS怎样制作卡片3D翻转效果？backface-visibility控制
- 要用CSS制作卡片3D翻转效果，核心是正确使用perspective、transform-style、backface-visibility和transition属性。1.将perspective设置在父容器上以创建3D视觉深度；2.为卡片元素设置transform-style:preserve-3d，使其子元素保持3D空间变换；3.正反面均设置backface-visibility:hidden，确保背面不可见；4.背面初始旋转180度，避免提前显示；5.通过:hover或JavaScript改变卡片的
- 文章 · 前端 | 6天前 | Transition perspective transform-style backface-visibility CSS3D翻转 184浏览 收藏
-
- JS事件监听器绑定方法详解
- 要让网页元素响应用户操作，应使用addEventListener方法绑定事件监听器，它支持多个处理函数、事件捕获与冒泡、once等高级选项，避免on-event属性只能绑定单一函数的局限性；1.通过element.addEventListener('event',handler)为元素绑定事件，支持click、mouseover等事件类型；2.使用事件委托将事件绑定到父元素，通过event.target识别触发源，提升性能并支持动态元素；3.理解事件流的捕获与冒泡阶段，默认在冒泡阶段触发，可通过第三个参数
- 文章 · 前端 | 5天前 | 184浏览 收藏
-
- JS实现触觉反馈，移动端震动API应用
- JavaScript通过navigator.vibrate()实现震动反馈，具体步骤为：1.使用navigator.vibrate(毫秒数)触发简单振动；2.传入数组定义复杂振动模式；3.调用navigator.vibrate(0)取消振动；4.调用前检测设备是否支持该API；5.可用于表单验证、游戏反馈、通知提醒等场景；6.自定义振动模式通过数组参数实现，如[100,50,200]表示振动100ms暂停50ms再振动200ms；7.注意避免过长振动模式，不同设备支持程度不同；8.其他方案包括实验性的Ha
- 文章 · 前端 | 4天前 | JavaScript 移动端 震动反馈 navigator.vibrate() 触觉体验 184浏览 收藏
-
- CSS双冒号用法及伪元素详解
- 在CSS中，双冒号（::）用于选择伪元素。1.伪元素是HTML中不存在的元素部分，如::first-line选择段落的第一行。2.双冒号区分伪类和伪元素，使代码更清晰。3.伪元素如::before和::after可插入内容，增强视觉效果。4.需兼容旧版浏览器时，可同时使用单双冒号。5.伪元素不能选择已存在的元素，需谨慎使用以免影响可访问性。6.使用伪元素比创建额外HTML更高效，但需考虑对布局和性能的影响。
- 文章 · 前端 | 4天前 | 184浏览 收藏
-
- JavaScript如何实现WebSocket通信？
- 在JavaScript中使用WebSocket可以大大提升实时通信的效率。WebSocket的工作原理是通过建立持久连接替代传统HTTP请求响应模型，适用于实时应用。使用步骤包括：1.创建WebSocket连接，使用newWebSocket('ws://example.com/socketserver')；2.处理连接打开事件，使用socket.onopen；3.处理接收消息事件，使用socket.onmessage；4.处理连接关闭事件，使用socket.onclose；5.处理错误事件，使用socke
- 文章 · 前端 | 1天前 | 184浏览 收藏
-
- HTML表格嵌入二维码的几种方法
- 在HTML表格中添加二维码的核心方法是使用前端JavaScript库动态生成，并嵌入到<td>元素中。1.首先构建包含data-qr-content属性的表格结构；2.引入qrcode.js等库；3.使用JavaScript遍历单元格，读取data属性内容并生成二维码绘制到对应单元格内。客户端生成优点包括实时性强、减轻服务器压力和部署简单，适用于数据量不大且内容变化不频繁的场景；服务端生成则适合大批量、静态或需高质量打印的情况。常见实现方式包括基于canvas绘制、生成DataURL嵌入img
- 文章 · 前端 | 1天前 | 184浏览 收藏
-
- Vue.js解决跨域问题实战指南
- 在Vue.js项目中处理CORS问题可以通过以下方法：1.在服务器端设置CORS头信息，2.使用vue-cli-service的devServer配置代理服务器，3.采用JSONP绕过CORS限制。这些方法各有优缺点，需根据具体情况选择。
- 文章 · 前端 | 23小时前 | 184浏览 收藏
-
- HTML标签大全推荐，10个实用标签详解
- 最靠谱的HTML标签资源是MDNWebDocs，其次是W3Schools。1.<html>、<head>、<body>是HTML文档的基础结构标签；2.<h1>到<h6>用于定义标题层级，提升SEO和可访问性；3.<p>是段落标签，用于包裹独立文本内容；4.<a>实现超链接功能，依赖href属性；5.<img>展示图片，src和alt属性至关重要；6.<ul>、<ol>、<li&g
- 文章 · 前端 | 14小时前 | 184浏览 收藏
-
- BOM是什么？JS中BOM主要对象有哪些
- BOM不是W3C标准的原因在于其历史背景和浏览器大战导致的碎片化发展。1.早期浏览器厂商各自实现功能，缺乏统一规范；2.W3C介入时，BOM已广泛使用且差异巨大，难以标准化。这带来了三大挑战：1.跨浏览器兼容性问题，如window.open()参数支持不一致；2.行为不确定性，部分方法行为因浏览器而异或被废弃；3.安全风险，如window.open()或location.href可能被滥用。核心BOM对象包括：1.window对象，作为全局对象提供浏览器交互接口；2.navigator对象，用于获取浏览器
- 文章 · 前端 | 6天前 | 183浏览 收藏
-
- HTML文件怎么在浏览器打开？默认设置方法
- 要打开HTML文件直接双击或拖入浏览器即可，若想指定默认浏览器打开，可右键文件→属性→更改打开方式→选择浏览器并勾选始终使用。若HTML文件无法打开，可能原因及解决方法：1.文件损坏→用文本编辑器检查内容；2.浏览器问题→尝试其他浏览器或重装当前浏览器；3.文件关联错误→重新设置默认程序；4.缺少插件→安装必要插件如Flash。推荐编辑HTML的软件有：1.VisualStudioCode（功能强大、免费）；2.SublimeText（轻量、速度快）；3.Notepad++（简单易用、适合新手）；4.At
- 文章 · 前端 | 4天前 | 183浏览 收藏
-
- 自定义HTML列表样式技巧分享
- 要改变HTML列表的样式并自定义项目符号，核心是使用CSS的list-style属性及其子属性，以及::before伪元素实现更灵活的控制。1.使用list-style-type可设置预设符号类型，如disc、circle、square或decimal、lower-alpha等，设为none可移除默认符号；2.使用list-style-image可指定图片作为项目符号，语法为list-style-image:url('path/to/image.png')；3.使用list-style-position控
- 文章 · 前端 | 4天前 | 183浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 511次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 498次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- 千音漫语
- 千音漫语，北京熠声科技倾力打造的智能声音创作助手，提供AI配音、音视频翻译、语音识别、声音克隆等强大功能，助力有声书制作、视频创作、教育培训等领域，官网：https://qianyin123.com
- 161次使用
-
- MiniWork
- MiniWork是一款智能高效的AI工具平台，专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具，提供精准智能解决方案，让复杂工作简单高效。
- 154次使用
-
- NoCode
- NoCode (nocode.cn)是领先的无代码开发平台，通过拖放、AI对话等简单操作，助您快速创建各类应用、网站与管理系统。无需编程知识，轻松实现个人生活、商业经营、企业管理多场景需求，大幅降低开发门槛，高效低成本。
- 165次使用
-
- 达医智影
- 达医智影，阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”，仅一次CT扫描即可高效识别多种癌症、急症及慢病，为疾病早期发现提供智能、精准的AI影像早筛解决方案。
- 163次使用
-
- 智慧芽Eureka
- 智慧芽Eureka，专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景，通过专家级AI Agent精准执行任务，智能化工作流解放70%生产力，让您专注核心创新。
- 171次使用
