盼你归来_仍是少年

我们知道 input 标签的 file 属性，在没有选择文件的情况下，其后默认显示一条文字“未选择任何文件”。在选择文件后，该条文字会变成路径和文件的名称。 查阅了一些资料，并没有直接修改的捷径，只能使用另一个input标签模拟实现一个自定义效果。附上代码如下:

第一准则是：this永远指向函数运行时所在的对象，而不是函数被创建时所在的对象（箭头函数则相反）。 既然this指向取决于函数调用时的位置，那我们先看看如何确认调用位置。 首先介绍一下什么是调用栈和调用位置。 完成了第一步：确定了函数的调用位置，下面看看第二步 this的四个绑…

因为 for...of 内部处理的机制和 forEach 不同，forEach 是直接调用回调函数，for...of 是通过迭代器的方式去遍历。 可能有的读者会对aaa的输出位置有疑问，本文异步请求中涉及setTimeout，因此牵扯到JS引擎的执行机制（宏任务和微任务）。故在…

上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突…

随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。 嗯，这样看起来…

在这篇文章中，我将介绍ES2018（ES9）的新特性，并介绍如何使用它们。 JavaScript（ECMAScript）是跨多个平台的许多厂商实施的不断发展的标准。ES6（ECMAScript 2015）花费六年的时间敲定，是一个很大的发行版。新的年度发布流程被制定，以简化流程…

浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制。 作用是在短时间内多次触发同一个函数，只执行最后一次，或者只在开始时执行…