![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
html+css+javascript
小白不解
努力努力再努力!
展开
-
利用git把代码提交到gitee
git config --global user.email "你的邮箱地址"git config --global user.name "用户名"git remote add origin 你新建的仓库地址。1.在网站根目录右键,点击 Git Bash Here。git commit -m '提交某项目'2.若是第一次提交,则需要配置全局选项。7.把本地仓库的文件推送到远程仓库。5.把本地文件放到本地仓库里面。4.把本地文件放到暂存区。原创 2023-03-02 10:24:07 · 218 阅读 · 0 评论 -
动画函数添加回调函数
回调函数原理:函数可以作为一个参数。这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数,这个过程就叫做回调。回调函数书写的位置:定时器结束的位置。原创 2023-01-13 20:01:36 · 79 阅读 · 0 评论 -
缓动动画原理
思路:1.每次让盒子移动的距离慢慢变小,盒子移动的速度就会慢下来。2.核心算法:(目标值-现在的位置)/10 作为每次移动的距离 步长。3.停止的条件是:让当前盒子位置等于目标位置就停止定时器。缓动效果原理:缓动动画就是让元素运动速度有所变化,最常见的就是让速度慢慢停下来。匀速动画 :盒子当前的位置+固定值;缓动动画:盒子当前的位置+变化的值;原创 2023-01-13 13:31:45 · 115 阅读 · 0 评论 -
简单动画函数封装
给不同元素记录不同定时器:若多个函数都使用这个动画函数,每次都要var声明定时器。我们可以给不同的元素使用不同的定时器(自己专门用自己的定时器)。核心原理:利用js是一门动态语言,可以很方便的给当前对象添加属性。函数需要传递两个参数,动画对象和移动到的距离。原创 2023-01-13 12:50:51 · 41 阅读 · 0 评论 -
动画函数封装
实现步骤:1.获得盒子当前位置 2.让盒子在当前位置加上1个移动距离 3.利用定时器不断重复这个操作。4.加一个结束定时器的条件。5.注意此元素需要添加定位,才能使用element.style.left。动画实现原理:通过定时器setinterval()不断移动盒子位置。原创 2023-01-13 11:11:42 · 38 阅读 · 0 评论 -
mouseenter和mouseover区别
mouseenter事件 当鼠标移动到元素上时,就会触发mouseenter事件。与mouseover类似,两者的区别是:mouseover 鼠标经过自身盒子会触发,经过子盒子还会出发,而mouseenter只会经过自身盒子触发, 之所以这样是因为mouseenter不会冒泡。原创 2023-01-10 14:49:10 · 108 阅读 · 0 评论 -
元素滚动scroll系列
element.scrollHeight 返回自身实际的高度,不含边框,返回数值不带单位。element.scrollWidth 返回自身实际的宽度,不含边框,返回数值不带单位。element.scrollLeft 返回被卷去的左侧距离,返回数值不带单位。element.scrollTop 返回被卷去的上侧距离,返回数值不带单位。使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。原创 2023-01-05 14:10:40 · 64 阅读 · 0 评论 -
立即执行函数
立即执行函数 (function() {})();第一个小括号放形参,第二个小括号可看作是传递函数,里面放实参,也可以定义函数名。或者 (function(){}());其不需要调用能立即执行。主要作用:创建一个独立的作用域。原创 2023-01-05 13:30:53 · 119 阅读 · 0 评论 -
元素可视区client系列
client系列原创 2023-01-05 12:11:34 · 100 阅读 · 0 评论 -
offset与style区别
style和offset区别原创 2022-12-26 18:01:54 · 144 阅读 · 0 评论 -
offset系列常用属性
javascript中offset系列常用属性原创 2022-12-26 17:09:44 · 103 阅读 · 0 评论