登录社区云，与社区用户共同成长
邀请您加入社区
HarmonyOS 已经发布了，大部分小伙伴已经更新了 HarmonyOS 2，但除去系统自带的应用外，却迟迟没有看到其他带有 HarmonyOS 服务的应用出现。但其实已经有支持 Har...
摘要：前端开发的核心技术包括HTML、CSS和JavaScript三大基础，分别负责页面结构、样式和交互。HTML需掌握语义化标签，CSS重点学习布局技术和响应式设计，JavaScript则需精通DOM操作、异步编程和ES6+特性。现代前端框架如Vue和React通过组件化和状态管理提升开发效率。前端工程化工具（如Webpack/Vite）和包管理器（npm/yarn）则保障大型项目的协作与部署。
【代码】鸿蒙开发--登录界面。
开源鸿蒙跨平台开发配置网络权限
1 基本操作介绍1.1 入口打开最新版本Google Chrome，F12一下弹出开发者页面，在顶部的导航栏选项选择Lighthouse选项（旧版本的浏览器是需要从应用商店下载Lighthouse插件的）1.2 首页基本信息从该页的英文字面意思可以知道，主要是生成一份性能检测报告（PS：奈何本人英语见识短，而且开发者模式并没有中文版的，遇到不懂的只能谷歌翻译下）2 生成报告分析这里以公司官网为例，
article元素aside元素header元素footer元素nav元素figure元素main元素新增其他元素video元素audio元素embed元素mark元素progress元素meter元素time元素ruby元素canvas元素details元素datalist元素datagrid元素output元素source元素属性用途示例srcset图片UR
root {.card {/* 继承自 .container */2.可以在CSS变量中使用计算,比如通过calc( ) 函数来计算尺寸:root {.element {3.css变量与媒体查询结合使用CSS变量非常适合和媒体查询一起使用,能够帮助你轻松地创建响应式设计,你可以在不同的屏幕尺寸下,修改变量的值以实现不同的布局主题:root {body {:root {/* 在小屏幕下修改字体大小
3、如果是稍微复杂的系统，一下子写出所有功能需求，AI生成文件的时间会很长，而且AI不会一下子生成完毕，中途需要你输入“继续”，才能继续生成。2、系统的功能要一点点慢慢加，一下子写出所有功能需求，生成的程序问题太多，而且修改起来也麻烦。1、一开始使用的Trae国内版+DeepSeek，因为某些原因，换了Trae国际版+Claude-3.7，更好用。3、管理员后台功能有用户管理、文件管理（可以批量删
JavaScript事件是宿主环境(如浏览器)提供的异步消息机制，通过EventTarget接口实现。事件来源包括DOM交互、网络请求、UI操作等，浏览器将其映射为不同优先级的任务队列(如输入事件队列优先级最高)。事件本质是观察者模式的实现，DOM节点为被观察者，回调函数为观察者。DOM事件具有捕获/冒泡传播特性，可阻止默认行为；非DOM事件(如网络请求、WebSocket)则直接触发无传播。每个
摘要 这是一款功能完善的交互式日历应用，具有以下特点： 核心功能： 支持年月切换、今日快速定位 事件管理（添加/删除/分类标记） 本地存储持久化（localStorage） 视觉设计： 响应式布局适配不同设备 渐变色彩和柔和阴影效果 动态交互反馈（悬停动画） 事件分类： 普通事件（灰色） 重要事件（黄色） 纪念日（粉色） 技术实现： 纯前端实现（HTML/CSS/JavaScript） 网格布局展
在初次使用Turtlebot3仿真环境时，运行AI运行代码bash出现报错AI运行代码bash这个错误表明在 gzclient 进程中出现了断言失败，并因此导致了进程崩溃。具体来说，这个错误与Boost库中的 shared_ptr 相关，断言 “px!= 0” 表示在尝试访问一个空指针时失败了。
5. 源码如下，大家可以根据自己的兴趣改一改，娱乐一下。1. 新建文本文档，命名为奶茶.txt。教程很简单，如下操作。
字节推出国内首个具备视觉理解能力的编程模型Doubao-Seed-Code，在多项基准测试中表现优异。该模型支持文本和图像输入，可生成HTML/CSS、React等前端代码，兼容主流开发生态。通过五个实战场景测试，模型展现了优秀的布局能力、视觉还原精度和组件抽象思维，能快速生成移动端页面、精确复现UI元素并创建可复用组件。在复杂页面合成方面，模型能根据提示生成淘宝电商首页等完整页面结构，虽然部分细
《使用Claude Code快速复制目标网站》摘要：本文介绍如何利用Anthropic的Claude AI自动生成网站代码。通过输入目标网址和简单提示词，Claude可快速生成包含HTML/CSS/JS的完整网页模板，支持响应式设计和基本交互。文章以ai-bot.cn为例，展示了从代码生成到部署的完整流程，包括GitHub Pages、Netlify等三种部署方式。该方法特别适合快速搭建导航站、产
CSS3新增了多个背景相关属性：background-origin控制背景定位区域（border-box/padding-box/content-box），background-clip控制背景裁剪区域，background-size调整背景图尺寸（cover/contain/具体值）。还引入了复合属性background，可一次性设置颜色、图片、位置等参数。同时支持多背景图叠加显示。在边框方面新
2025年的AI战场，已从“技术追赶”转向“生态竞争”。国产模型在中文场景和性价比上的优势日益显著，而国际巨头仍主导高端多模态市场。用户需根据自身需求，在性能、成本、场景适配间找到最优解。
英文期刊选择
大家都知道原始的css3适配方案是媒体查询和rem布局，媒体查询是现有多种ui框架的底层原理，写非ui框架项目时候，rem更好用一些。由此可见，不管设计图是720px，还是1080px项目中内容宽度写360vp 都会占满全屏。鸿蒙移动端最主要的问题是怎样适配所有大小不同的移动设备端口？但是rem需要有一个设计图比例问题，鸿蒙到底应该是多少？
qt 样式表
需求分析：设置主窗口的应用菜单以及鼠标的右击菜单，同时要求实现在应用菜单中开启打开调试工具(当用户自定义应用菜单时，应用菜单中的打开调试工具便会被取代)，并设置快捷键F12实现看看主进程main.js:var electron = require('electron')// 引入electron模块var app = electron.app// 创建electron引用var BrowserWi
介绍了盒模型所涉及的 qss 属性，配有大量示例图片说明。
详细介绍了 qss 中如何设置颜色，尤其是渐变色。文章超级好懂~
如何用Web前端技术就能开发出桌面应用程序？需要更多相关资料的小可爱们，请看主页中的个人简介哦！Web前端技术开发桌面应用的方式CEF：用 Chromium&Webkit 来呈现 web 页面，是客户端里面嵌浏览器，浏览器里面跑网页。heX：基于CEF，内部整合了开源项目 Chromium 及 node.js。nw：基于Chromium 和 node.js，利用 web 方式开发跨平台桌面
「社区说」第三场：白话 Kotlin 协程活动时间：4 月 22 日20:00-21:00直播链接：立即报名活动背景：本次将由 Android 与 Kotlin 方向谷歌开发者专家朱涛...
Container类似于iOS中的UIView，具有绘制、定位、调整大小功能。通常用来装载其它子控件，假如Container没有子控件，它将自动填充整个屏幕；反之，会根据子控件大小，调整自身大小，从而达到自适应效果。注意:使用Container时，通常要有一个父控件，一般情况下不单独使用Container。常用的父控件有Center widget、Padding Widg...
笔记：关于RN端ios开发中遇到的box-shadow问题遇到的问题就是：在父元素定义box-shadow的时候，父元素没有显示阴影，反而是内部的子元素显示了阴影效果.block-wrap {padding: 20px 20px 30px;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);border-radius: 20px;/* #ifdef rn /elev
活动时间7月8日（本周四）20:00pm-21:00pm活动日程20:00-20:45《Kotlin 编译器插件：我们究竟在期待什么？》对比常见的 Kotlin 元编程的方案，包括反射、注...
有些时候，总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了，这可真是一件不幸的事儿。可能是自己会的东西太少了，总是有种莫名的危机感。 前一段时间，想写一个移动版音乐播放器，于是就开始利用下班后的时间写写。每天大概有大概两个小时的时间来做这件事儿，但是写了一版，感觉逻辑不是理想的，所以就推掉了原来写的，又从新写了一版。最近公司的事儿有点儿多，所以导致播放器被推延了一
这样就可以将这个Java文件转换为Kotlin文件，之后就可以在Kotlin代码中使用这个类。在这个案例中，我们在Kotlin类中引入了一个Java类，并且成功地创建了它的实例并调用了其中的方法，实现了Java和Kotlin的混合编程。在Kotlin代码中，我们可以像使用Kotlin类一样使用已经转换过的Java类。通过这些简单的步骤，就可以在Android应用中轻松地实现Java和Kotlin的
前言今天的主角是英雄 —— Hero 组件。Hero 组件非常适合从婚恋系统源码列表、概览页切换到详情页转场动画场合。因为可以将两个页面的组件串起来动画，体验上会觉得整个操作的连贯性非常好。Hero 动画过程Hero 本质是是在不同的路由页面做了一个中转层，然后通过动画完成过渡，下面用4张图是官方演示的过程。动画开始前，会准备一个空的遮罩层（Overlay）。此时目标路由页面还没生成。t = 0.
不喜欢说太多，喜欢直接干，直接上代码，这才是我的风格。fragmentpackage com.meinong.fragment.kotlinimport android.content.Intentimport android.content.pm.PackageManagerimport android.os.Bundleimport android.view.Layout
前言在相亲源码中，列表的元素和详情的内容是一致的，这个时候利用 Hero 动画切换到详情会感觉无缝过渡，用户体验会更好。思路上面的效果是列表和详情共用了头像和头像的背景色。二者的组合是一个 Stack 组件，因此可以使用 Hero 组件完成。然后是 Hero 组件的移动，我们先做了水平移动，再做垂直方向移动，这样过渡体验会更好，这种可以用我们自定义的 RectTween 完成。下面是我们的各个部分
Expanded(child:ConstrainedBox(constraints: BoxConstraints(maxHeight: 40,),child:...
在使用showModalBottomSheet这个控件时，想要设置圆角，可以在内容widget设置不管用，然后直接看这个控件的实现原理，准备看到到底什么鬼！一看有个shape属性，感觉有戏！果然设置完毕后，成功了。注意：一定不要设置builder中的背景颜色，否则会覆盖导致不能显示出圆角！showModalBottomSheetshape可以设置成自己想要的形状！isScrollCont...
本项目采用了React的框架，可以帮助那些想学习React的同学们去深入学习React的项目的开发。写这个项目过程也是非常辛苦的，如果你觉得我写的还不错的话，麻烦各位给我一个收藏或者点赞，也或者去github上给我点个星，来当做对我的鼓励。不胜感激！
你每天都会对着它讲话，和它玩游戏，用它看新闻——没错，它就是你裤兜里的智能手机。android，黑莓还是iphone？为了让你清楚意识到究竟哪些才算是智能手机，我在下面总结了一个智能手机系统/设备的列表：AppleiPhone/iPod TouchGoogleAndroidRIMBlackBerry/Playbook OSNok
jQuery Mobile使用指南简介：jQuery Mobile框架可以轻松的帮助我们实现非常好看的、可跨设备的Web应用程序。我们将后续的介绍中向大家介绍大量的代码及实例。jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的，没有特别为移动应用程序设计。jQuery Mobile是一个新的项
ionic 的全局变量样式文件中有9个默认的颜色主题：primary、secondary、tertiary、success、warning、danger、dark、medium、light现在因为项目需求新增了一种颜色主题，所以需要添加如下代码：/** custom color**/--ion-color-laijian: linear-gradient(90deg, #ffe14a 0%, #f
属于web程序顶级目录的config.xml全局配置文件可以控制应用程序许多方面的行为。该文件是平台无关的，基于 W3C'sPackaged Web Apps (Widgets)标准，被扩展支持Cordova API、插件和平台相关的设置。通过Cordova CLI创建的项目，可以在www目录里面找到该文件：app/www/config.xml当使用CLI去编译程序的时候，该文件会被复
SUI Mobile 是一套基于 Framework7 开发的UI库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。特点：自适应、轻量、功能强大点击进入官网选择模板进入官网后，点击示例选择要选用的模板，查看源代码并复制到自己的项目即可。同时你可以右键鼠标"检查"，点击右上角的按钮来查看各...
plugin.xml文件是在plugins命名空间（http://apache.org/cordova/ns/plugins/1.0）下面的xml文档。它包含一个定义插件的顶层 plugin 元素及定义插件结构的子元素。一个插件元素示例：<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"xmlns:android="htt
dev环境下，css设置clip-path对图片多边形切割，显示正常height:190px;background-image: url(../assets/imgs/bg1.png);background-repeat: no-repeat;background-size: 100% 100%;-webkit-clip-path: polygon( 0px 0, calc(100% - 0px)
基本布局样式布局代码<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><titl
Cordova工程index.html/index.css/index.js结构及关键代码1. index.html2. index.css（1）横竖屏的判断方法：（2）深色模式适配3. index.js4.更多Apache Cordova是Apache基金会支持的一套开源移动APP底层编译工具，可以与任何前端框架结合，完成基于H5的移动开发编译，因而具有很好的灵活性。通过以下命令可以建立一个co
Angular +Ionic实现收藏夹的全选和单选删除功能一，需求及解决思路1.实现需求：所展示的产品，通过编辑功能切换复选，分为单独选择和全选实现将商品从收藏夹中移除。2.解决思路：实现商品数据渲染页面后，调用执行删除功能的接口。实现单选，反选，全选。通过选中所接收的值拼接成自符串。取消选择时：将相应选中的字段从当前自符串中移除。点击删除按钮实现选中商品的移除。全选时则移除所有的商品。二，代码a
最近在学习node.js的过程中，突然发现了electron这个宝藏开源框架。在学习过程中收获颇多，特此记录，方便知识整理。参考文献：技术胖目录一、Electron的定义二、Electron的运行原理2.1、不得不说到JavaScript的运行原理2.2、Electron的运行框架2.3、Electron的运行流程：三、从零开始，构建Electron开发环境3.1、安装node.js开发环境3.2
css 颤动When launching apps, we usually see a loading view while the app is fetching the data from the local database or the server. It is quite easy to implement a loading indicator with Flutter, just
css3
——css3
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
HarmonyOS开发者社区
广州城市开发者社区
深开鸿 技术专区
2048 AI社区
火山引擎 ADG 社区
openvela
开源鸿蒙跨平台开发者社区
