使用伪元素和元素的颜色差，让伪元素向我们的方向移动，实现影子效果。 使用transform属性，计算每一个块元素的位置组成一个数字。 使用transition属性给line::before和line::after设置过度动画。 通过css属性选择器，获取自定义属性的值。通过变换…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

在每个项目的根目录下面，一般都会有一个 package.json 文件，其定义了运行项目所需要的各种依赖和项目的配置信息（如名称、版本、许可证等元数据）。 使用scripts字段指定运行脚本命令的 npm 命令行缩写。 其实，package.json 的作用远不止于此，我们可以…

面向对象思想和原型链面向对象的三大特征继承的方式混入式继承替换原型式继承混合式原型继承原型链原型对象

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读者带着批判性的眼光来阅读本文。 本文相关的优化建议的引用资料出处均会在建议后面给出，或者放在文末。 1. …

用于存放各种函数的执行环境，每一个函数执行之前，它的相关信息会加入到执行栈。函数调用之前，创建执行环境，然后加入到执行栈；函数调用之后，销毁执行环境。每次 js 引擎执行的都是执行栈顶的代码。 任务分类： 在 JavaScript 中，函数分为两种，一种是同步执行，一种是异步执…

想要了解JavaScript引擎，首先我们从它的运行机制Event Loop来说起。 首先科普一些基础知识。 应用程序的执行实例，每一个进程都是由私有的虚拟地址空间、代码、数据和其他系统资源所组成。 线程是进程内的一个独立执行单元，在不同的线程之间是可以共享进程资源的。 有句老…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，为了避免尴尬，我盯着面试官的眉毛中间，不过面试官明显对我的经历不…

React 前端框架的受欢迎程度丝毫木有减弱的迹象，全国许多城市对开发人员仍供不应求。对于经验不足的开发人员（或那些已经失业了一段时间的开发人员），在面试阶段展示您的知识可能会令人生畏。 在本文中，我们将探讨18道面试必考题，这些问题涵盖了对理解和有效使用 React 技术至关…