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)