苏水轩

手动实现debounce： 闭包缓存 timer， 再次触发时清除timer重新timeout赋值timer。 手动实现throttle： 闭包缓存 new date()， 再次触发时比较缓存date

前言 两年前我在面试的时候，现在这家公司的面试官问了我一个基础的问题，什么是闭包？ 我：回答一个函数内部中定义的函数，可以对其包裹的外层函数所在作用域进行变量访问。 面试官：函数出栈后其函数和它下面申

前端性能优化中很重要的一环就是缓存，浏览器向服务器发起请求，这个请求会经历浏览器发起网络请求，服务器处理，浏览器响应三个步骤。浏览器缓存起到的作用即是节省了一三步骤的时间，比如直接从本地内存或是硬盘中读取缓存不发起请求或者发起请求后端发现数据与前端一致则无需传送数据回来继续从缓…

初学js踩过最多的坑是什么，有人说是隐式转换，有人说是this改变，而对我而言，是异步函数。有很多次，被卡在空数据报错里，于是学会了默认值赋值，学会了深层判空，学会了通过异步回调来同步和异步加载数据或者控制状态的加载。 而这里，不可避免的就要学习es6所推崇的promise异步…

随着js编程进入工程化纪元，代码模块化，组件化，成为工程的具体落地方法。 最近使用vue全家桶做了一个类似于iconfont的网站，在做的过程中关于组件有了一些思考和总结，为了巩固，写个小结。 最基本的组件由一个.vue文件构成，其中包含了基本的tempplate，script…

电脑中一个很重要的部件是内存条，绝大多数时候我们在操控一部分ram运行我们的程序，于是就涉及到了堆栈的概念，鉴于总是记不住要查，写一篇比较简单的来记一下堆栈。 堆栈是一个计算机专用术语，在数据结构里它代表着两种数据的操作方式，在内存维度里代表着两种不同的缓存方式和分配。 栈(s…

updateContent: 当aysnc下的await被包裹在花括号时.. 根据promise对象的第一特征，除了异步操作可以影响其状态，其他外界操作都不能影响，表示一种承诺，即其他手段无法改变。 1. 对象状态不受外界影响，三种状态为： pengding, fulfille…

从一开始，js有一个执行栈（stack）中存放了该页面所有的代码即该页面主线程，当执行遇到异步操作（async）时，浏览器的webcore模块（如network,timer,domBinding模块等）将其放置到一个幕后线程中等待，然后浏览器接着执行主线程，当幕后线程中的代码准…

在一些日常的问题中，start模式几乎是解决问题最简洁和有效的方法了。今天就来详细解析一下这个模式。 上面是star模式的主要四个步骤关键词。顾名思义，也就知道每一步的主要重心了。接下来展示一个实际场景化应用示例。 觉得star的每个含义记起来不够简洁， 今天刚好在别人的总结里…