- 博客(4)
- 收藏
- 关注
RSS订阅原创 js 数组reduce()方法详解
1. 前言reduce是一个很美妙的函数，不仅因为它好用，也因为它也蕴含了Redux的哲学，对理解Redux中的reducer也有很大的帮助2. 思考先抛出一个问题，如何实现数组求和？const arr = [1, 3, 5, 9, 20] // 求和问题很简单，一个简单的解决方案如下：let sum = 0for (let i = 0; i < arr.length; i+...
2019-06-15 17:52:46
250
原创 js实现拖拽效果（二）：面向对象封装
1. 前言在上一篇文章中，已经实现了拖拽的效果，但并不利用复用，我们使用面向对象的方式，将代码重构一遍。2. 代码(function() { function Drag(selector) { // 传进来的如果是DOM对象则不用再查找 this.elem = typeof selector == 'object' ? selector : docum...
2019-06-14 14:47:28
303
原创 js实现拖拽效果（一）：原理实现
1. 原理JS 拖拽一个元素的原理：首先要明白三个值鼠标的位置A = {x, y}盒子的位置B = {x, y}鼠标在盒子内的距离C = {A.x - B.x, A.y - B.y}涉及到三个鼠标事件鼠标按下时，mousedown鼠标移动时，mousemove鼠标松开时，mouseup然后就可以开始讲明实现过程了鼠标按下的时候，计算出C，鼠标在盒子里距离（鼠标位置 ...
2019-06-14 12:56:51
353
原创 js获取元素的left和top值方法总结
方法一：使用obj.style.left和obj.style.top该方法获取到的样式可读可写但是这种方法有局限性，仅能获取行内样式中的left，right。如果写在了style标签里，或者link引入的css文件中，则获取不到方法二：使用window.getComputedStyle该方法接收两个参数第一个参数是，要获取样式的元素第二个是可选参数，要匹配的伪元素的字符串用法...
2019-06-14 10:49:27
14898
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人