登录社区云，与社区用户共同成长
邀请您加入社区
以下为面向（尤其聚焦前端方向）整理的，涵盖。所有项目均满足：✅ GitHub 开源（MIT/Apache-2.0 等宽松协议）✅ npm 可直接安装或 CDN 免配置引入✅ 社区活跃（Star > 15k 或近一年有持续维护）✅ CSDN 教程高频引用（据 CSDN 前端技术博文统计 Top 50 标签聚类验证）
你有没有经历过这种绝望：写了一个网络请求，结果后面的代码先执行了，请求的数据还没回来，页面已经渲染完了，一片空白。});});});});这就是传说中的回调地狱——代码像楼梯一样往右歪，看得人头晕眼花。今天我们就来走一遍JS异步编程的进化史，看看前辈们是怎么从地狱里爬出来的。回调函数：原始但容易陷入地狱Promise：链式调用打破嵌套async/await：让异步代码回归同步的直觉现在，你应该能理
本文介绍了7款免费开源的移动端H5/小程序无代码/低代码开发工具，包括H5-Dooring、h5-factory、Mall-Cook等。这些工具采用React、Vue等技术栈，支持拖拽式可视化编辑，可快速生成营销页面、商城系统和企业应用。部分工具还支持多端发布（H5/小程序）和二次开发，适合不同技术水平的用户使用，帮助开发者无需编写代码即可快速构建移动端应用。
CSS 知识摘要 CSS（层叠样式表）是Web开发的核心技术之一，用于控制网页的视觉呈现。本文档系统梳理了CSS核心知识体系，包含以下重点内容： 基础概念：层叠、继承和优先级三大核心机制 语法与引入：四种样式引入方式及最佳实践 选择器系统：从基础选择器到现代函数式选择器(:is, :where, :has等) 布局模型：盒模型、Flexbox、Grid等现代布局方案 视觉效果：变换、过渡、动画等动
从灵感到上线仅需1天时间：我是如何用OpenClaw+UIPro-CLI零代码开发这款拼图工具的
GitHub Pages 是由 GitHub 提供的免费静态网站托管服务，其核心定位是为开发者、设计师和内容创作者提供一个与 Git 版本控制深度集成的网站发布平台。该服务直接从 GitHub 仓库获取 HTML、CSS 和 JavaScript 文件，通过可选的构建流程处理后发布为可访问的网站 。这种架构设计使得 GitHub Pages 成为静态内容分发的理想选择，尤其适用于个人博客、项目文档
HTML5是现代网页开发的基础标准，提供了丰富的语义化标签和功能。其文档结构包括根元素、头部和主体标签，新增了header、nav、main等语义化结构标签，优化了文本内容、链接、媒体、列表和表格的标记方式。HTML5特别强化了表单交互功能，新增了多种input类型和交互元素。最佳实践建议优先使用语义化标签、确保可访问性、采用响应式设计。作为前端开发的核心技术，HTML5通过清晰的文档结构和丰富的
【AI一键生成对镜自拍短视频】咕咕姐分享全自动工作流方案：通过扣子Coze平台，只需上传服装图片，AI即可自动完成模特匹配、姿势生成、视频渲染全流程，1分钟产出高清短视频。该方案支持自动识衣、智能配模、批量生产，无需拍摄剪辑，大幅降低电商和穿搭博主的制作成本。工作流采用可视化节点设计，整合多款AI插件实现图片视频生成、格式转换、音频添加等功能。实测表明，该方法可高效生成可直接使用的短视频内容，帮助
这篇文章介绍了HTML基础知识和开发流程，主要包括：1）开发工具推荐使用Trae AI编译器和Chrome浏览器；2）课程模块涵盖HTML5标签、CSS3技术、现代布局、交互动效等；3）详细讲解了HTML标签语法、分类、路径表示方法；4）重点介绍了图像、视频、音频、超链接等常用标签的使用；5）提供了浏览器调试技巧和项目创建指南。文章通过代码示例和图示详细说明各标签的语法特点和应用场景，适合初学者系
大家好！最近业余时间造了个轮子，基于 HTML5 Canvas 和现代前端工程化标准，从零开始折腾了一个硬核复刻版的《坦克大战》。作为一个有纯理工背景的程序员，这次挑战的初衷是不依赖任何现成的外部图片或音频资源，试图把底层的物理与 AI 逻辑做到极致。目前游戏已经部署上线，欢迎大家来受虐（对，这版的 AI 有点变态）！🔗。
果然这种爱好或是工作还是要有一个输出型的才行。有自己的内容产出最好，跟着老师盲学一点动力都没有，后面想多去接触ai相关的知识内容，这在未来一定是开发的大方向因为有很多的内容没有去学习，整个过程基本都是和ai豆包一起协作开发的。希望下一次开发的时候我能有更多知识可以去和他们讨论。
本方案实现了一个综合考虑用户舒适度的冷热电多能互补综合能源系统优化调度模型。该系统在传统冷热电联供型综合能源系统基础上，创新性地引入了热惯性和用户舒适度因素，通过预测平均投票数（PMV）指标量化用户舒适度水平，并构建了经济成本最优和碳排放最优两种调度场景的对比分析框架。系统定义了全面的决策变量集合，涵盖各类能源设备的出力计划、网络交易策略以及温度状态变量。
CSS 盒子模型是前端布局的底层逻辑，核心要点可以浓缩为 3 句话：所有 HTML 元素都会被渲染成矩形盒子，由内容区、内边距、边框、外边距四部分组成；box-sizing决定了盒子的尺寸计算规则，border-box能解决 90% 的宽度溢出问题，是布局首选；垂直外边距合并是盒子模型的核心特性，掌握 BFC 触发方式就能解决绝大多数塌陷问题。彻底理解盒子模型后，你会发现 CSS 布局不再是「靠试
使用 js+canvas+less 制作一个简易的五子棋小游戏,游戏自带AI电脑下棋，并且带有悔棋功能。这里只介绍一下js部分，其它部分请查看源码。
基于CasADi工具箱的模型预测控制求解示例学习，适合入门MPC轨迹跟踪运动控制器设计。带录制视频讲解与配套MATLAB，python脚本文件，讲义文件等。将MPC转换为非线性规划（NLP）问题的求解，并基于多重打靶法Multiple shooting将模型预测控制问题（MPC）转化为一般的NLP问题，进而利用CasADi工具箱对优化问题求解。1.控制模型离散化利用欧拉公式或其他数值离散化方法，采
回流/重排是指当渲染树中的一部分（或全部）因为元素的规模、尺寸、结构、位置等发生变化，需要重新计算每个节点在视口中的几何属性（位置、尺寸）的过程。重绘是指当元素的外观（如颜色、背景、可见性等）发生变化，但不会影响其几何属性，浏览器重新绘制该元素的过程。回流成本远高于重绘，应重点避免不必要的回流。核心优化思路：减少布局计算次数、避免强制同步布局、利用合成器优势、批量操作DOM。通过合理使用现代CSS
本文介绍了一个基于HTML5 Canvas开发的2D平台跳跃游戏"OpenClaw"。游戏包含角色控制、平台跳跃、收集物品和敌人系统等核心玩法，通过键盘方向键控制角色移动和跳跃。游戏实现了完整的物理引擎（重力、碰撞检测）、收集物品系统、简单敌人AI和关卡设计。视觉方面采用渐变背景、云朵效果和角色动画，UI界面简洁明了。游戏包含两个不同难度的关卡，玩家需要收集所有物品并避开敌人完
我是冴羽，10 年笔耕不辍，专注前端领域，更新了 10+ 系列、300+ 篇原创技术文章，翻译过 Svelte、Solid.js、TypeScript 文档，著有小册《Next.js 开发指南》、《Svelte 开发指南》、《Astro 实战指南》。自从 Vercel 团队发布了 React 最佳实践，将十余年来积累的 React 和 Next.js 优化经验整合到了 skills 中，就有不少同
我相信，在开源的道路上，我将继续砥砺前行，用代码书写更多的精彩，为开源社区贡献更多的力量
为什么两个div的margin会“手牵手”变成一个人？为什么给元素加了padding，它就像充气一样变大了？今天我们用快递包裹的比喻，一次搞懂CSS盒模型的所有坑。
其中的一个特性是getUserMedia（ W3C规范 ）。它是一个JavaScript API，可以让你访问（需要权限）用户的网络摄像头和麦克风。AD： 今天发现一篇文章写的很有趣，叫你如何使用HTML5进行人脸识别。在网页内进行人脸识别，很好很强大！“现代Web”不断发展出不少有趣的API，但你并不会在大多数项目中使用到所有的内容。例如我一直特别关注Canvas
本寒假系统接触并学习了HTML5以及CSS3的基本用法，其知识点繁杂与新颖的AI工具让我印象深刻。现作此文章分享一些学习感悟。
各位好，我是小王，武汉光谷某软件公司"防脱发小组"组长。最近接了个政府项目，要求在信创环境下上传4G文件，还必须开源可审查——这就像让我用热干面调料写火箭代码，还要把配方刻在黄鹤楼上！
开源鸿蒙跨平台Cordova鸿蒙开发for Windows
本文基于《Django企业开发实战》一书和网络资料，拼拼凑凑，做了简单的网站实现，大致把前后端+数据库方面的内容结合爬虫代码做通了。不得不说，Django和MongoDB是真的不搭配，强烈建议不要使用。开始：conda环境本文在Ubuntu18.04LTS系统上，使用anaconda搭建虚拟环境，python版本为3.6.10，主要库版本为django(1.11.4)，mongoengine(0.
Web前端设计与开发-课后任务-漫步时尚广场任务第五章源码前台模块shoppingShow_goods.htmlshoppingShow_goods_byScript.html后台模块css文件top.csslist.cssleft.csslayout.csshtml文件top.htmlshoplist.htmlshop_search.htmlmain.htmlleft.html注: 素材图片路径
前端时间项目中需要在前后端预览PDF文件（后端使用jsp，前端H5），因为页面中还包含点赞，分享等功能，所以考虑用<iframe>标签来打开PDF文件进行预览，之前没有做过所以花了点时间研究了一下，现在记录一下，希望能够帮到有需要的朋友。（PDF.js可以在网上搜索自行下载，具体怎样使用PDF.js请自行搜索，这里不多讲）1、后台jsp的使用项目中的PDF文件是上传到百度云的所以在上传
有的时候 js和css用到 一个属性 ，为了兼容 需要知道 ，各个主流浏览器是否兼容以及，兼容到哪个版本，这时就需要 查询了。caniuse网站：caniuse网站 https://caniuse.com/示例-支持 检索可以 点击 设置 -设置 语言 等有一些 简单的 菜鸟 和 w3c会有可能有菜鸟教程菜鸟教程-https://www.runoob.com/js/js-tutorial.html
1.网页作品简介方面：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。网站首页， 著名旅游景点 ，美食小吃， 西安历史介绍 ，西安大雁塔， 华山， 兵马俑，西安建都的王朝， 咸阳和长安的关系， 西安事变等总共 9 个页面html下载。2.网页作品编辑方面所有编辑器均可使用）3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容
CSS部分的面试题主要考察应试者对CSS基础概念模型的理解，例如文档流、盒模型、浮动、定位、选择器权重、样式继承等。很多应试者认为CSS很简单，没多少内容，面试就是面试 JavaScrip...
文章包含了动态生成云朵效果的相关代码和效果展示，欢迎大家观看
vue 开发的在线医学图像浏览器
http、http2、https2.0的区别首先要知道http、http2、https的核心http核心：http本身是一种协议，也是一种请求。每次发送一次请求，无论是get请求还是post请求，它都需要两部分组成：头部和身体。传输量：get请求传输量较小，post请求传输量较大安全性：get不安全，post相对安全缓存方式：get请求过程中会有缓存，而post是没有缓存的http的特点：1、简单
简单的生活记录个人博客网页设计实例，应用html+css+js： Div、导航栏、图片轮翻效果等。适用于大学生网页课程作业设计。网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。网页设计、大学生网页课程设计、期末大作业、毕业设计、网页模板，网页成品源代码等，优质模
在线绿色农产品商城是指一个通过互联网提供绿色、有机农产品购物服务的电子商务平台。这类商城通常由农场、农产品生产商或第三方经销商经营，旨在为消费者提供方便的途径购买健康、环保的农产品。
本人才疏学浅，该文章就谈一下我对前后端交互的理解，如果那些写得不对的，请各位大神指出来，大家交流学习！一.什么是前后端交互？了解什么是前后端交互之前，我们先了解一下前后端交互有什么作用。一个网站不仅仅是只有前端，还有在后端的数据库和服务器（网站构成如下图所示），前端页面上的数据不可能完全写死的，所以前端需要从服务器动态地获取数据，以便保证前端的灵活性，此时便需要前后端的交互。......
前言：这里主要描述H5的操作方式H5给原生传参：ios：window.webkit.messageHandlers.sendData.postMessage(params);android:window.android.sendData(params);//sendData 为原生调用的变量名，params为H5中给原生传递的相关参数案例如下：H5调用原生提供的方法：ios：window.webk
在你的PC端，手机端看到的界面，可以安装，操作的程序，就是前端。你看不到的，那些数据缓存，应用保存，数据处理的就是后端。举例来说明就是：前端就是你现在操作的游览器端，后端指的就是提供服务和数据的服务器端。...
mybatis-plus查询。
前端分享 || facebook，linkedin，twitter，浏览器自带
gojs 外部数据改变动态刷新节点（node）和线（link）1.节点（node）的新增和删除数据从nodeDataArray添加或删除节点数据，调用 addNodeData 和 removeNodeData 方法// 添加节点数据var node_obj= { "key": 1, "name": "Grape" };myDiagram.model.addNodeData(node_obj);//
html.xpath中无法获取到相应的标签，我复制的路径为：/html/body/div[2]/div/div/div[3]/div/div[4]/。由下图可知我需要的在第二个div中，所以用div[2]没错，但是没有获得数据。当然也有遇到是本身复制的xpath出现了一些问题，有的浏览器会自动加上一些标签，很可恶。所以检查一下要是没有问题就换成bs4,或者正则表达式也可以。当我将div[2]改为d
如何使用jsonp请求数据
哈喽,大家好,我又来了经过我不懈的努力,我又学会了一个好东西.到底是什么呢!!!现在来告诉你那就是漂亮且有css动效的搜索框下面是代码<!DOCTYPE html><html lang="zh"><head><meta charset="utf-8"><title>动态搜索框</title><link rel="styl
html5
——html5
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
AtomGit开源社区
龙虾开发者社区
九章云极普惠算力
魔乐社区
