摘要: 作为一个刚开始玩转vue的女流之辈,不知道有没有人儿像我一样,匆忙的进入一个项目,没有人带,靠自己,脑子聪明的大神我就不说了,像我们这有点吃力的小菜鸟,可能真的是一个难熬的过程,不过不能放弃才是硬道理,作为一个与你们想法一致需求一致的新手前端,把我认为理解的生命周期分享给大家,如果很幸运被大神看到, 阅读全文
posted @ 2017-05-31 16:02 翠花菇凉 阅读(464) 评论(2) 推荐(0) 编辑
摘要: 从图中可以看出,整个过程需要各个进程之间的配合,所以在开始正式流程之前,快速回顾一下浏览器进程、渲染进程、和网络进程的主要职责 浏览器进程主要负责用户交互,子进程管理和文件存储等功能。 网络进程是面向渲染进程和浏览器进程提供网络下载功能 渲染进程的主要职责是把网络下载的HTML、Javascript 阅读全文
posted @ 2020-06-02 13:47 翠花菇凉 阅读(452) 评论(1) 推荐(1) 编辑
摘要: Set-Cookie: SERVERID=1fa1f330efedec1559b3abbcb6e30f50|1587649463|1587649463;Path=/ Cache-Control:Max-age=2000 GET /index.html HTTP1.1 在浏览器实践与原理(二)之TCP 阅读全文
posted @ 2020-06-02 13:46 翠花菇凉 阅读(1290) 评论(0) 推荐(0) 编辑
摘要: TCP协议如何保证页面能被完整送达浏览器? 在衡量Web页面性能的时候有一个重要的指标叫“FP”,是指从页面加载到首屏绘制的时长,这个指标影响了用户的跳出率,更快的页面影响意味着更多的PV、更高的参与度以及更高的转化率。 影响FP的一个重要因素是网络加载速度。 优化Web页面的加载速度,你需要对网络 阅读全文
posted @ 2020-06-01 11:38 翠花菇凉 阅读(354) 评论(0) 推荐(0) 编辑
摘要: Chrom架构:仅仅打开1个页面,为什么有4个进程? 无论你是想要设计高能web应用,还是要优化现有的 Web 应用,你都需要了解浏览器中的网络进程、页面渲染过程,JavaScript执行流程,以及 Web 安全理论,而这些功能是分散在浏览器的各个功能组件中的,通过浏览器的多 进程架构的学习,就可以 阅读全文
posted @ 2020-06-01 11:37 翠花菇凉 阅读(1040) 评论(1) 推荐(0) 编辑
摘要: 场景1:全局环境下的this 这种情况相对简单直接,函数在浏览器全局环境中被简单调用,非严格模式下this指向window;在 use strict指明严格模式下就是undefined; function f1 ( ) { console.log (this); } function f2 ( ) 阅读全文
posted @ 2020-04-17 00:07 翠花菇凉 阅读(274) 评论(1) 推荐(0) 编辑
摘要: 什么是防抖和节流? 「 防抖 」 场景:输入名称的同时去服务器校验名称是否重复,如果代码没做限制,输一次发一次请求;多次点击触发事件 在事件被触发n秒后在执行回调函数,如果在n秒内又触发,则重新计时 假设一个场景:鼠标划过一个div,触发onmousemove事件,它内部的文字会显示当前鼠标的坐标。 阅读全文
posted @ 2020-04-15 23:52 翠花菇凉 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 1.什么是协议? 网络协议是计算机之间为了实现网络通信而达成的一种“约定”或者“规则”,有了这种“约定”,不同厂商的生产设备,以及不同操作系统组成的计算机之间,就可以实现通信。 2.HTTP协议是什么? HTTP协议是超文本传输协议的缩写,他是从WEB服务器传输超文本标记语言(HTML)到本地浏览器 阅读全文
posted @ 2020-04-14 22:46 翠花菇凉 阅读(798) 评论(0) 推荐(0) 编辑
摘要: 什么是前端缓存? 基本的网络请求就是三个步骤: 请求,处理,响应。 前端缓存主要在“请求”和“响应”中进行。 在请求步骤中, 浏览器也可以通过存储结果的方式直接使用资源,直接省去了发送请求;而相应的步骤需要浏览器和服务器共同配合,通过减少响应内容来缩短传输时间。 本文主要包括 按存储位置分类(mem 阅读全文
posted @ 2020-04-13 22:42 翠花菇凉 阅读(660) 评论(0) 推荐(0) 编辑
摘要: 需求场景:页面默认进来拿到本周数据。如下图要展示周一到周天,点击上一周切换上一周数据,可以一直点击上一周。或者下一周。 获取本周周一到周天的数据 获取上一周的周一到周天 调用lastWeekDate方法 LastWeek() { this.dataTime += 7; console.log(thi 阅读全文
posted @ 2019-01-14 21:12 翠花菇凉 阅读(857) 评论(0) 推荐(0) 编辑
摘要: 两个都可以用来复制对象。 用亲身测两张图来概括上面的一句话。 阅读全文
posted @ 2019-01-03 13:55 翠花菇凉 阅读(262) 评论(0) 推荐(0) 编辑