随笔分类 - HTML
摘要:
签名板在网页应用中扮演着重要角色,它们能够记录用户的手写签名或者绘图,从而提升了用户体验。 在接下来的内容中,我将指导你如何利用 JavaScript 来开发一个功能丰富的签名板。这个签名板不仅支持自定义和响应式设计,还具备对触摸设备的兼容、多样的笔触样式选择,以及将签名导出为不同格式图片的能力。此
阅读全文
![前端实现网络签名](https://img2024.cnblogs.com/blog/1161361/202412/1161361-20241206095304447-2032046577.png)
摘要:
vue实现录音并转文字功能,包括PC端,手机端和企业微信自建应用端不止vue,不限技术栈,vue2、vue3、react、.net以及原生js均可实现。 原理浏览器实现录音并转文字最快捷的方法是通过Web Speech API来实现,这是浏览器内置示例的api方法,可以直接调用,无需引入任何依赖包,
阅读全文
![vue实现录音并转文字功能,包括PC端web,手机端web](https://img2024.cnblogs.com/blog/1161361/202408/1161361-20240812111421684-1190660788.png)
摘要:
巴黎奥运会正如火如荼地进行,本文来使用 CSS 来画一个奥运五环。奥运五环是相互连接的,因此在视觉上会产生重叠效果,这也是实现五环最有挑战性的部分。接下来,将利用 CSS 的伪元素,巧妙地实现环环相扣的效果! 根据五环的位置特点,可以将中间的黑色环设置为 HTML 的父元素,而将其他颜色的环设置为子
阅读全文
![css手撕奥运五环](https://img2024.cnblogs.com/blog/1161361/202408/1161361-20240805095345796-462979031.png)
摘要:
1.分片上传整体流程开始上传:前端启动文件分片上传。后端返回唯一标识。分片上传:获取到上传的文件,然后设置一个固定的分片大小,将文件切成多个小片,计算出每一个分片的MD5值(32位)。将每个分片的内容和MD5标识符一同上传至服务器。服务端接收每个分片及相关信息后,通过对每个分片进行校验,来确保分片的
阅读全文
![前端大文件分片上传](https://img2024.cnblogs.com/blog/1161361/202405/1161361-20240514170347329-1224125003.png)
摘要:
随着互联网技术的迅速发展,用户对网页的加载速度和交互体验有了更高的期待。作为开发者,我们常常需要在服务器端渲染(SSR)与客户端渲染(CSR)之间做出选择。这两种渲染方式各有特点,适用于不同的场景和需求。今天,就让我们一起来探索SSR和CSR的世界,帮助你为你的应用选择最合适的渲染策略。 什么是渲染
阅读全文
![深入探讨下SSR与CSR有啥不同](https://img2024.cnblogs.com/blog/1161361/202405/1161361-20240514170430923-1819132268.png)
摘要:目标 实现箭头的流程图,本次开发用的是vue+scss形式,不过基本上都是css3+js而已,简单易懂,同样也好拓展。 图例 思路 父元素设置flex布局,子元素都是自适应,可随着屏幕宽度变化而变化。 设置双伪元素::before/::after,一个在前,一个在后,通过设置border-top/b
阅读全文
摘要:marquee的基本语法:<marquee> ... </marquee> 参数:1、滚动方向 (direction):left(左)、right(右)、up(上)、down(下)。 例:<marquee direction="up">向上移动</marquee> 2、移动方式 ( behavior
阅读全文