html
关注
分享
扫一扫
文章平均质量分 67
qianlingvip
这个作者很懒，什么都没留下…
展开
-
使用 requestAnimationFrame 实现 js 动画--成交额动画
我们经常在购物平台网站上看到一些动画效果，这些动画不是 css 样式动画，而是内容发生改变后开始动画，如果，成交额动画，有一个值变化到另外一个值的时候，一位一位的去动，看起来很炫酷，其实，这就是 js 动画。原创 2024-08-25 12:32:48 · 430 阅读 · 0 评论 -
使用react-three-fiber加载glb格式3D文件，并播放3D模型自带动画
一、react-three-fiber简介使用可重用、自包含的组件以声明方式构建您的场景，这些组件对状态做出反应、易于交互并且可以利用 React 的生态系统。 没有任何限制，一切工作在three.js这里将无一例外地工作。 生态完善。二、安装npm install three @react-three/fiber三、基础语法1、创建场景import { Canvas } from '@react-three/fiber'export default function App() {原创 2021-06-21 18:04:10 · 6376 阅读 · 4 评论 -
前端使用input上传文件本地预览
当我们需要使用input的file做图片上传时候，想要看一下上传的图片，该如何实现呢？具体实现有两种方法1、使用readAsDataURLfunction handleChange() { const myFile = document.querySelector("input[type=file]").files[0]; const img = new Image(); const reader = new FileReader(); // 读取文件资源 if (my原创 2021-03-12 16:14:23 · 935 阅读 · 1 评论 -
关于table设置宽度无效的解决方法
首先要知道table-layout属性值有哪些？| 值 | 描述 ||—|---||automatic| 默认。列宽度由单元格内容设定。||fixed |列宽由表格宽度和列宽度设定。||inherit| 规定应该从父元素继承 table-layout 属性的值。|当属性值为automatic时候，宽度通过设置样式不一定起作用的，它的宽度取决于单元格内容。当属性值为fixed时候，列...原创 2020-03-12 18:08:30 · 7187 阅读 · 0 评论 -
设置VSCode编辑器，编辑react的jsx语法自动补全
相信大家都有这样一个苦恼，在使用VSCode写react代码的时候，输入标签后按住table键不好使，没有出现我们想要的补全标签的效果，今天我就帮助大家解决这个问题。 首先我们需要打开VSCode代码编辑器：点击左下角设置图标，选择设置之后，点击打开设置json之后在已有的设置基础上，新增如下代码："emmet.includeLanguages"...原创 2020-03-10 11:38:03 · 1145 阅读 · 0 评论 -
canvas刮刮乐
1、主要使用clearRect来实现清除表层内容2、在按下事件里边嵌套移动事件，将当前鼠标距离所在盒子水平距离和垂直方向距离分别作为clearRect的第一个和第二个参数。直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...原创 2019-11-28 17:22:07 · 705 阅读 · 0 评论 -
JavaScript滑块验证
效果图：简单粗暴，直接上代码，无需解释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"/> <title>拖动验证</title> <style> @font-face { font-family: 'icon...原创 2019-11-27 16:18:23 · 382 阅读 · 0 评论