- 博客(9)
- 收藏
- 关注
RSS订阅
1原创 原生JS实现Array.prototype.reduce()方法
官方文档解释：定义：Array.prototype.reduce()reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。参数：callback执行数组中每个值(如果没有提供initialValue则第一个值除外)的函数，包含四个参数： accumulator：累计器累计回调的返回值; 它是上一次调用回调时返回的累积值，或initialValue（见于下方）。...
2021-11-12 19:07:54
1094
原创 原生JS实现filter()方法
定义：Array.prototype.filter()filter()方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。参数：callback用来测试数组的每个元素的函数。返回true表示该元素通过测试，保留该元素，false则不保留。它接受以下三个参数：element数组中当前正在处理的元素。index可选正在处理的元素在数组中的索引。array可选调用了filter的数组本身。thisArg可选执行callback时，用...
2021-11-06 15:31:40
754
原创 原生JS实现slice方法
定义：Array.prototype.slice()slice()方法返回一个新的数组对象，这一对象是一个由begin和end决定的原数组的浅拷贝（包括begin，不包括end）。原始数组不会被改变参数：begin（可选）提取起始处的索引（从0开始），从该索引开始提取原数组元素。end（可选）...
2021-11-02 22:08:31
501
原创 canvas时钟
效果图代码如下：<body> <canvas id="mycanvas" width="500" height="500" style="border: 1px solid #000;background-color: pink;"></canvas> <script> var mycanvas = document.getElementById("mycanvas"); var context .
2021-09-27 21:46:00
71
原创 canvas太极八卦图
我们在画太极图时，首先得知道思路是怎样的1、先画一个大圆；2、大圆两边分别是颜色黑、白的半圆；3、然后再是两个小圆组成的弧形；4、再是更小的圆组成的小圆点。好的，理清了思路，我们就开始写了获取canvas元素var myCanvas = document.getElementById('myCanvas');创建画布对象var context = myCanvas.getContext('2d');canvas元素本身是不具备绘图能力的，我们要通过getCont.
2021-09-23 18:02:55
230
原创 模拟滚动条的实现
冲冲冲在实现滚动条之前，我们得先理清楚几个概念问题：属性名称 说明 clientX 点击位置距离当前body可视区域的x坐标 clientY 点击位置距离当前body可视区域的y坐标 screenX 点击位置距离当前电脑屏幕的x坐标 screenY 点击位置距离当前电脑屏幕的y坐标 pageX 对于整个页面来说，包括了被卷去的body部分的宽度 pageY 对于整个页面来说，包括了被卷去的body部分的高度 offsetX
2021-09-16 22:44:09
531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人