摘要:作者声明 本人将迁移至个人公众号「前端Q」及「掘金」平台写文章。欢迎大家关注公众号「前端Q」及我的掘金主页:https://juejin.im/user/5874526761ff4b006d4fd9a4/posts Promise 必须为以下三种状态之一:等待态(Pending)、执行态(Fulfi 阅读全文
posted @ 2019-09-09 11:36 小蚊 阅读(1213) 评论(3) 推荐(3) 编辑
摘要:背景 我们经常使用 Chrome Dev Tools 来开发调试,但是很少知道怎么利用它来分析页面性能,这篇文章,我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及性能报告数据如何解读。 分析面板介绍 上图是 Chrome Dev Tools 的一个截图,其中,我认为能用于进 阅读全文
posted @ 2020-02-07 13:16 小蚊 阅读(662) 评论(2) 推荐(3) 编辑
摘要:总体概览 大体上,可以分为六步,当然每一步都可以详细展开来说,这里先放一张总览图: DNS域名解析 在网络世界,你肯定记得住网站的名称,但是很难记住网站的 IP 地址,因而也需要一个地址簿,就是 DNS 服务器。DNS 服务器是高可用、高并发和分布式的,它是树状结构,如图: + 根 DNS 服务器 阅读全文
posted @ 2020-02-02 13:21 小蚊 阅读(294) 评论(4) 推荐(1) 编辑
摘要:前言 转眼又到一年年末,我是一个时间上总慢半拍的人。比如,其实毕业两年多了,才渐渐意识到,原来我现在再回学校的话,真的再没有我的专属床位了~ 所以,要不是掘金有这个年度征文,我都没意识到原来到年末了。我回想了一下,我一年,真的发生了好多事,我也很努力地过着这一年,最终也都取得了自己还挺满意的结果,下 阅读全文
posted @ 2019-12-27 11:55 小蚊 阅读(4566) 评论(79) 推荐(24) 编辑
摘要:很多关注我的人都不太了解前端Q这个名字的由来,这篇文章就来讲讲前端Q的前世今生,顺便送大大福利(文末有惊喜),哈哈~~ 前端Q前世 前端Q这个公众号,其实很早很早的时候就有了,只是以前不叫前端Q。前端Q的前身叫"前端生活",诞生于2016年03月09号,可以说前端Q已经三岁半了... 刚开始弄公众号 阅读全文
posted @ 2019-11-20 14:57 小蚊 阅读(166) 评论(0) 推荐(1) 编辑
摘要: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 小蚊 阅读(548) 评论(1) 推荐(2) 编辑
摘要:Chorme 浏览器中的垃圾回收和内存泄漏 垃圾回收 通常情况下,垃圾数据回收分为 和`自动回收`两种策略。 手动回收策略,何时分配内存、何时销毁内存都是由代码控制的。 自动回收策略,产生的垃圾数据是由垃圾回收器来释放的,并不需要手动通过代码来释放。 JavaScript 中调用栈中的数据回收 Ja 阅读全文
posted @ 2019-10-25 18:27 小蚊 阅读(1086) 评论(0) 推荐(1) 编辑
摘要:1. 浏览器渲染过程是怎样的? 按照渲染的时间顺序,流水线可分为如下几个子阶段: 、`样式计算 布局阶段 分层 栅格化 显示`。 1. 渲染进程将 HTML 内容转换为能够读懂DOM 树结构。 2. 渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets,计算出 DOM 节点的样式。 阅读全文
posted @ 2019-10-18 18:18 小蚊 阅读(313) 评论(0) 推荐(0) 编辑
摘要:1. Chrome 打开一个页面需要启动多少进程?分别有哪些进程? 浏览器从关闭状态进行启动,然后新开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程,共 4 个进程;后续再新开标签页,浏览器、网络进程、GPU进程是共享的,不会重新启动,如果2个页面属 阅读全文
posted @ 2019-10-16 15:21 小蚊 阅读(434) 评论(0) 推荐(1) 编辑
摘要:作者声明 本人将迁移至个人公众号「前端Q」及「掘金」平台写文章。欢迎大家关注公众号「前端Q」及我的掘金主页:https://juejin.im/user/5874526761ff4b006d4fd9a4/posts Promise 必须为以下三种状态之一:等待态(Pending)、执行态(Fulfi 阅读全文
posted @ 2019-09-09 11:36 小蚊 阅读(1213) 评论(3) 推荐(3) 编辑
摘要:基本打包机制 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 阅读全文
posted @ 2019-06-20 19:06 小蚊 阅读(360) 评论(0) 推荐(1) 编辑
摘要:概念 Webpack是一个模块打包机,它可以将我们项目中的所有js、图片、css等资源,根据其入口文件的依赖关系,打包成一个能被浏览器识别的js文件。能够帮助前端开发将打包的过程更智能化和自动化。 WebPack和Grunt以及Gulp相比有什么特性 WebPack和Grunt以及Gulp相比有什么 阅读全文
posted @ 2018-12-13 21:18 小蚊 阅读(510) 评论(0) 推荐(0) 编辑
摘要:Vue.js 是一款 MVVM 框架,数据模型仅仅是普通的 JavaScript 对象,但是对这些对象进行操作时,却能影响对应视图,它的核心实现就是「响应式系统」。 首先看一下 Object.defineProperty,Vue.js就是基于它实现「响应式系统」的。 主要涉及属性: enumerab 阅读全文
posted @ 2018-07-24 12:13 小蚊 阅读(659) 评论(0) 推荐(0) 编辑
摘要:一.分支相关 1.基本命令 # 列出所有本地分支 $ git branch # 列出所有远程分支 $ git branch -r # 列出所有本地分支和远程分支 $ git branch -a # 新建一个分支,但依然停留在当前分支 $ git branch [branch-name] # 新建一个 阅读全文
posted @ 2018-05-12 21:45 小蚊 阅读(206) 评论(0) 推荐(1) 编辑
摘要:知识点 1.小程序里面,点击页面顶部的返回按钮的时候,返回的那个页面不会刷新。页面直接跳转返回都可以传参跳转。需要做处理的时候,在onshow的时候接收参数并处理即可。 2.<!--?xml version="1.0" encoding="UTF-8"?--> 页面有弹层时,阻止下面的页面滚动。 这 阅读全文
posted @ 2018-05-12 17:48 小蚊 阅读(1147) 评论(0) 推荐(0) 编辑
摘要:性能分析。。。 window.performance.timing中相关属性语义: 1.主要性能分析指标 一般指标: 实际前端更关注的指标(需要在实际中结合自身代码): console.log('首屏图片加载完成 : ',window.lastImgLoadTime - window.perform 阅读全文
posted @ 2017-12-17 20:53 小蚊 阅读(4839) 评论(0) 推荐(4) 编辑