2024-07-21基础提示框（Tooltip）是一种常见的用户界面元素，通常用于向用户显示有用的信息或提示。在这个示例中，创建了一个带有 “Hover Me” 文本的按钮，当鼠标悬停在按钮上时，会显示一个位于按钮下方的提示框。CSS 提示工具是一种常用的用户界面元素，通常用于向用户显示有用的信息或提示。在CSS中，我们可以创建基于定位的提示工具，这通常涉及到使用绝对定位来放置提示框，以便使其正确地出现在鼠标指针下方。同时，还使用CSS来设置提示框的样式，包括位置、背景色、字体颜色、边框圆角等。来触发提示框的显示。_css tooltip

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

2024-07-20(1) url() 图片的路径(2)no-repeat 背景图片不重复排满整个背景；repeat-x 表示X轴方向重复铺满；repeat-y 表示Y轴方向重复铺满；(3)第一个1px 表示距离左边1px；第二个1px 表示距离顶部1px（其中位置部分也可以写成：center、top、bottom、right、left）(4)fixed 设置背景图片是否随内容滚动，默认fixed=固定；scroll=滚动。_background url

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

2024-07-20Vue 3获取DOM元素的大小以及相对于视口的位置的getBoundingClientRect属性。监听元素右键事件_vue3 getboundingclientrect

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

2024-07-10picture cut是一个jquery插件，以非常友好和简单的方式处理图像，具有基于bootstrap或jquery ui的漂亮界面，具有ajax上传，从资源管理器拖动图像，图像裁剪等强大的功能。jQuery-Picture-Cut/src/php/upload.php 中调用…/core/PictureCut.php 处理文件上传的代码不检查文件类型并允许用户选择文件位置路径。未经身份验证的用户并将可执行的 PHP 文件上传到服务器，从而允许执行代码。_jquery-picture-cut 任意文件上传 (cve-2018-9208)

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

2024-07-10本文介绍了如何在Tween.js中创建3D模型动画，包括基本位置变化、链式执行、缓动效果、延迟和重复动画，以及结合相机旋转和模型淡入淡出的实际应用。

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

2024-07-08npm是Node JavaScript平台的包管理器。它将模块放在适当的位置，以便节点可以找到它们，并智能地管理依赖关系冲突。它是可配置的，以支持各种用例。最常见的是，您使用它来发布、发现、安装和开发节点程序。运行npm help以获取可用命令的列表。npm预先配置为使用npm的公共注册表(默认)，npm公共注册表的使用是受以下网站提供的使用条款约束。您可以配置npm使用您喜欢的任何兼容的注册表，甚至运行您自己的注册表。使用其他人的注册表受其使用条款的约束。_--package-lock-only

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

2024-07-08找到要添加的位置，通过@babel/types调用节点类型同名的方法创建该类型的节点，鼠标放到名字上会有提示传入什么样的参数。babel就是个js编译器，可以用来实现代码检查、代码生成、自定义语法等功能。通过@babel/generator将ast转变成代码，ok，万事大吉。使用@babel/parser将源代码解析成AST树。使用@babel/traverse对AST树进行遍历。ast是用来表示代码结构的一种树结构，可以借助网页。输入代码查看对应的ATS树。找到目标所在位置，然后判断。_babel sourcetype

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

2024-06-101.1 resize调整盒子大小：resize属性可以控制是否允许用户调节元素大小none ： 不允许调整元素大小both ： 用户可以调节元素的宽高horizontal ： 用户可以调节元素宽度vertical ：用户可以调节元素高度1.2 box-shadow盒子阴影使用box-shadow属性为盒子添加阴影语法：值h-shadow ： 水平阴影的位置，必须填写，可以为负值v-shadow ：垂直阴影的位置，必须填写，可以为负值。

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

2024-07-02滚动滚动条，由于子元素设置了不同的 transform: translateZ()，那么他们滚动的上下距离 translateY 相对屏幕（我们的眼睛），也是不一样的，这就达到了滚动视差的效果。子元素设置不同的 transform: translateZ()，这个时候，不同元素在 3D Z轴方向距离屏幕（我们的眼睛）的距离也就不一样。视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。也就是说，背景一开始就已经被固定在初始的位置。_视觉差滚动

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

2024-07-01本次实验旨在掌握并熟练运用Web开发技术，提高自己的编程能力，同时通过实际操作加深对Web开发技术的理解。介绍永州的独特环境和地理位置、美食、旅游等等，并使用视觉化手段进行展现。通过使用HTML、CSS、JavaScript和PHP等编程语言展示永州的文化、历史和特色，提高人们对永州的认知。通过实验了解和掌握HTML、CSS、JavaScript和PHP在网页开发中的应用。_web开发实训大作业csdn

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