![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js性能优化
文章平均质量分 58
菜鸡的全栈路
本博客仅供自己在学习、工作的过程中记录、总结,以便日后复习。当然本着开源的精神,如果能帮助到他人,也是一件很高兴的事情。
展开
-
你不知道的js——纯函数及其作用(函数式编程思想)
你不知道的js——纯函数及其作用(函数式编程思想)首先关于纯函数:人话是: 不依赖、不修改其作用域之外的函数 (纯函数一定要有return)写一个简单的纯函数,例如:function(a,b){ return a+b;}在上一段代码:var arr = [{name:'tan'}];function add(_arr){ var obj = {myLoveNam...原创 2019-02-14 18:03:28 · 1055 阅读 · 1 评论 -
你不知道的js——bind功能及实现
假如有下列代码function A(){} var o = {}; var x = 1; var y = 2; var z = 3; var B = A.bind(o,x,y); B('c') 首先,bing函数的作用:函数A调用bind方法时,需要传递的参数为 o, x, y,z..... 返回新的函数B 函数B在执行时,实际的函数功能还是A的功能,只不过函数内...原创 2019-02-14 18:06:48 · 248 阅读 · 0 评论 -
不知道的js——性能优化之函数记忆
说优化之前,先讲点题外话首先利用递归计算数的阶乘,话不多说上代码:var count = 0;function factorial(num){ count++; //此处利用count计算此函数被调用的次数 if( num == 0 || num == 1){ return 1; } return num * factorial(num...原创 2019-02-15 21:18:32 · 261 阅读 · 0 评论 -
不知道的js——函数防抖与节流
老规矩,什么是防抖?(节流在下面)首先,在某些界面中有些用户行为会被频繁触发,而这些行为往往又伴随着DOM操作、AJAX请求等涉及页面重绘重排这些耗费性能的处理,极可能导致界面卡顿,甚至浏览器奔溃,例如:使用百度搜索学习资源时,当向输入框输入 搜索词 后,才会在搜索框推荐与你搜索词相关的字词。而不是你每输入一个字就推荐一下。函数防抖就是解决实时搜索(kepup)、拖拽(mousemov...原创 2019-02-16 00:28:47 · 416 阅读 · 0 评论 -
防抖节流源码实现
关于防抖节流基础介绍及基础实现参见上篇博客:函数防抖与节流,本节为扩展功能源码防抖源码封装:<!DOCTYPE html><html><head> <title></title></head><body> <input type="text" name=""> <button&g...原创 2019-04-10 16:23:17 · 662 阅读 · 0 评论 -
高质量代码规范及架构思维
写出JQuery架构简单分析jquery通过调用入口模块,创建工厂,将功能模块的功能注入到jquery对象中,而功能模块通过多个模块通过extends继承,互不影响。jquery的模块分离、接口模块的设计正是值得学习的地方。// jQuery整体上被包裹在一个匿名函数中,这个匿名函数再作为另一个匿名函数的参数被传入.(function(window){ var ...原创 2019-06-29 23:14:53 · 355 阅读 · 0 评论