会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
unique-yaobo
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
2024年11月15日
移动端按住说话样式
摘要: 下面是最终效果,手指移出指定区域就改为取消状态,松开手指就取消,手指没有移出指定区域,状态为录音中,松开手指为结束录音状态 下面是代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewpor
阅读全文
posted @ 2024-11-15 11:21 unique-yb
阅读(203)
评论(0)
推荐(0)
2024年10月28日
等比例缩放1920:1080
摘要: 1920:1080根据屏幕的改变进行等比例缩放 const windowsChangeSetScale = () => { const containerWidth = window.innerWidth const containerHeight = window.innerHeight // 目
阅读全文
posted @ 2024-10-28 09:53 unique-yb
阅读(170)
评论(0)
推荐(0)
2024年10月10日
vue3中使用markdown并且显示公式
摘要: vue3中使用markdown并且显示公式 最终效果如图 下面是代码 1.先安装依赖包 npm install markdown-it mathjax 2.src下面创建文件utils/mathjax.js,文件内容如下 window.MathJax = { tex: { inlineMath: [
阅读全文
posted @ 2024-10-10 17:23 unique-yb
阅读(2835)
评论(0)
推荐(1)
2024年7月19日
js上传base64
摘要: <!DOCTYPE html> <html><head> <title>Upload Image</title></head><body> <input type="file" id="fileInput"> <button onclick="uploadImage()">Upload Image<
阅读全文
posted @ 2024-07-19 18:12 unique-yb
阅读(51)
评论(0)
推荐(0)
2024年7月15日
每新增一条列表,就置顶
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Chat Demo
阅读全文
posted @ 2024-07-15 18:37 unique-yb
阅读(18)
评论(0)
推荐(0)
聊天框结构
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2024-07-15 18:20 unique-yb
阅读(25)
评论(0)
推荐(0)
下拉折叠效果
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2024-07-15 18:17 unique-yb
阅读(15)
评论(0)
推荐(0)
三个点加载效果
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="divport" content="width=device-width, initial-scale=1.0"> <title>Document</
阅读全文
posted @ 2024-07-15 18:16 unique-yb
阅读(123)
评论(0)
推荐(0)
滑动验证,没有图片 ,就一个滑动
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2024-07-15 18:16 unique-yb
阅读(52)
评论(0)
推荐(0)
盒子内阴影
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2024-07-15 18:15 unique-yb
阅读(7)
评论(0)
推荐(0)
上一页
1
2
公告