js语法
关注
分享
扫一扫
文章平均质量分 70
checkMa
雪千山，何处寻得，人间春色
展开
-
如何捕捉H5端的快速滑动动作
在一些H5触摸屏的项目需求中，经常会出现需要捕捉手指在屏幕中快速滑动动作的需求。然而，往往这个需求也同时需要兼容慢慢滑动这个需求。比如picker相关系列的组件，都有这个功能点。那么，他们是怎么实现的呢？原创 2023-04-11 19:27:25 · 774 阅读 · 1 评论 -
js大量数据计算性能优化
js大量数据计算性能优化测试相关内容1. forEach和for循环2. `indexOf`的效率问题3. 遍历时的浅拷贝4. filter和for的性能比较15. filter和for的性能比较26. 数据去重问题1 (数组去重)7. 数据去重问题2 (数组对象去重)测试相关内容浏览器版本：Chrome 89.0+ECMAScript： ES5+测试结果：多次测试随机取值数据量：100万或1000万–备注–由于是做大量数据计算的性能优化，基本不考虑百万级数据以下的计算。本次测试是为了检原创 2021-06-25 14:11:10 · 6205 阅读 · 1 评论 -
js中快速排序的优化历程
对sort的疑惑自从es6出现后，我们不知不觉就用上了sort进行排序，毕竟人家又快又好。那么sort究竟怎么实现的呢？参考了一下大佬的文章（三种快速排序以及快速排序的优化），我便悄悄拿起了键盘。思路分析这些我就不写了，请移步大佬博客参照，由于大佬使用的java代码，我便用js来进行验证一下。排序条件以及优化结果根据大佬的分析，数组排序要面对的有以下四种情况，我们用1w个随机值为例进行一下测试，结果如下:提示：由于每次随机值不一样，测试结果有一定出入，但大致应该差不多数组情况随机数组原创 2021-01-27 19:08:02 · 621 阅读 · 0 评论 -
js的防抖函数做了什么
用途在开发中经常会遇到一些频繁的事件触发，如 onscroll，oninput 之类的等事件。其实为了实现我们最终的功能，频繁触发的事件也许只有最后一次触发才是我们想要的，那么防抖函数就是干这个用途的。我们给它一个时间，告诉该函数，当前设定的时间内，只执行一次该函数，这样就减少了非必要事件的执行。案例现在我们设定一个案例来实践一下，比如说，我们在一次滚动事件，只想要滚动的最终值。<!DOCTYPE html><html> <head> <meta c原创 2020-12-22 17:01:18 · 162 阅读 · 2 评论 -
使用简单的js实现圆弧布局
使用简单js实现圆弧布局如图所示效果代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <style> #circle{ width: 3原创 2020-07-23 16:43:53 · 2121 阅读 · 2 评论 -
html滚动的秘密
前言今天偶然发现一个从没见过的原生api ：scrollIntoView()，遂去查询了MDN。原来是 Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。于是又跑回去研究了一番html滚动效果，下面是三个测试案例小测试案例<!DOCTYPE html><html> <head> <meta ch...原创 2020-02-27 15:39:01 · 214 阅读 · 0 评论 -
关于promise的一点小思考
问题用了很久的promisele ,今天居然被一个小问题难倒了，先上代码，观察他们的执行顺序问题代码var p1 = new Promise(function(resloved, rejected){ setTimeout(function(){ resloved("success 111") }, 3000) })var p2 = new Promise(functi...原创 2020-01-22 17:55:02 · 161 阅读 · 0 评论 -
js中常用的遍历方法
js中常用的遍历方法记录一下js中常见的遍历方法，以免突然想不起常见的需要遍历的目标 // 数组 var a = [ 1, 2, 3 ]; // 数组含对象 var b = [ {a:1}, {b:2}, {c:3} ]; // 纯对象 var obj = { a:1, b:2, c:3 };1、for(let ; ; ) 最常见的用法这个用法可以解决大部分遍历问题 for...原创 2018-12-05 17:57:16 · 571 阅读 · 2 评论 -
js数组去重效率测试
js数组去重效率测试最近一次面试遇到了一个问题,用原生js至少实现三种数思路,巴拉巴拉…,描述完毕.另一个问题又来了,请分析一下哪一种的效率最高,当时我就想,应该越是原生的代码,效率应该越高吧.然后就现实并非如此,面试自然也就无疾而终,然后我回家做了一番测试,结果如下1 双层遍历 default: 7.007080078125ms2 排序去重default: 43.74389648437...原创 2019-05-11 11:34:50 · 382 阅读 · 0 评论