- 博客(5)
- 收藏
- 关注
RSS订阅原创 处理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
501
原创 原生js利用使小球沿抛物线路径到达指定位置
以上是最终运动效果，绿球通过抛物线到达红球的位置（轨迹是为了展现运动效果额外添加的，可删除） html部分就是定义两个div用来表示小球，忽略。进入js部分。 曲线运动原理： 二次函数公式 y= ax²+bx+c 小球在页面上的位置由它的属性 left ，top确定 故将小球的left，top值关联进二次函数式即可。 注意抛物线开口向下，a<0 为避免计算带来的麻烦，这里省去常数c,并...
2019-04-26 22:09:32
895
原创 ES6学习笔记之解构赋值
解构赋值 结构赋值的目的还是为了赋值，等号左右是某一种结构，比如数组，通过元素之间的一一对应达到赋值的效果。在某种情形下也可用于两个变量之间的交换等特殊操作。 解构赋值分类： 数组 对象 字符串 布尔 函数参数 数值 1.数组 : { let a,b; [a,b]=[1,2]; //快速对变量进行赋值 } 使用展开运算符 { let a,b,rest; ...
2019-04-26 09:06:46
91
原创 分别采用步长、正弦函数两种原生js方法封装处理多个属性的缓动函数
缓动动画 首先需要准备的几个函数 Math.ceil(); //向上取整 Math.floor(); // 向下取整 Math.round(); // 四舍五入 Math.sin(); // 正弦函数 缓动动画的解决方案 1.步长 采用步长作为速度变化的参考量 假设小球从最左侧移动到右侧目标区域，给这段距离作划分，则每一次前进的速度为小球当前位置与目标位置这段距离的的10分之1，即 spee...
2019-04-24 21:42:19
259
原创 几个常用的正则表达式和实例，包括用户名、密码等
用户名：只能包括数字字母的组合，长度为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
10805
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人