登录社区云,与社区用户共同成长
邀请您加入社区
三种不同形状的星星样式(.pentagram-star、.triangle-star、.hexagon-star)分别定义了各自的形状和颜色,并应用了相同的闪烁动画 blink。通过以上的 HTML、CSS 和 JavaScript 代码的配合,实现了随机分布、不同形状、有先后顺序闪烁的星星效果,模拟出了夜空繁星的景象。body 样式设置了背景为从顶部的 #000033(较深的蓝色)到底部的 #0
把时间工具和 AI 塞进同一张网页,看似是功能叠加,实质是交互范式的转变——用户不再"操作界面",而是"对机器说话"。虽然今天的自然语言指令还很初级,但这个方向让我看到英"对话框即界面"的雏形。回看整个项目,最让我满足的瞬间,不是三组验证用例全部通过的片刻,而是第一次对页面说出"帮我设置早上7点的闹钟",眼睁睁看着闹钟列表里真的多出一行 07:00 的时候。那一刻,工具终于开始听懂了人话。
一款基于前端技术的AI情绪陪伴应用,通过流式对话实时识别用户情绪,以JSON结构返回情绪标签、评分条及可点击建议卡片。支持深浅双主题、响应式布局与快捷话题,配置简单,可本地运行或部署于后端代理保护密钥。项目开源,适用于情感倾诉与心理疏导场景,强调温暖陪伴与隐私安全。
“寻艺·非遗交互式对话平台”以极简技术栈(HTML+CSS+原生JS)构建,通过流式SSE与大模型联动,实现零门槛、无注册的非遗知识对话。项目创新性地设计结构化输出协议,引导AI生成含回复正文、追问建议与知识卡片的JSON数据,并在前端实时解析、渲染,让苏绣、梁祝等非遗技艺以生动对话形式“被看见”。通过角色设定与增量解析优化,打造兼具温度与精度的数字传承入口。
它让千年之前的文字游戏,与现代最前沿的智能模型,在同一个页面上完成了握手。你输入"床前明月光",它回你"光摇银海眩生花";你输入"欲穷千里目",它也许回你"目送归鸿手挥五弦"。技术没有温度,但文字有,意境有,文化也有。作为开发者,我们最幸运的事情之一,就是能用代码这种最理性的语言,去守护和传承一种最感性的文化。这就是我的"码道"——以代码为墨,铺一条通往古今的诗路。如果你也对诗词与 AI 的结合感
由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处获取。截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!**如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)[外链图片转存中…(img-panne6DP-1712483051375)][外链图片转存中…
项目是移动端的,有一个PC版官网,此外的页面都是直接适配移动端样式。有几次发现在PC微信浏览器打开(小窗口模式)样式就会变得很乱,具体表现为字体和盒子尺寸异常放大。起初以为是微信浏览器的问题,后来发现在其他浏览器,窗口尺寸在一定范围的时候也会有同样的问题。经过测试,这个范围是宽度769px~960px。
【代码】微信小程序RPX转化PX。
前端按钮常用样式(包括箭头按钮、关闭按钮、点击按钮)
微信小程序如何实现(点击发送弹幕)
在idea中运行项目时出现以下错误:解决方案:跨域配置报错,将项目中的 .allowedOrigins替换成.allowedOriginPatterns
thingsboard编译出错记录解决方案:删掉D: bapache-maven-3.8.2-bin epositorycomgithubeirslett文件夹(repository所在的文件夹comgithubeirslett)
zabbix 下载网址https://www.zabbix.com/打开网址,点击DOWNLOAD,进入下载页面点击下载源码包鼠标往下拉,选择版本下载
在uniapp 3.1.22版本引入当前日期最新的vant-weapp1.10版本时发现van-icon出现图标不能展示的问题。解决方案:在/wxcomponents/vant/dist/icon/index.wxss里寻找url字符,在括号内url地址添加"https:",重新运行项目即可。...
微信小程序:video标签默认显示视频的第一帧作为封面_彭世瑜的博客-CSDN博客
在小米手机中,font-size:600;是没有什么效果的,但是在苹果或者华为就生效,所以必须统一成font-size:700;样式才能统一
uniapp 实现录音操作,长按录音,放开取消。
的命令,核心作用是:通过 Prettier(主流的代码格式化工具)自动格式化当前目录及所有子目录下的代码文件,并强制将文件的换行符统一为。(Line Feed,换行)格式。
utils/share.js下创建文件。这样就不用每个页面都写一次啦~~~
ESP8266获取MAX30102 血氧数据(R,IR,G的值)发送到路由器局域网内,局域网内的手机电脑,访问ESP的ip地址,获取实时的血氧数据动态曲线显示在网页上。
基于uniapp使用vue3+ts封装一个瀑布流组件。
传递不修改:defineProps(只读)传递并修改:defineModel (Vue>3.4)可以根据自己的需求去选择文档:https://cn.vuejs.org/api/sfc-script-setup.html#definemodel。
很多情况下子组件都需要像父组件去传递一些数据,Vue3和Vue2传递值的写法不太一样。
前端技术分享交流会-前端开发常见问题及数据可视化经验分享
点击加号,选择图片点击右下角确定。
一种好看的日历样式,能够显示当前是星期几,几日,可以展开查看,还可以选择查看上一月,下一个月。还可以选中某一天,默认显示的当天。
在uniapp中使用vant(手把手教搭建,从0开始)
【代码】uniapp自带图片预览功能。
中间列表部分,开启绝对定位,设置一下位置,并且overflow:auto 就可以滑动。
Uncaught TypeError: Cannot read properties of undefined (reading 'focus')
uniapp修改字体样式
上一片讲的代码只能h5端生效,嗨,晦气。
orbitcontrol绕z轴旋转
给最外层大盒子添加了高度(min-height: 100%;)goTop(){uni.createSelectorQuery().select('.shoplist').boundingClientRect(data => {// 需要跳转到的节点uni.createSelectorQuery().select('.goods').boundingClientRect(res => {
1、在苹果机型上不显示文字,安卓机型可显示color: #FF6300;background-image: linear-gradient(0deg, #FEB765 0%, #FCD999 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;2、都可以显示的写法background: linear-gr
主要记录了自己学习前端所记录的部分笔记
HTTP(HyperText Transfer Protocol)超文本传输协议,是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP 是一个简单的请求-响应协议,是客户端和服务端之间请求和应答的标准,它通常运行在 TCP(传输控制协议)之上,由统一资源标识符(Uniform Resource Identifiers,URI 包含 URL 和 URN )来标识。HTTP 通过使用浏览器、
微信小程序开发——评论功能
arduino两种方法搭建esp8266开发环境
微信小程序自定义键盘
linkMarkdown是一种可以使用普通文本编辑器编写的标记语言,通过类似HTML的标记语法,它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的!1. 字体,字号与颜色<font color=#FF0000> 要使用的字体</font><font color=gray size=72>color=gray</font>
data: {wdith: wx.getSystemInfoSync().windowWidth,height: wx.getSystemInfoSync().windowHeight},
uniapp 默认创建的项目并没有给我们提供加上网站 favicon 的 ”机会”,但官方给出的解决方法是使用自定义模板自定义模板的场景,通常有以下几种情况:调整界面 head 中的 meta 配置补充 SEO 相关的一些配置「仅首页」加入百度统计等第三方js如上,使用自定义模板可以满足我们解决添加 favicon,使用步骤如下:1、工程根项目新建一个 XXX.html 文件,文件名可自定义,比如
要用uniapp做一个效果:页面定时刷新获取,根据时间变换状态。这里按钮有5种状态:预约,已预约,已售罄,未开始,已结束。要把当前时间和后端返回的时间做对比,如果还没到开始时间则显示未开始,如果到开始时间还未结束则有预约,已预约,已售罄。如果超过结束时间则显示已结束。后端返回的数据:主要要把now_time每秒+1和start_time,end_time作比较,代码如下 先html:<!--
<view class="ponit"></view>.ponit{position: absolute;top: 55%;left: 50%;z-index: 5;width: 50rpx;height: 50rpx;background: #fff;border-radius: 100%;border: 1rpx solid #eee;animation: ponitA
《通信软件开发与应用》课程结业报告提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录《通信软件开发与应用》课程结业报告前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发
css3
——css3
联系我们(工作时间:8:30-22:00)
400-660-0108 kefu@csdn.net