HTML Canvas 详解，超全！！！
2024-01-27HTML Canvas是HTML5新增的一个元素，它提供了一个可执行JavaScript脚本绘制图形的区域。Canvas元素通过使用JavaScript API，可以在浏览器上绘制图形、渲染动画和实现交互效果等。灵活性：Canvas提供了丰富的绘图API，可以绘制任意形状、大小和颜色的图形，适应各种需求。高性能：由于Canvas是直接操作像素的，相比其他图形技术（如SVG），Canvas在性能方面更占优势，尤其在处理大量图形和动画时表现出色。跨平台。_html canvas
原生HTML CSS JS制作自己的导航主页（前端大作业，源码 步骤详解）
2024-01-27文章目录前言插入背景一、头部1.导航栏2. 优化导航栏3 时间前言插入背景首先设置我们的背景。在body中插入背景即可。index.html<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Designer" content="LiWei"> <meta name="Description" cont_个人导航页模板源码
纯css实现满屏雪花飘落效果
2024-01-27这里使用了关键帧动画（keyframes animation），其中定义了一个名为"snow"的动画，以及一个"-webkit-snow"的动画（兼容WebKit内核的浏览器）。这两个动画使用相同的规则：通过改变背景图片的位置，模拟雪花从天上落下的效果。其中，初始位置为0 0，终止位置为500px 1000px和500px 500px。该元素的背景使用两张图片，即"snow1.png"和"snow2.png"。这段代码定义了一个名为"snow"的CSS样式，该样式将被应用于某个HTML元素上。_全屏飘落特效
CSS之font-size的说明与妙用
2024-01-27font-size用来设置页面的字号，他有很多种指定方式，像绝对值、相对值、长度值、百分比值、数学值、全局值。用它怎么设置比浏览器最小字号更小的字号，并能够让页面实际渲染出来？ 我的文字之间为什么有空隙，两个span标签不挨着，两个图片中间有空白条？_css font-size
vant4表单必填项红色星号位置调整
2024-01-27vant4表单必填项红色星号位置居于文字之前。_vant必填项
强大的图片预览组件Viewer.js
2024-01-26Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。Viewer.js分为2个版本，js版本和jquery版本，下载地址分别为纯JS版本：https://github.com/fengyuanchen/viewerjsjQuery 版本：GitHub - fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.、网上看到有说jquer_viewer.js
vue3的getCurrentInstance获取组件实例踩坑记录
2024-01-26我们可以通过 getCurrentInstance这个函数来返回当前组件的实例对象,也就是当前vue这个实例对象；。在Vue3中，可以用来获取当前组件实例访问组件实例的属性：可以通过或来获取当前组件实例的属性。例如，可以使用访问组件的 props 属性。调用组件实例的方法：可以通过或来调用当前组件实例的方法。例如，可以使用来触发组件的自定义事件。在生命周期钩子中使用：可以在组件的生命周期钩子中使用来获取当前组件实例，以便在钩子函数中访问组件实例的属性或调用组件实例的方法。_getcurrentinstance
vue axios 引用报错Module parse failed: Unexpected token (5:2) You may need an appropriate loader to hand
2024-01-25试了很久，后来看到网上另一个同类的报错，他给出的原因是引用的第三方组件的某个版本有问题，故：我尝试更换axios 为低版本再试试；查看此时我安装的是默认最新版的axios1.6.2；尝试将版本降低为1.5.0后，此问题解决；尝试了无论是在components内import，还是在main.js内全局引用都会报这个错误；在写一个前端demo的时候，发现import axios from ‘axios’，网上查了很久，也尝试写自定义vue.config.js，但仍然报此错误；_module parse failed: unexpected token (5:2) you may need an appropriate load
关于JS中的一个[Vue warn]: Property “xxx“ was accessed during render but is not defined on instance 小问题
2024-01-26关于form里的与标签，去使用Java Script与vue文件使得Java Script报错[Vue warn]: Property "xxx" was accessed during render but is not defined on instance 小问题的小问题_was accessed during render but is not defined on instance.
el-table 高亮显示选中的行(element-ui)
2024-01-26Table 组件提供了单选的支持， 只需要配置 highlight-current-row 属性即可实现单选。之后由 current-change 事件来管理选中时触发的事件，它会传入 currentRow，oldCurrentRow。如果需要显示索引，可以增加一列 el-table-column，设置 type 属性为 index 即可显示从 1 开始的索引号。选择单行数据时使用色块表示。_el-table 选中行高亮