日常开发中积累了不少可能对一些开发有帮助的简单易用的组件，好记性不如烂笔头，想对过去的一些零零乱乱的东西做一些总结，反省自己的同时也便于思考一些更优的方法，提升下开发思维???。 代码传送门（?感觉有作用的的同学帮忙点下❤️️） 效果截图 ...

作者：鱼头的Web海洋 公号 / 陈大鱼头 （本文转载自前端大全） 介绍 ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为JavaS ...

大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 计划 rollup系列打算一章一章的放出，内容更精简更专一更易于 ...

css中的单位很多，%、px、em、rem、vw、vh等。每个单位都用特点的用途，比如当需要设置一个矩形的宽高比是16:9,并且随屏幕宽度自适应时，除了%,其他的单位都很难做到，所以说不存在某个单位是错误的，某个单位是最好的这种说法。 本文 ...

前言 好的书本分章节、好的代码分模块，那么好的架构该如何定义呢？ 咳咳，不要意思，题目起大了~~ 小生之辈，岂敢以架构而论。 不过话说来，很多人都认为前端无非就是 HTML+CSS+JS,一个目录一类文件，有何架构可言。但是我想说。。。。你 ...

自己一个人整前端开发的时候，规范都是想起哪是哪。现在人多了，不能一个人一个js规范。目前的项目基本都是基于VUE的项目，遂用eslint来约定项目中的js代码。 1.vue项目里 .eslintrc.js vue本身有一些默认的规则，根据 ...

文章首发于个人博客 导读 导图 this 记得差不多在两年多之前写过一篇文章 两句话理解js中的this，当时总结的两句话原话是这样的： 普通函数指向函数的调用者：有个简便的方法就是看函数前面有没有点，如果有点，那么就指向点前面的那个值; ...

一、编译器、引擎、作用域 众所周知，JavaScript是一门编译语言，简单的说，任何JavaScript代码片段在执行前都要进行编译 以片段var a = 2做一个示例、JavaScript编译器首先会对var a = 2这段程序进行编译 ...

一、词法阶段 词法作用域，就是定义在词法阶段的作用域，也是你再写代码时将变量和块作用域写在哪里来决定的。 看下如下代码 function foo(a){ var b = a * 2 function bar (c){ con ...

一、this的绑定规则 针对于函数来来说，this的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式，它指向什么完全取决于函数在哪里被调用。 当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函数在哪里 ...