摘要：
作者声明 本人将迁移至个人公众号「前端Q」及「掘金」平台写文章。欢迎大家关注公众号「前端Q」及我的掘金主页：https://juejin.im/user/5874526761ff4b006d4fd9a4/posts Promise 必须为以下三种状态之一：等待态（Pending）、执行态（Fulfi 阅读全文
摘要：
背景 本人前端，3年经验，由于个人的原因，决定跳槽，于是大概3月开始找工作，总历时大概2个月，面试了微信/阿里/头条，三家都拿到了offer，来分享一下面经。 问题比较多，而且很多面试题都是跟个人项目相关的，项目相关的问题借鉴意义不大，所以这里总结一些与项目无绝对关系的问题，欢迎围观～ 本文答案均以 阅读全文
摘要：
背景 我们经常使用 Chrome Dev Tools 来开发调试，但是很少知道怎么利用它来分析页面性能，这篇文章，我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及性能报告数据如何解读。 分析面板介绍 上图是 Chrome Dev Tools 的一个截图，其中，我认为能用于进 阅读全文
摘要：
总体概览 大体上，可以分为六步，当然每一步都可以详细展开来说，这里先放一张总览图: DNS域名解析 在网络世界，你肯定记得住网站的名称，但是很难记住网站的 IP 地址，因而也需要一个地址簿，就是 DNS 服务器。DNS 服务器是高可用、高并发和分布式的，它是树状结构，如图： + 根 DNS 服务器 阅读全文
摘要：
前言 转眼又到一年年末，我是一个时间上总慢半拍的人。比如，其实毕业两年多了，才渐渐意识到，原来我现在再回学校的话，真的再没有我的专属床位了～ 所以，要不是掘金有这个年度征文，我都没意识到原来到年末了。我回想了一下，我一年，真的发生了好多事，我也很努力地过着这一年，最终也都取得了自己还挺满意的结果，下 阅读全文
摘要：
很多关注我的人都不太了解前端Q这个名字的由来，这篇文章就来讲讲前端Q的前世今生，顺便送大大福利(文末有惊喜)，哈哈～～ 前端Q前世 前端Q这个公众号，其实很早很早的时候就有了，只是以前不叫前端Q。前端Q的前身叫"前端生活"，诞生于2016年03月09号，可以说前端Q已经三岁半了... 刚开始弄公众号 阅读全文
摘要：
1. Safari 3D变换会忽略z index的层级 在Safari浏览器下(此Safari浏览器包括iOS的Safari，iPhone上的微信浏览器，以及Mac OS X系统的Safari浏览器)，当我们使用3D transform变换的时候，如果祖先元素没有overflow:hidden/sc 阅读全文
摘要：
Chorme 浏览器中的垃圾回收和内存泄漏 垃圾回收 通常情况下，垃圾数据回收分为 和`自动回收`两种策略。 手动回收策略，何时分配内存、何时销毁内存都是由代码控制的。 自动回收策略，产生的垃圾数据是由垃圾回收器来释放的，并不需要手动通过代码来释放。 JavaScript 中调用栈中的数据回收 Ja 阅读全文
摘要：
1. 浏览器渲染过程是怎样的？ 按照渲染的时间顺序，流水线可分为如下几个子阶段： 、`样式计算 布局阶段 分层 栅格化 显示`。 1. 渲染进程将 HTML 内容转换为能够读懂DOM 树结构。 2. 渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets，计算出 DOM 节点的样式。 阅读全文
摘要：
1. Chrome 打开一个页面需要启动多少进程？分别有哪些进程？ 浏览器从关闭状态进行启动，然后新开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程，共 4 个进程；后续再新开标签页，浏览器、网络进程、GPU进程是共享的，不会重新启动，如果2个页面属 阅读全文
摘要：
基本打包机制 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 阅读全文
摘要：
概念 Webpack是一个模块打包机，它可以将我们项目中的所有js、图片、css等资源，根据其入口文件的依赖关系，打包成一个能被浏览器识别的js文件。能够帮助前端开发将打包的过程更智能化和自动化。 WebPack和Grunt以及Gulp相比有什么特性 WebPack和Grunt以及Gulp相比有什么 阅读全文
摘要：
Vue.js 是一款 MVVM 框架，数据模型仅仅是普通的 JavaScript 对象，但是对这些对象进行操作时，却能影响对应视图，它的核心实现就是「响应式系统」。 首先看一下 Object.defineProperty,Vue.js就是基于它实现「响应式系统」的。 主要涉及属性： enumerab 阅读全文
摘要：
一.分支相关 1.基本命令 # 列出所有本地分支 $ git branch # 列出所有远程分支 $ git branch -r # 列出所有本地分支和远程分支 $ git branch -a # 新建一个分支，但依然停留在当前分支 $ git branch [branch-name] # 新建一个 阅读全文
摘要：
知识点 1.小程序里面，点击页面顶部的返回按钮的时候，返回的那个页面不会刷新。页面直接跳转返回都可以传参跳转。需要做处理的时候，在onshow的时候接收参数并处理即可。 2.<!--?xml version="1.0" encoding="UTF-8"?--> 页面有弹层时，阻止下面的页面滚动。 这 阅读全文