摘要：一、var 在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量 注意：顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象 var a = 10; console.log(window.a) // 10 使用var声明的变量存在变 阅读全文

摘要：开篇语 忽然有一种感觉，每次学习一个知识点就像是谈一场恋爱：从初次邂逅，到彼此了解，一切都那么的符合恋爱的过程！ 如果这个知识点再有点”调皮“的话，那简直是让人欲仙欲死而又不可自拔！因为你永远不知道它还有多少面纱等着你揭开，当你自以为对它已经足够了解的时候，冷不防就是一个盲点迎面砸来。 它简直就像一 阅读全文

摘要：纸上得来终觉浅，绝知此事要躬行。哪怕是平时一个不起眼的小知识，我们也需要以认真的态度去学习，否则，说不定什么时候就会踩到坑，伤害到彼此！ 前戏 不管文章水不水，前戏都必须做足，否则写不下去啊，O(∩_∩)O哈哈~ 之前发布了《前端 JavaScript 之『防抖』的简单代码实现》这篇文章之后，有一位 阅读全文

摘要：往事不堪回首 犹记在很久之前的某次面试中，和那技术大哥谈的正欢呢，冷不防他来了句：谈一谈防抖和节流吧。 抹了把凉汗，我用颤抖的、不自信的语气回答道：呃，防抖就是应该是防止抖动的意思，节流大概是节省流量吧…… 当时，我的心理活动是这样的： 当年心理素质是真的差，这个坎没翻过去，最后的结果就是： 知耻而 阅读全文

摘要：本随笔与我掘金文章同步 https://juejin.cn/post/6964263280307077128 let和const ES6新增了let关键字，它和var关键字的区别如下： let声明的变量只在其代码块内有效； var声明的变量，在全局范围内有效； var声明的变量可以在声明前使用，而l 阅读全文

摘要：参考资料：https://www.webpackjs.com/（中文文档） https://www.webpackjs.com/（官方文档） 首先有必要说明一下，本文侧重讲解webpack基本配置属性，不附带实例，将会以通俗易懂的形式地讲解；如若需要实例进行相关练习，可将本文作为理论基础； Webp 阅读全文

摘要：javaScript是单线程的语言： 众所周知，javaScript是一门单线程语言；何为单线程？我的理解是：同一时间只能做同一件事；单线程在程序执行时，所走的程序路径按照连续顺序排下来，前面的必须处理好，后面的才会执行。 白话解释： 假如去某银行办理业务，某银行的单次业务接待总量为100个客户，但 阅读全文

摘要：本文开始我会围绕webpack和babel写一系列的工程化文章，这两个工具我虽然天天用，但是对他们的原理理解的其实不是很深入，写这些文章的过程其实也是我深入学习的过程。由于webpack和babel的体系太大，知识点众多，不可能一篇文章囊括所有知识点，目前我的计划是从简单入手，先实现一个最简单的可以 阅读全文

摘要：思路： 一.首先监听触发事件。 比如：向上键对应的keyCode为38，向下键对应的keyCode为40，向左键对应的keyCode为37，向右键对应的keyCode为39，空格键对应的keyCode为32， 其他的keyCode可以通过 console.log("keyCode:" + event 阅读全文

摘要：目录 1、方式一：通过字符串截取的方式获取参数值； 2、方式二：通过正则获取到参数值； 正文 回到顶部 1、方式一：通过字符串截取的方式获取参数值； 函数一：获取URL中的参数名及参数值的集合 1 /** 2 * [获取URL中的参数名及参数值的集合] 3 * 示例URL:http://htmlJs 阅读全文

摘要：引言 我们经常会碰到树形数据结构，比如组织层级、省市县或者动植物分类等等数据。下面是一个树形结构的例子： 在实际应用中，比较常见的做法是将这些信息存储为下面的结构，特别是当存在1对多的父/子节点关系时： const data = [ { id: 56, parentId: 62 }, { id: 8 阅读全文

摘要：fetch是web提供的一个可以获取异步资源的api，目前还没有被所有浏览器支持，它提供的api返回的是Promise对象，所以你在了解这个api前首先得了解Promise的用法。 参考：阮老师的文章 ，另外也可查看我的转载：Promise 对象 （由于很多公司内网，对部分网站进行了过滤、封锁，导致 阅读全文

摘要：Promise 对象 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 目录 概述 Promise 对象的状态 Promise 构造函数 Promise.prototype.then() then() 用法辨析 Promise 的实例 加载图片 Ajax 操作 小结 微任务 参 阅读全文

摘要：JavaScript(或ECMA Script) 是一门不断发展的语言，有许多关于如何前进的建议和想法。TC39(技术委员会39)是负责定义JS标准和特性的委员会，今年他们非常活跃。以下是目前处于“Stage 3阶段”的一些提案摘要，这是“完成”之前的最后一个阶段。这意味着这些特性将很快在浏览器和其 阅读全文

摘要：不少人有五年的 JavaScript 经验，但实际上可能只是一年的经验重复用了五次而已。完成同样的逻辑和功能，有人可以写出意大利面条一样的代码，也有人两三行简洁清晰的代码就搞定了。简洁的代码不但方便阅读，还能减少复杂逻辑和出错的可能性。本文就介绍一些常用的JavaScript简化技巧，日常开发都用得 阅读全文

摘要：There are only two hard things in Computer Science: cache invalidation and naming things. 计算机科学领域只有两大难题：缓存失效和命名。 -- Phil Karlton 相信不少程序员都为变量命名这个问题伤透了脑 阅读全文

摘要：箭头函数也叫lambda表达式 据说其主要意图是定义轻量级的内联回调函数。 格式：x => {表达式} 说明：=和>之间不能有空格等其他字符，而=>字符前后，可以有空格。 例如有： 1 var arr = ["wei","ze","yang"];2 arr.map(item=>"Mr."+item) 阅读全文

摘要：事件绑定方式：将对html元素或窗口的操作绑定给响应函数的方式。共四种方式 Html级别绑定 符合DOM0 级的事件绑定方式 符合DOM2 Html级别绑定 无法设置事件流 <script> function a(){ //好的习惯，把整个网页上所有的事件绑定程序，聚集在一个函数中 alert("n 阅读全文

摘要：不能说的秘密——前端也能玩的图片隐写术 上个月在千里码刷题的时候，碰到了比较有意思的一道题—— 隐写术。既然感觉有意思，又很久没有玩过 canvas，所以今天结合这两块内容带大家探索一下。 隐写术算是一种加密技术，权威的 wiki 说法是“ 隐写术是一门关于信息隐藏的技巧与科学，所谓信息隐藏指的是不 阅读全文

摘要：翻译原文：http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/ 作者：Addy Osmani 译者按：本人第一次翻译外文，言语难免有些晦涩，但尽量表达了作者的原意，未经过多的润色 阅读全文