html-MicroMatrix

MicroMatrix 博主等级

明月别枝惊鹊,清风半夜鸣蝉

累计撰写 116 篇文章
累计创建 36 个标签
累计收到 0 条评论

目录CONTENT

以下是 html 相关的文章

2024-12-14
SVG 手写板实现指南：替代 Canvas 的轻量级方案日常开发中，经常会遇到手写板的需求。对于大部分人来说使用 canvas 画布是最为方便的，而且也能很好的节省性能。这里在可汗学院学习的时候发现他们的答题手写用了 svg 的实现方法。这十分巧妙。不用考虑题目如何在 cavnas 画布上渲染了。实现大致逻辑通过鼠标的坐标绘制 svg 标签中的 pa
- 2024-12-14
- 2
- 0
- 0
- share
2024-08-12
PWA 技术解析：实现快速响应、离线能力和流畅操作的 Web 应用摘要在现代 Web 开发的世界中，用户体验是最重要的因素之一。无论是 Web 应用还是原生应用，用户都期望应用能快速响应、操作流畅、具备离线能力，并能方便地访问。渐进式 Web 应用（PWA，Progressive Web App）的出现，正是为了满足这些需求。 PWA 是一种结合了 Web 应用
- 2024-08-12
- 4
- 0
- 0
- share
2024-07-23
三行 CSS 实现滚动动画：提升用户体验的简单方法简介在这篇博客中，我将向大家展示如何使用仅三行简单的 CSS 代码，实现元素的滚动动画效果。通过创建一个视图容器，添加一些块元素，并利用 CSS 动画属性，我们可以轻松实现平滑的滚动动画。除此之外，我还会介绍如何根据滚动位置单独针对每个元素进行动画处理，以及如何使用动画范围属性确保元素在到达时完全
- 2024-07-23
- 1
- 0
- 0
- share
2024-06-07
浅谈 CSS3 视口单位：如何优化移动端和PC端显示前言网站会在 PC 和移动端上浏览，那么各个浏览器和设备的差异性，会使得兼容处理是一件麻烦的事情。尤其是移动端上的那些个异形屏和内容展示的理念。对此我使用的是tailwind css 。今天要分享的是移动端上的屏幕展示问题。视口单位概述： vw (视口宽度)：视口宽度的 1%。 vh (视口高度
- 2024-06-07
- 3
- 0
- 0
- thinks
2023-08-24
CSS3小技巧-动态设定div的宽高比前言一直在写 vue 项目中使用 iview 的 table,它有个设置宽高固定的属性。于是我想在外层套一个 div 并且这个 div 动态的随着窗口大小调整，并且满足一定的宽高比，有这种需求是因为一个统计页面上有多个统计类型，其中就有表格。 padding-bottom 实现普通元素固定宽高比,
- 2023-08-24
- 2
- 0
- 0
- thinks
2023-07-02
基于Iframe开发的微前端前言在前端的开发中，经常会遇到这样的需求。A 项目中的某个页面或者新增一个模块，需要嵌入 B 项目。然后 B 项目有可能需要 C 项目这种套娃式的项目嵌套。如果你是新开始做项目，那么我推荐你使用乾坤或者其他的微前端框架。但是如果你像我一样，项目以及成型，而且有很多公司自己的配置和域名不一样的各种各
- 2023-07-02
- 3
- 0
- 0
- share
2023-06-15
基于esbuild搭建组件开发框架前言在日常的前端开发中，经常需要开发一些组件。通常我们是基于某个特定的框架来开发，例如 vue,react 等等。对于页面的样式组件来说，没有什么太多的计较。但是如果开发一个画布工具或者一个音乐播放器的组件，那么这个组件必然会有很多功能，而且对于 vue2/vue3，react 版本，你可能每个都
- 2023-06-15
- 1
- 0
- 0
- share
2023-05-20
B站防遮挡弹幕实现前言 B 站是一个以视频为主的社交媒体平台，其中一大特色就是弹幕，即用户可以在视频上方实时发送评论，与其他观众互动。弹幕可以增加观看视频的乐趣，也可以反映出视频的热度和受欢迎程度。然而，弹幕也有一个缺点，就是可能会遮挡住视频中的重要内容，影响观看体验。为了解决这个问题，B 站推出了一种智能防挡弹幕技
- 2023-05-20
- 2
- 0
- 0
- share
2022-04-12
原生JS编写虚拟滚动组件前言在开发项目的过程中，偶尔会遇到很大的数据，然后设计图上又是列表还不分页的情况。为此研究了下虚拟滚动的方案。虚拟滚动大致的思路是当你往下滚动，但最后一个计算的元素出现的时候，替换上面不见了的 DOM 元素，将它们从渲染的 HTML 中剔除，同理往上滚动，一个计算的元素出现在最上面的时候，表明需要
- 2022-04-12
- 4
- 0
- 0
- share