- 博客(5)
- 收藏
- 关注
原创 处理HTML5兼容性问题
第一种方法:通过JS创建DOM元素,既然没有,那就自个儿创建document.createElement(“header”);问题:标签过多,操作复杂。第二种方法:直接引用封装好的工具库 — html5shiv.js<script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>...
2019-05-18 09:30:05 534
原创 原生js利用使小球沿抛物线路径到达指定位置
以上是最终运动效果,绿球通过抛物线到达红球的位置(轨迹是为了展现运动效果额外添加的,可删除)html部分就是定义两个div用来表示小球,忽略。进入js部分。曲线运动原理:二次函数公式 y= ax²+bx+c小球在页面上的位置由它的属性 left ,top确定故将小球的left,top值关联进二次函数式即可。注意抛物线开口向下,a<0为避免计算带来的麻烦,这里省去常数c,并...
2019-04-26 22:09:32 925
原创 ES6学习笔记之解构赋值
解构赋值结构赋值的目的还是为了赋值,等号左右是某一种结构,比如数组,通过元素之间的一一对应达到赋值的效果。在某种情形下也可用于两个变量之间的交换等特殊操作。解构赋值分类:数组对象字符串布尔函数参数数值1.数组 :{ let a,b; [a,b]=[1,2]; //快速对变量进行赋值}使用展开运算符{ let a,b,rest; ...
2019-04-26 09:06:46 119
原创 分别采用步长、正弦函数两种原生js方法封装处理多个属性的缓动函数
缓动动画首先需要准备的几个函数Math.ceil(); //向上取整Math.floor(); // 向下取整Math.round(); // 四舍五入Math.sin(); // 正弦函数缓动动画的解决方案1.步长采用步长作为速度变化的参考量假设小球从最左侧移动到右侧目标区域,给这段距离作划分,则每一次前进的速度为小球当前位置与目标位置这段距离的的10分之1,即spee...
2019-04-24 21:42:19 271
原创 几个常用的正则表达式和实例,包括用户名、密码等
用户名:只能包括数字字母的组合,长度为4-15位 let reg = /^[A-Za-z0-9]{4,15}$/; console.log(reg.test("Guo123")); //true; console.log(reg.test("Guo123*#$%")); //false;密码:强度正则(?=pattern)是正向肯定预查,匹配满足等号后面的表达式的值 //最...
2019-04-22 22:56:50 10830
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人