简介 webpack可以做的事 代码转换 文件优化 代码分割 模块合并 自动刷新 代码校验 自动发布 面试常见考点 webpack常见配置 webpack高级配置 ast抽象语法树 webpack中的Tapable 掌握webpack流程，手写webpack 手写webpack中常见的loader 手写webpack中常见的plugin we...

在从事前端开发过程中，浏览器作为最重要的开发环境，浏览器基础是是前端开发人员必须掌握的基础知识点，它贯穿着前端的整个网络体系。对浏览器原理的了解，决定着编写前端代码性能的上限。浏览器作为JS的运行环境，学习总结下现代浏览器的相关知识

概括 涉及到的分类 网络层面 构建层面 浏览器渲染层面 服务端层面 涉及到的功能点 资源的合并与压缩 图片编解码原理和类型选择 浏览器渲染机制 懒加载预加载 浏览器存储 缓存机制 PWA Vue-SSR 资源合并与压缩 http请求的过程及潜在的性能优化点 理解减少http请求数量...

前言 [实践系列] 主要是让我们通过实践去加深对一些原理的理解。 实践系列-前端路由 实践系列-Babel原理 实践系列-Promises/A+规范 有兴趣的同学可以关注 实践系列 。 求star求follow~ 如果觉得自己已经掌握浏览器缓存机制知识的同学,可以直接看实践部分哈~ 目录 {代...

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 为了说明 JS 面试的复杂性，首先，请尝试给出以下结果： {代码...} 十有八九的会给出false， 其实运行结果是true，原因请看 这里。 1) 理解 JS 函数 函数是 JavaScri...

所谓"异步"，简单说就是一个任务分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段,比如，有一个任务是读取文件进行处理，异步的执行过程就是下面这样。这种不连续的执行，就叫做异步。相应地，连续的执行，就叫做同步。

webpack基础 webpack基础配置 webpack打包出的文件解析 Html插件 样式处理 转化es6语法 处理js语法及校验 全局变量引入问题 图片处理 打包文件分类 webpack配置 打包多页应用 配置source-map watch的用法 webpack小插件应用 webpack跨域问题 resolve属性的配置 定义...

这一篇文章我想写一下防抖与节流，因为我自己不是很理解而且说实话，以前知道，但是老忘，虽然概念还有一些简单的写法会，但还是缺乏练习和深刻的理解。

阿里云最近在做活动，低至2折，有兴趣可以看看：[链接] 为了保证的可读性，本文采用意译而非直译。 这是专门探索 JavaScript 及其所构建的组件的系列文章的第 19 篇。 如果你错过了前面的章节，可以在这里找到它们： 想阅读更多优质文章请猛戳GitHub博客,一年百来篇...

RegExp对象 Regular Experssion使用单个字符串来描述、匹配一系列符合某个句法规则的字符串 测试网站：https://regexper.com 创建方式 字面量 {代码...} 构造函数 {代码...} 元字符正则表达式由两种基本字符类型组成： 原义文本字符 元字符 元字符是在正则表达式中有...

在简书看到这篇面试题，结合作者的答案和个人的理解做了一下，因个人水平有限(不谦虚，确实很菜)，如果个人做的有什么不对的欢迎指出来，共同交流 作者：诗和元芳链接：[链接]來源：简书简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。 笔试 ...

前端面试常见问题： http method HTTP1.0定义了三种请求方法： GET、POST 和 HEAD HTTP1.1新增了五种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 、 CONNECT http status code {代码...} 缓存 客户端缓存 代理服务器缓存 缓存如何验证可用性 cache-control： max-...

原型 原型的实际应用 原型如何实现它的扩展性 原型的实际应用 jquery和zepto的简单使用 {代码...} {代码...} zepto如何使用原型 {代码...} {代码...} {代码...} 简单的zepto实现 myZepto.js实现 {代码...} jquery如何使用原型 {代码...} 原型的扩展性 如何体现原型的...

设计原则(SOLID) 单一职责模式(S) 一个程序只做好一件事 如果功能过于复杂就拆分开，每个部分保持独立 里式替换原则(L) 子类能覆盖父类 父类能出现的地方子类就能出现 JS中使用较少(弱类型&继承使用较少) 开放封闭原则(O) 对扩展开放对修改封闭 增加需求时，扩展...

ES6 开发环境已经普及使用 浏览器环境却支持不好（需要开发环境编译） 内容很多，重点了解常用语法 面试：开发环境的使用 + 重点语法的掌握 问题 ES6模块化如何使用，开发环境如何打包 Class和普通构造函数有何区别 Promise的基本使用和原理 总结一下ES6其他常用功能...

这个问题的陷阱就是，在立即执行函数表达式（IIFE）中，有两个赋值，但是其中变量a使用关键词var来声明。这就意味着a是这个函数的局部变量。与此相反，b被分配给了全局作用域（译注：也就是全局变量）。

javascript前端面试题汇总 1、 JavaScript中如何检测一个变量类型是String？请写出函数实现 {代码...} 2、原型和原型链经典题目 {代码...} 进入环境(代码未执行，已编译)： {代码...} 代码执行1：Foo.getName() {代码...} 代码执行2：Foo.prototype.getName = functi...

因为面试的原因，最近又开始关注前端面试题，浏览过网上很多面试题集合，有很多小伙伴整理的很全面，但是我发现其中有很多技术点在当下已不再流行，而面试题一般都是映射开发中常遇到的一些技能和问题，再结合最近面试中遇到的一些面试题，在这里汇总整理一下，内容...

一、HTML基础 html常见元素和理解 html常见元素分类 head区元素：（不会在页面上留下直接内容） meta title style link script base body区： div/selection/article/aside/header/footer p span/em/strong table/thead/tbody/tr/td ul/ol/li/dl/dt/dd a form/input/...