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