官方推荐

进一步了解他 async 和 await，不仅仅知道他的使用

这句话已经成为面试官口中的高频面试题，作为前端开发的我们，你真的搞懂了 this 指向了吗？快来跟我一起来查漏补缺吧！通过几个小案例让大家更能直白的理解 this 指向。

在开发阶段有一个不成文的规定则是 `项目开发后端先行` 但是作为前端开发工程师的我们，难道在搭建完页面后只能等待后端的接口么？这样的话我们则完全被后端开发限制住了。

你是否也是只会运用框架中集成好的Webpack配置呢？你明白每一项的意义么？你懂多少Webpack的个性化配置项呢？本篇文章为你讲解Webpack中的各种配置项参数及作用！

文章目录1. 线程与进程1.1 进程:1.2. 线程:1.3. 关系2. 浏览器内核模块组成4. 事件循环机制5. 缓存5.1. 缓存理解5.2. 缓存分类5.3. 缓存使用示意图5.4. 缓存中的header参数写在最后1. 线程与进程1.1 进程:进程是计算机中的程序关于某数据集合上的一次运行活动，是系统进行资源分配和调度的基本单位，是操作系统结构的基础。1.2. 线程:线程是操作系统能够进行运算调度的最小单位，被包含在进程之中，是进程中的实际运作单位。一条线程指的是进程中一个单一顺序的控制

