从输入URL到页面加载发生了什么

front-end
从输入URL到页面加载发生了什么

眼过千遍,不如手敲一遍。文章参考:https://segmentfault.com/a/1190000006879700 DNS解析 TCP连接 发送HTTP请求 服务器处理HTTP请求 页面渲染 断开TCP连接 仔细思考这个问题,发现确实很深,这个过程涉及到的东西很多。这个问题的回答真的能够很好的考验一个web工程师的水平注:这题胜在区分度高,知识点覆盖广,再不懂的人,也能答出几句,而...

addEventListener (type, fn , true/false)绑定事件第三个参数作用以及利用事件的冒泡,实现事件委托

front-end
addEventListener (type, fn , true/false)绑定事件第三个参数作用以及利用事件的冒泡,实现事件委托

第一个参数type,事件的类型,如click,mouseover等; fn,事件监听执行的function; 第三参数,决定事件执行的过程(大概这样解释。。),捕获或者冒泡,首先我们看一张图片: 由此可以知道  1、一个完整的JS事件流是从window开始,最后回到window的一个过程  2、事件流被分为三个阶段(1~5)捕获过程、(5~6)目标过程、(6~10)冒泡过程 e.targe...

nginx 80 443 并存

front-end
nginx 80 443 并存

阿里云ECS主机 nginx默认目录/etc/nginx 如果一站点既要80 http访问,又要443https访问。 要让https和http并存,不能在配置文件中使用ssl on,配置listen 443 ssl; 实例123456789101112131415161718192021222324252627server { listen 80 default...

彻底理解浏览器的缓存机制

front-end
彻底理解浏览器的缓存机制

概述浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种: HTTP请求(Request)报文,报文格式为:请求行 – HTTP头(通用信息头,请求头,实体头) – 请求报文主体(只有POST才有报文主体),如下图 HTTP响应(Response)报文,报文格式...

2018年11月月刊

前端分享
2018年11月月刊

算法:https://github.com/liyanlong/front-end-test HTTP 协议入门: http://www.ruanyifeng.com/blog/2016/08/http.html AST(抽象语法树):https://mp.weixin.qq.com/s/0-k1xZr8-nPCakN-jnfRnQ 函数柯里化 :https://www.jianshu.co...

vue组件之间传值

front-end
vue组件之间传值

vue2.0组件之间的传值 “down”—>指的是下的意思,即父组件向子组件传值,用props;“up”—>指的是上的意思,即子组件想父组件传值,用emit。 1.子组件向父组件的传值:Child.vue12345678910111213141516171819<template> <div class="child"> <...

$nextTick的作用

front-end
$nextTick的作用

请看如下一段代码:123456789101112131415161718new Vue({ el: '#app', data: { list: [] }, mounted: function () { this.get() }, methods: { get: function () { ...

html5 Drop 事件详解(摘自w3school)

html5 Drop 事件详解(摘自w3school)

设置元素为可拖放首先,为了使元素可拖动,把 draggable 属性设置为 true :1<img draggable="true"> 拖动什么 - ondragstart 和 setData()然后,规定当元素被拖动时,会发生什么。在上面的例子中,ondragstart 属性调用了一个函数,drag(event),它规定了被拖动的数据。dataTransfer.setData(...

vue.js 兄弟组件传值

front-end
vue.js 兄弟组件传值

1、兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据 2、创建一个Vue的实例,让各个兄弟共用同一个事件机制。 3、传递数据方,通过一个事件触发bus.$emit(方法名,传递的数据)。 4、接收数据方,通过mounted(){}触发bus.$on(方法名,function(接收数据的参数){用该组件的数据接收传递过来的数据}),此时函数中的this已经发生了改变,可以使用箭头函数...

×
  • {title}