javascript
Liveuol
这个作者很懒,什么都没留下…
展开
-
移动端上传图片
移动端上传图片组件:van-uploader。原创 2022-08-29 10:42:38 · 255 阅读 · 1 评论 -
原生JS实现Array.prototype.reduce()方法
官方文档解释:定义:Array.prototype.reduce()reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。参数:callback执行数组中每个值(如果没有提供initialValue则第一个值除外)的函数,包含四个参数: accumulator:累计器累计回调的返回值; 它是上一次调用回调时返回的累积值,或initialValue(见于下方)。...原创 2021-11-12 19:07:54 · 1072 阅读 · 0 评论 -
原生JS实现filter()方法
定义:Array.prototype.filter()filter()方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。参数:callback用来测试数组的每个元素的函数。返回true表示该元素通过测试,保留该元素,false则不保留。它接受以下三个参数:element数组中当前正在处理的元素。index可选正在处理的元素在数组中的索引。array可选调用了filter的数组本身。thisArg可选执行callback时,用...原创 2021-11-06 15:31:40 · 728 阅读 · 0 评论 -
原生JS实现slice方法
定义:Array.prototype.slice()slice()方法返回一个新的数组对象,这一对象是一个由begin和end决定的原数组的浅拷贝(包括begin,不包括end)。原始数组不会被改变参数:begin(可选)提取起始处的索引(从0开始),从该索引开始提取原数组元素。end(可选)...原创 2021-11-02 22:08:31 · 457 阅读 · 0 评论 -
JS深拷贝的几种方法
深拷贝原创 2021-10-17 16:52:24 · 187 阅读 · 0 评论 -
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 · 60 阅读 · 0 评论 -
JavaScript基础逻辑题
111原创 2021-08-30 12:35:57 · 197 阅读 · 0 评论 -
canvas太极八卦图
我们在画太极图时,首先得知道思路是怎样的1、先画一个大圆;2、大圆两边分别是颜色黑、白的半圆;3、然后再是两个小圆组成的弧形;4、再是更小的圆组成的小圆点。好的,理清了思路,我们就开始写了获取canvas元素var myCanvas = document.getElementById('myCanvas');创建画布对象var context = myCanvas.getContext('2d');canvas元素本身是不具备绘图能力的,我们要通过getCont.原创 2021-09-23 18:02:55 · 200 阅读 · 0 评论 -
模拟滚动条的实现
冲冲冲在实现滚动条之前,我们得先理清楚几个概念问题:属性名称 说明 clientX 点击位置距离当前body可视区域的x坐标 clientY 点击位置距离当前body可视区域的y坐标 screenX 点击位置距离当前电脑屏幕的x坐标 screenY 点击位置距离当前电脑屏幕的y坐标 pageX 对于整个页面来说,包括了被卷去的body部分的宽度 pageY 对于整个页面来说,包括了被卷去的body部分的高度 offsetX原创 2021-09-16 22:44:09 · 510 阅读 · 0 评论