- 博客(6)
- 收藏
- 关注
RSS订阅原创 Canvas 从入门到实践完全指南
Canvas 是 HTML5 提供的一个用于绘制图形的标签元素，它允许我们使用 JavaScript 在网页上绘制各种图形、创建动画效果、处理图片等。想象一下，Canvas 就像是一张空白的画布，而 JavaScript 就是你手中的画笔。Canvas 是一个强大的绘图工具，通过本教程的学习，你已经掌握了：Canvas 的基本概念和使用方法常用的绘图命令和属性设置如何创建简单的动画效果如何实现基本的交互功能建议你在理解这些基础概念后，多加练习，尝试修改示例代码，创作出属于自己的作品。
2025-01-21 16:16:12
998
原创 虚拟滚动如何处理瀑布流情况下图片释放之后滚动条塌陷问题
在使用虚拟滚动和瀑布流布局的情况下，处理图片释放后滚动条塌陷的问题是一个常见的挑战。这个问题通常发生在图片加载和卸载时，导致列表的高度计算不准确，从而影响滚动条的表现。以下是一些解决方案和实现思路，帮助你有效处理这个问题。在瀑布流布局中，元素的高度通常是不固定的，因此需要在图片加载完成后动态计算每个元素的高度。可以使用以下步骤：维护一个高度数组，记录每个元素的高度，以便在滚动时快速计算可视区域的起始和结束索引。在图片加载后，更新滚动容器的总高度，以确保滚动条的高度正确。当图片被释放或卸载时，需要相应地更新高
2025-01-15 11:07:37
443
原创 配置 mock
想想我们平时对接接口是怎么做的，首先前后端确定好接口，让后确定好接口文档。如果已经编写好前端代码，就差与后端对接了，mock 实现的方式有很多，我们使用的 vite 就有一个插件满足我们的需求：vite-plugin-mock。
2025-01-06 08:57:58
656
原创 集成CommitLInt+ESLint+Prettier+StyleLint+LintStaged
StyleLint，是专用于规范样式代码的工具，可以做到一些Prettier做不到的功能，有了它能让我们的样式代码（CSS/Less/Scss）更加美观，比如说对CSS样式代码进行顺序规定。配置完成之后我们对代码风格的配置只会使用prettier的配置，相当于将eslint中冲突的规则覆盖掉了。这时候就需要 Husky 来帮忙了，它可以帮助我们在代码提交前后进行一些自定义的操作，像是代码风格的校验，并且它支持所有的 Git 钩子（钩子是你可以放在钩子目录中触发的程序 在 Git 执行的某些点执行的操作）。
2025-01-06 08:47:45
1274
原创 Vue3基础使用
响应式数据备注ref 可以创建任意类型的响应式数据，reactive 只能创建对象类型响应式数据ref 在js 代码里面需要使用.value 来访问原始值，在模板里面直接使用，不需要.valuereactive 可以直接访问原始值，在js 代码和模板里面，都不需要.valuereactive 创建响应式数据的时候，当重新赋值的时候，不管赋值的是普通对象，还是响应式对象，都会失去响应式watch( 需要监听的数据，数据变化后执行的函数，【可选参数，设置深度监听，立即执行】)监听多个数据。
2024-06-21 21:48:37
875
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人