一看到javascript中的prototype、__proto__、constructor这些单词是不是有点懵呢？网上有很多高大上的原型链的讲解图，例如下面的这张： 首先把他列出来不是说他不好，只是作为一个对比，我觉得用实例的方式去剖析更…

模块化开发是当下最重要的前端开发规范之一，随着项目需求日益复杂，前端代码已经膨胀到需要花费大量时间去管理的程度，模块化是最主流的解决方式，通过将代码按照功能进行拆分，从而降低开发复杂度。 模块化是一种理论思想，并不包含具体的实现，接下来我们…

首先说一下这个需求的应用场景： 上图中，需要在文本框中插入一个词条，词条是服务端获取的，我们需要使用鼠标指定需要插入词条的位置。 从前端的角度来说，问题的点就是：当表单失去焦点时，我们要获取它失去焦点前在文本字符串中的位置，获取到了这个位置…

1、名称解释： IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。 2、存在的原因以及用法 在javascript（ES5）中，是…

还记得当年不懂vi/vim操作命令的时候，不小心打开了一个文件并且进入了编辑模式，然后就各种乱点，最终也没有实现保存、编辑和退出，当时真的很尴尬，想着这个到底是什么gui啊 看了一下网上的很多常用命令，确实都很常用，但是还不够精简，所以我就…

首先来看一下报错的源码，大概意思是nodejs不支持import语法，如果要支持，需要babel来支持。 SyntaxError: Cannot use import statement outside a module?[90m at M…

今天群里有个小伙伴问了这样的一个问题，vue中动态给img赋值，路径怎么写？相对路径和绝对路径都找不到。作为过来人，立马想到的就是，他可能没有搞懂vue中assets和static目录的区别。 在vue的目录结构中，static是静态资源目…

什么是js防抖函数？什么是js节流函数？说句让大家见笑的话，前端搞了3年多，不知道什么是js防抖函数节流函数，是不是有些丢人，哈哈！如果不是看看面试题，我将继续丢人中，为什么呢？首先这种场景不常见，其次，即使你能解决这类场景，你不一定知道它…

首先我们可以体验一下js拖拽的效果，鼠标点击红色正方形，拖拽即可 点击拖拽 第一步：获取元素var dv = document.getElementById(‘dv’);var x = 0;var y = 0;var…

一键复制其实在应用型网站中经常会用到，原理其实也是很简单的第一步：创建一个textarea元素。var textArea = document.createElement(“textarea”); 第二步：给新创建的…