一、缓存的好处当页面渲染的数据过多时，为了减轻对内存的占用，对初次接收且会用到的数据进行本地缓存，是有着大好处的.受网速等各种因素的影响，当渲染数据过多时，若存在频繁的切换页面，用户体验效果不佳。二、常见的本地缓存1. 利用storage来对数据进行存储(sessionStorage、localStorage)a. sessionStorage 临时的会话存储，只要当前的会话窗口未关闭，存储的信息
转载
2023-09-01 15:46:23
83阅读
前面的话
缓冲运动指的是减速运动，减速到0的时候，元素正好停在目标点。而弹性运动同样是减速运动，但元素并不是直接停在目标点，而是在目标点左右弹几下再停止。本文将以一种新的思路来详细介绍缓冲运动和弹性运动
缓冲运动
在变速运动中，曾经用物理学的知识实现过缓冲运动。缓冲运动实际上就是减速运动的一种特殊形式，指元素做减速运动，速度减到0时，恰好停在目标点位置，学名叫加速度恒定的匀减速运动
转载
2016-10-21 18:58:00
127阅读
2评论
实现帧动画，首先需要这种图片：（图片来着阿里云） 1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta http-equiv="X-UA-Compatible" content="IE
转载
2023-07-15 17:58:10
68阅读
（1）手风琴效果 分析： （2）基础缓冲运动 接下来取整 原因： px为计算机识别的最小单位，1px无法再往下拆分。所以css如果取值200.5px，解析时计算机会自动将其改为200px注意：这里的数值并没有四舍五入计算，200.9px最后依然是200px 速度不能是小数，需要取整，所以接下来进行取
转载
2019-12-21 21:30:00
268阅读
2评论
基本思路：使用定时器让物体向右运动，在运动的过程中再不是匀速运动，而是先快后慢,即距离越大，速度越快，距离越小，速度越小，可是到达终点的时候，必须注意要使用向上取整函数Math.ceil()和向下取整函数Math.floor();这样才可以正确无误地到达终点，而不是有出入。
<!DOCTYPE HTML>
<!--
-->
<html>
<hea
转载
2014-09-20 21:17:00
205阅读
2评论
由于JS里对于数值小数点会自动去除，所以对于运动位置，需要使用Math.ceil()向上取整或者Math.floor()向下取整进行解决以下是我的缓冲运动练习简单代码<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" cont
原创
2017-03-16 11:25:48
831阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he
转载
2017-06-06 21:05:00
76阅读
2评论
window.onload = function() { var oDiv1 = document.getElementById('div1'); oDiv1.onclick = function() { /*startMove(this, { width : 200 }, function() { startMove(this, {
原创
2023-03-01 00:35:11
46阅读
分享一个用原生JS实现的缓冲运动的小Demo，效果如下：以下是代码实现，欢迎大家复制粘贴及吐槽。<!DOCTYPE html>
原创
2023-03-23 00:08:43
44阅读
缓冲运动的效果，就是对象的速度越来越小
缓冲运动的原理：速度由距离决定，速度=（目标值-当前值）/缩放比例可能遇到的bug：没有对速度取整，导致对象的运动不能够精确的到达目标值，切记对速度进行取整运算<script>window.onload = function() { var oBtn = document.getElementById(
原创
2023-03-01 00:30:50
54阅读
课程来源路径：智能社得开发课程：https://ke.qq.com/webcourse/index.html#course_id=152997&term_id=100174752&taid=766913655494053&vid=v14127nxshc
原创
2021-11-26 15:52:49
81阅读
Javascript实现不同运动效果，最重要的一点，是对speed的处理,当然记还要记得加setTimeout()或setInterval();
以下为速度公式
1.匀速运动
oDiv.style.left=oDiv.offsetLeft+speed+"px"; //speed固定
2.缓冲运动
转载
2012-08-25 10:34:39
583阅读
利用定时器 setInterval 去不断的修改某个元素的属性值 就形成了一个最简单的动画效果....
原创
2016-03-16 16:36:45
415阅读
这是本人的第一个博客，今天主要说明video的用的较少的一些功能，像play,paused这些属性或者play(),pause()这些方法不在本章的讲解内容内 var video = document.getElementById(‘video’)获取video的视频时长获取视频时长是最基本也最简单的，通过video.duration,以秒为单位，但该属性放在任何监听事件之前并不能拿到真实的值，需
转载
2023-09-19 08:33:56
457阅读
javascript运动框架:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" co
翻译
2017-08-23 20:03:07
558阅读
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{margin:0;padding:0;}
转载
2016-03-14 18:03:00
79阅读
2评论
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns=&quo
原创
2012-07-09 17:45:57
378阅读
1 JavaScript 概述① JavaScript 的特点JavaScript 是一门动态的，弱类型的，解释型的，基于对象的脚本语言。动态： 程序执行的时候才会确定数据类型。 静态： 书写代码的时候提前确定数据类型。弱类型： 数据类型可以自动转换。 强类型： 数据类型无法自动转换。解释型： 边编译，边运行，开发效率更高。 编译型： 先编译，后运行，运行效率更高。**脚本：**一般都是可以嵌在其
转载
2023-06-06 12:16:50
68阅读
直接用js封装一个运动函数，使用时直接调用就行，比如做轮播图时就可以调用
/*
* @ele：要进行运动的元素
* @attr：要进行运动css属性
* @target：运动的目标位置
* @cb：运动结束后，要执行的函数
*/
function sport(ele,obj,cb){
let timerObj = {}; // 将所有定时器都放到这个对象中
for(let
转载
2023-06-07 17:41:33
87阅读
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--
js变量的运算
转载
2023-06-09 21:06:34
43阅读
