随笔分类 - js
js相关
摘要：ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，
阅读全文
摘要：方式一，调用函数，得到返回值。强制函数直接量执行再返回一个引用，引用在去调用执行方式二，调用函数，得到返回值。强制运算符使函数调用执行(function(){})(); 是 把函数当作表达式解析，然后执行解析后的函数相当于 var a = function(){}; a(); a得到的是函数(fun
阅读全文
摘要：localStorage 和 sessionStorage 的增删改查： 存储数据： sessionStorage.setItem('key', 'sessionStorage的值'); // 存储数据 1 获取指定键名数据： let dataSession=sessionStorage.getIt
阅读全文
摘要：起因是因为想了解闭包的内存泄露机制，然后想起《js高级程序设计》中有关于垃圾回收机制的解析，之前没有很懂，过一年回头再看就懂了，写篇博客与大家分享一下。 #内存的生命周期： 分配你所需要的内存： 由于字符串、对象等没有固定的大小，js程序在每次创建字符串、对象的时候，程序都会分配内存来存储那个实体。
阅读全文
摘要：（1）函数防抖debounce 函数触发停止一段时间后(期间不能再触发 debounce，否则将重新计时)，再执行回调函数 机制： 防抖函数主要利用定时器的延迟执行特性，根据是否有定时器在等待执行： 触发了一个事件后：如果有一个定时任务待执行，就清除定时器，重新计时。 如果没有任务待执行，就定时执行
阅读全文
摘要：（1）原理介绍 （2）静态布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <style type="text/css"> *{ margin: 0; padding: 0; } li{ list-
阅读全文
摘要：断点调试有两种打点方式 （1）控制台手动打点 （2）代码中添加 debugger打点 .
阅读全文
摘要：（1）手风琴效果 分析： （2）基础缓冲运动 接下来取整 原因： px为计算机识别的最小单位，1px无法再往下拆分。所以css如果取值200.5px，解析时计算机会自动将其改为200px注意：这里的数值并没有四舍五入计算，200.9px最后依然是200px 速度不能是小数，需要取整，所以接下来进行取
阅读全文
摘要：【一】运动基础 （2）基础运动案例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo</title> <style type="text/css"> .parent{ width: 600px; height: 300p
阅读全文
摘要：（1）浏览器解析 URL 为了能让我们的知识层面看起来更有深度，我们应该考虑下面两个问题了： 从浏览器输入 URL 到渲染成功的过程中，究竟发生了什么？ 浏览器渲染过程中，发生了什么，是不是也有重绘与回流？ OK，兴致来了，我们就先从 浏览器解析 URL 看起，先来看看当用户输入 URL，到浏览器呈
阅读全文
摘要：在说浏览器渲染页面之前，我们需要先了解两个点，一个叫 浏览器解析 URL，另一个就是本章节将涉及的 重绘与回流： 重绘(repaint)：当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时由于只需要 UI 层面的重新像素绘制，因此损耗较少。 常见的重绘操作有： 改变元素颜色 改变元素
阅读全文
摘要：说完防抖，下面我们讲讲节流，规矩就不说了，先上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-sc
阅读全文
摘要：【前言】 在工作中，我们可能碰到这样的问题： 用户在搜索的时候，在不停敲字，如果每敲一个字我们就要调一次接口，接口调用太频繁，给卡住了。 用户在阅读文章的时候，我们需要监听用户滚动到了哪个标题，但是每滚动一下就监听，那样会太过频繁从而占内存，如果再加上其他的业务代码，就卡住了。 所以，这时候，我们就
阅读全文
摘要：前言 据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 概念和例子 函数防抖(debounce) 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 看一个🌰（栗子）： //模
阅读全文
摘要：隐式类型转换 四则运算 判断语句 toString 在 JavaScript 中声明变量不需指定类型，对变量赋值也没有类型检查，同时还允许隐式类型转换。 这些特征说明 JavaScript 属于弱类型的语言。 在强类型的 C++ 中，多数情况下构造函数需要声明为 explicit 来禁止隐式类型转换
阅读全文
摘要：任何一个对象都有toString()方法(默认继承自Object，自己可以重写)，此方法返回一个字符串。 var sayYo = function () { alert("sayYo2!"); } console.log(sayYo); 输出打印值为函数体 科普： 实际打印的是：sayYo.toSt
阅读全文
摘要：今天在跟踪调试项目的代码时，发现在一个function中用到了这么一段[].slice.call(arguments, 1) 的代码。心中便起了疑惑，对于slice 和 call 的方法，倒是不怎么陌生，解析了下上面的那段代码，就是为了获取arguments 从1 开始到结尾的所有元素。只是觉得奇怪
阅读全文
摘要：类数组（Array-like）对象 slice 方法可以用来将一个类数组（Array-like）对象/集合转换成一个新数组。你只需将该方法绑定到这个对象上。 一个函数中的 arguments 就是一个类数组对象的例子。 function list() { return Array.prototype
阅读全文
摘要：类数组对象：arguments总所周知，js是一门相当灵活的语言。当我们在js中在调用一个函数的时候，我们经常会给这个函数传递一些参数，js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面，那么这到底是什么东西？ 在js中万物皆对象，甚至数组字符串函数都是对象。所以这个叫做arg
阅读全文
摘要：apply 和 call 的区别 ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法，它们的应用非常广泛，它们的作用也是一模一样，只是传参的形式有区别而已。 apply( ) apply 方法传入两个参数：一个是作为函数上下文的对象，另外一个是作为函数参数所组成的数组。
阅读全文
浙公网安备 33010602011771号