本篇学习目标✨了解函数（高级）原型原型链概念\textcolor{green}{了解函数（高级）原型原型链概念}了解函数（高级）原型原型链概念 ✨掌握函数作用域\textcolor{green}{掌握函数作用域}掌握函数作用域 ✨掌握闭包的使用与缺点\textcolor{green}{掌握闭包的使用与缺点}掌握闭包的使用与缺点 ✨了解js对象高级尝试\textcolor{green}{了解js对象高级尝试}了解js对象高级尝试 ✨掌握对象的几种创建形式\textcolor{green}{掌握对象

文章目录css图层图层创建的条件重绘(Repaint)回流触发重绘的属性触发回流的属性常见的触发回流的操作优化方案requestAnimationFrame----请求动画帧写在最后css图层浏览器在渲染一个页面时，会将页面分为很多个图层，图层有大有小，每个图层上有一个或多个节点。也就是我们各种各样的Dom标签在渲染DOM的时候，浏览器所做的工作实际上是：1. 获取DOM后分割为多个图层2. 对每个图层的节点计算样式结果 （Recalculate style–样式重计算）3. 为每个节点生

文章目录框架特性express的使用初始化项目：下载框架模块：测试代码：总结以上代码：请求处理的中间件概念：中间件——app.use基本用法：next的用法app.use中间件的应用路由的保护网站维护公告自定义404（当用户输入与路由不匹配网址时）错误处理中间件同步错误处理总结上面代码：异步错误在回调函数中使用next写在最后框架特性提供了方便简洁的路由定义方式获取HTTP请求参数进行了简化处理对模板引擎支持程度高，方便渲染动态HTML提供了中间件机制有效控制HTTP请求拥有大量第三方中间件对

vuex基础知识，一篇教会你的使用，让你面试solo全场

文章目录???? webpack的概念???? webpack的基本使用项目目录并初始化创建首页及js文件以jQuery为例安装jQuery导入jQuery安装webpack???? webpack的相关设置设置webpack的打包入口/出口设置webpack的自动打包配置html-webpack-pluginwebpack中的加载器???? 使用webpack打包发布项目???? 在webpack中使用vueVue单文件组件在webpack中使用vue????写在最后???? webpack的概念we

一个方法搞定 js一维数组转化三维数组

移动轮播图原来如此简单，手把手教你敲

✨欢迎各位小伙伴：\textcolor{blue}{欢迎各位小伙伴：}欢迎各位小伙伴： ✨ 进大厂收藏这一系列就够了，全方位搜集总结，为大家归纳出这篇面试宝典，面试途中祝你一臂之力！，共分为四个系列 ✨包含Vue40道经典面试题\textcolor{green}{包含Vue40道经典面试题}包含Vue40道经典面试题 ✨包含react12道高并发面试题\textcolor{green}{包含react12道高并发面试题}包含react12道高并发面试题 ✨包含微信小程序34道必问面试题\textc.

很多伙伴都说进大厂很艰难，本人觉得在it行业想要进入规模比较大的互联网公司，首先有个本科学历作为敲门砖就够用了，足以敲开大厂的大门，然而向你迎面走来的面试官只有你足够强大才能去应付他，博主今天就为大家总结一套前端面试题，很强势呦，让你在面试过程中 solo 全场。跟伙伴们聊天中了解到，大家普遍认为前端的面试题比较杂乱，很难去看全，在这里小编告诉你，嗯。。。。确实如此，因为前端面试的话根据公司的产品不同、运用技术不同、乃至面试官的习惯不同都可能导致问你的问题都是你没有了解过的，不过不要慌，今天小编为你总.

Web APIs本篇学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数**1.1. **元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位1.1.2

Web APIs本篇学习目标：能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1.1. 常用的键盘事件1.1.1 键盘事件 <script>

Web APIs本篇学习目标：能够使用removeChild()方法删除节点能够完成动态生成表格案例能够使用传统方式和监听方式给元素注册事件能够说出事件流执行的三个阶段能够在事件处理函数中获取事件对象能够使用事件对象取消默认行为能够使用事件对象阻止事件冒泡能够使用事件对象获取鼠标的位置能够完成跟随鼠标的天使案例1.1. 节点操作1.1.1 删除节点node.removeChild() 方法从 node节点中删除一个子节点，返回删除的节点。 <button>

Web APIs本篇学习目标：能够说出排他操作的一般实现步骤能够使用html5中的dataset方式操作自定义属性能够根据提示完成百度换肤的案例能够根据提示完成全选案例能够根据提示完成tab栏切换案例能够区分元素节点、文本节点、属性节点能够获取指定元素的父元素能够获取指定元素的所有子元素能够说出childNodes和children的区别能够使用createElement创建页面元素1.1. 排他操作1.1.1 排他思想如果有同一组元素，我们想要某一个元素实现某种样式， 需

Web APIs本篇学习目标：能够通过ID来获取元素能够通过标签名来获取元素能够通过class来获取元素能够通过选择器来获取元素能够获取body和html元素能够给元素注册事件能够修改元素的内容能够区分innerText和innerHTML的区别能够修改像div这类普通元素的属性能够修改表单元素的属性能够修改元素的样式属性1.1. Web API介绍1.1.1 API的概念API（Application Programming Interface，应用程序编程接口）是一些预

重点更多前端知识 诚邀各位前端从事者爱好者加入前端大佬技术交流社区，本社区主要分享技术栈、个人心得、技术交流、问题解惑等前端体系交流点击下方文字加入前端大佬技术交流社区1. 函数的定义和调用1.1 函数的定义方式方式1 函数声明方式 function 关键字 (命名函数)function f1() { console.log('命名函数')}方式2 函数表达式(匿名函数)var f2 = function () { console.log('匿名函数')}

构造函数小编上篇博客中介绍到的通过关键字class方式定义类，然后根据类再创建对象的方式，是ES6中语法，现在很多浏览器对ES6的支持还不是很好，所以也要学习通过构造函数（构建函数）的方式创建对象问？既然浏览器对ES6的支持不是很好，是不是编写代码时不要使用ES6语法呢？（看完这篇文章你就有答案了）1.构造函数和原型1.1对象的三种创建方式–复习字面量方式var obj = {};new关键字var obj = new Object();构造函数方式function Pe

1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。1.3面向过程与面向对象对比面向过程面向对象优点性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系统，使系统 更加灵活、更加易于

1. ES6相关概念（★★）1.1 什么是ES6ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 是ES2015以后的泛称1.2 为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散，实现相同的功能，不同的人可能会写出不同的代码2. ES6新增语法2.1 let（★★★）ES6中新增了用于声明变量

Javascript1.闭包闭包就是在函数中嵌套函数 作用是可以读取其他函数中的变量 突破作用域 并且在函数中涉及到的变量会永远保存于内存中2.作用域链作用域链就是在执行环境中有序的限制和控制变量以及函数的可访问范围 在作用域链中变量只能向上访问不能向下3.JavaScript的原型 原型链 有什么特点每个对象都会在其内部初始化一个属性 就是原型 prototype当我们访问一个对象...

一. 普通对象与函数对象JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明var o1 = {}; var o2 =new Object();var o3 = new f1();function f1(){}; var f2 = function(){};var f3 = new Function('str','console.log(str)');console.log(typeof