随笔分类 - JS相关
摘要：打开chrome开发者工具application，我们可以清楚的看到storage包含以下内容： 什么是cookie? cookie一般是由服务器用Set-Cookie 头给客户端一串字符串 客户端每次访问相同域名的网页时，必须带上这段字符串 客户端要在一段时间内保存这个Cookie Cookie
阅读全文
摘要：听说边学习边总结，进步会比较快~ JS 彻底搞懂 async & defer 判断JS数据类型的四种方法 用 async/await 来处理异步 大白话讲解Promise（一） 一些处理Array的方法 this用法 vue开发笔记 JavaScript 运行机制详解：再谈Event Loop 工具
阅读全文
摘要：原文地址：https://github.com/xiaoyu2er/blog/issues/8 普通 script 先来看一个普通的 script 标签。 <script src="a.js"></script> 浏览器会做如下处理 停止解析 document. 请求 a.js 执行 a.js 中的
阅读全文
摘要：原文地址：https://www.cnblogs.com/onepixel/p/5126046.html 在 ECMAScript 规范中，共定义了 7 种数据类型，分为 基本类型 和 引用类型 两大类，如下所示： 基本类型：String、Number、Boolean、Symbol、Undefine
阅读全文
摘要：原文地址：https://zhuanlan.zhihu.com/p/29418126 内容说明 本文不是关于浏览器渲染的底层原理或前端优化具体细节的讲解，而是关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。这是因为前端优化是一个非常庞大且零散的知识集合，一篇文章如果要写优化的具体方法恐怕
阅读全文
摘要：DOM文档加载的顺序 解析HTML结构 加载脚本和样式表文件 解析并执行脚本代码 DOM树构建完成 // DOMContentLoaded 加载图片、视频等外部文件 页面加载完毕 // load ready 当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready
阅读全文
摘要：说明 export与export default均可用于导出常量、函数、文件、模块等，有什么区别呢？ export的方式 - 1次导出1个或者多个 //a.js export const name = "猫宝宝"; export function cat() { } //b.js import {
阅读全文
摘要：最近项目开发中，在代码中看到require('./routes').default，为什么要添加default呢？于是研究了下。 首先看下代码中的router模块： //router模块 let router = new VueRouter({...}) export default router
阅读全文
摘要：原文地址：https://zhuanlan.zhihu.com/p/38313717 函数防抖与节流是很相似的概念，但它们的应用场景不太一样。 我们先从概念上深刻理解它们。 先说函数防抖，debounce。其概念其实是从机械开关和继电器的“去弹跳”（debounce）衍生出来的，基本思路就是把多个信
阅读全文
摘要：原文地址：https://www.cnblogs.com/pengchen/p/5434705.html 1. 高阶函数的坑 在学习柯里化之前，我们首先来看下面一段代码： var f1 = function(x){ return f(x); }; f1(x); 很多同学都能看出来，这些写是非常傻的，
阅读全文
摘要：容易混淆，决定做下笔记！！！ splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 语法 arrayObject.splice(index,howmany,item1,.....,itemX) 返回值 提示和注释 注释：请注意，splice() 方法与 slice() 方法的作用
阅读全文
摘要：原文：https://zhuanlan.zhihu.com/p/23987456?refer=study-fe 大部分讲 new 的文章会从面向对象的思路讲起，但是我始终认为，在解释一个事物的时候，不应该引入另一个更复杂的事物。 今天我从「省代码」的角度来讲 new。 想象我们在制作一个策略类战争游
阅读全文
摘要：近期项目遇到了vue页面事件被带到下一个页面的问题，也就是我们常说的点透事件，主要表现在android机器上，花了不少时间折腾，简单做下总结~ vue页面之间的切换通过Vue Router的router.push方法 b.vue之前已经访问过，数据通过vuex管理，从a.vue进入到b.vue不再请
阅读全文
摘要：vue.js获取dom元素高度的方法 <div ref="test"></div> let testHeight = this.$refs.test.offsetHeight vue.js中内联样式style、class三元表达式 //style三元表达式 <div :style="{'color'
阅读全文
摘要：原文地址：https://www.cnblogs.com/SamWeb/p/8417940.html 昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，也是需要学习一下了。 先说一下async的用法，它作为
阅读全文
摘要：原文地址：https://www.cnblogs.com/wisewrong/p/9642264.html 一、测试模版 数组去重是一个老生常谈的问题，网上流传着有各种各样的解法 为了测试这些解法的性能，我写了一个测试模版，用来计算数组去重的耗时 这里分别创建了两个长度为 10W 和 5W 的数组
阅读全文
摘要：简单的数组去重是比较简单的，方法也特别多，如给下面的数组去重： 最常用的可以用for循环套for循环，再用splice删除重复的数组： 然而数组的子集为对象时，一般不使用多个for循环来去重，如下面的数组对象： 通过观察，我们可以发现该数组中的第1、3、4项其实是一样的，最初在谷歌找了几个方法最终都
阅读全文
摘要：原文地址：https://www.cnblogs.com/coco1s/p/4833199.html apply、call 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 Ja
阅读全文
摘要：原文地址：https://www.cnblogs.com/lvdabao/p/es6-promise-1.html ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数
阅读全文
摘要：元旦在公司撸码，想起圣诞节的摇摇乐项目有段代码挺有意思的，借着空闲的时间把代码抽出来，沉淀下经验。冬天来了，设计师说摇摇乐的场景需要随机下落的雪花动画，第一时间就想到的方法是canvas比较好，项目非常紧急，然而小程序对canvas支持不够友好，容易在项目中出现无法预估的兼容性问题 ，马上又否定了这
阅读全文