2024-02-063、解析pdf，获取pdf所有页数据，使用canvas渲染，并使用TextlayerBuilder创建文本层，可以复制文本信息。在这里就是因为微任务导致，所以我们这里渲染pdf任务可以每次渲染完一页后等待一定时间才执行下一页的渲染，空出时间给主线程。在渲染pdf数据时，当pdf文件很大渲染量很多时，会导致页面卡住，无法执行其他操作；在滚动时当前是第几页的页码同步更新展示：需要在渲染每页pdf时将每页的高度存起来，以及每页滚动的临界值。在滚动时，根据当前滚动距离和每页滚动的临界距离相比较，判断当前是第几页。_vue pdf.js插件包打开本地pdf文件

https://www.qianduange.cn//article/1457.html 分类：前端知识

2024-02-06SkeyeWebPlayer.js H5免费播放器 支持Websocket-RTSP播放; 支持 m3u8(HLS) 播放; 支持 HTTP-FLV/WS-FLV 播放; 支持 HEVC/H265 播放; 支持直播和点播播放; 支持全屏显示; 支持重连播放； 具有 H.264 AAC 编解码器播放功能 HTTP FLV RTSP低延迟实时流播放 (HLS延时稍大一点，大概在2s—3s左右) WS-FLV 通过 WebSocket 实时流播放 兼容 Chrome, FireFox,_skeyewebplayer.js停止播放(销毁)

https://www.qianduange.cn//article/1444.html 分类：前端知识

2024-02-06利用yolov8零售商品识别实现的智能结算系统 yolo 后端flask 数据库sqlite 前端html（从零开始，全流程教学）全流程教程，从数据采集到模型使用到最终展示。 支持摄像头识别添加至购物车，用户点击添加至购物车、图片识别添加至购物车，还包括用户信息，商品展示等功能。若有任何疑问和建议欢迎评论区讨论。已经处理了一份数据形成了对应的数据集。 数据集包括200种常见的商品，如可乐、泡面、薯片等。有训练图片6000张，测试图片1000张。通过 io() 函数创建了一个WebSocket。并在点击开始_yolov8 flask

https://www.qianduange.cn//article/1436.html 分类：前端知识

2024-02-06（建议用body作为主盒子，从这个开始以下的代码多套了一个盒子，因为多了一层dom，会影响性能，如果不注重性能，就用从这个代码之后的代码，如果考虑性能，自行改成上面这种就可以，自己去掉一层盒子就OK了）设置display：table；第一种：display：flex，外边距自动填充margin：auto;设置成三行三列就ok，具体怎么写，看心情就好。第二种：display: flex;第一种：display: flex;第二种：display: flex;_手机端css怎么写

https://www.qianduange.cn//article/1430.html 分类：前端知识

2024-02-05解决EasyUi的 select 使用 class="easyui-combobox" 样式后绑定onSelect/onChange事件_easyui前端页面的onchange事件

https://www.qianduange.cn//article/1405.html 分类：前端知识

2024-02-05文章目录变形定义平移百分比是相对于自身计算——应用平移特点z轴平移变形定义变形就是指通过css来改变元素的形状或位置变形不会影响到页面的布局transform用来设置元素的变形效果平移translatex():沿着x轴方向平移translateY(): 沿着y轴方向平移translateZ():沿着z轴方向平移平移元素可以以px为单位也可以以百分号为单位：百分比是相对于自身计算的eg：百分比是相对于自身计算——应用使元素居中，我们通常使用margin: 0 auto_transform css

https://www.qianduange.cn//article/1392.html 分类：前端知识

2024-02-05echarts y轴文字左对齐 动态计算_echarts y轴中的label字左对齐

https://www.qianduange.cn//article/1382.html 分类：前端知识

2024-02-05使echarts图表随容器变化而改变大小，解决屏幕大小不变但图表容器改变情况下，希望图表大小自适应问题_echarts6-- angular2中echarts随屏幕改变尺寸

https://www.qianduange.cn//article/1374.html 分类：前端知识

2024-02-05注意，悬浮是悬浮在layer的父元素也就是menu上，悬浮时，设置display:block；感觉这个功能经常会遇到，但一直没弄明白具体怎么实现的，现在仔细学习了一下，总算搞清楚了。首先看正常情况下，鼠标未悬浮时layer的样式。跟着B站黑马学习小兔鲜项目，有个点记录一下。上面是完整代码，关键在于layer的样式。_css鼠标悬停显示li标签内容

https://www.qianduange.cn//article/1372.html 分类：前端知识

2024-02-05在CSS（层叠样式表）中，伪类（pseudo-class）和伪元素（pseudo-element）是用于选择特定元素或元素状态的机制。它们允许你在不修改HTML结构的情况下，通过样式来修改元素的外观和行为。伪类用于当已有元素处于的某个状态时，为其添加对应的样式，这个状态是根据用户行为而动态变化的。例如，通过:hover可以描述当用户悬停在指定的元素时的状态。伪元素用于创建一些不在文档树中的元素，并为其添加样式。

https://www.qianduange.cn//article/1362.html 分类：前端知识