![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端的那些事
文章平均质量分 92
野爹玛卡巴卡
这个作者很懒,什么都没留下…
展开
-
前端那些事--url输入到浏览器到页面的呈现的过程(全网最详细)
面试官:url输入到浏览器到页面的呈现经历了什么?萌新:浏览器发送请求,服务器收到数据返回,浏览器拿到数据渲染页面面试官:再详细点呢?萌新:不造啊ok,不多聊了,GG这真的是一道津津乐道的面试题了,要说过程,还真没我们想的那么简单,这里给大家带来最最最详细的过程介绍①输入url网址②查看缓存(如果有就跳过③)③DNS解析域名获取IP④建立TCP连接(三次握手)⑤浏览器向服务器发出HTTP请求拿取数据包⑥服务器收到请求,返回数据⑦浏览器拿到数据进行页面渲染⑧关闭TCP连接(四次挥手原创 2020-07-20 13:12:07 · 951 阅读 · 0 评论 -
前端的那些事--懒加载
何为瀑布流布局,一般就是值图片等宽不等长,像下面这个车的图片,高度不等,像瀑布一样往下排列,这种瀑布流布局在旅游类网站比较常见。这里我讲解一下最简单的瀑布流,就是用css3的新增属性...原创 2020-06-21 21:11:36 · 206 阅读 · 0 评论 -
前端的那些事--定时器的异步过程
话不多说题目入手:setTimeout(function(){ console.log(1);},0)console.log(2);上面这一道题目测试两个语句的输出顺序,有基础的同学估计很快就得出答案,2 1,那么入门的同学就好奇了,js不是按顺序一步一步执行吗,这里就且罢听我道说。浏览器的工作原理名称作用进程cpu资源分配的最小单位线程cpu调度的最小单位就是说,进程包括线程,一个进程包含多个线程,浏览器是多进程:进程名称作用Bro原创 2020-06-02 11:55:57 · 366 阅读 · 0 评论 -
前端的那些事--时间线
单线程都说js是一个很牛逼的语言,要说js是什么,有很多答复,面向对象,弱类型,解释性语言,还有一条,就是单线程,强如java是多线程,多线程处理效率高,js的单线程是属于表面单线程实质底层多线程,js是在浏览器中运行的,浏览器是多线程,它单单开通一条线给js运行,就是js引擎,当然js也不能成为多线程,因为js是操作dom的,假如一个div又要变宽又要变高,浏览器不能同时执行,所以js理所当然...原创 2020-03-10 21:21:42 · 568 阅读 · 0 评论 -
前端的那些事--防抖和节流
近段时间写项目,图片过多,为了减少浏览器请求负担就用了懒加载,写完懒加载后发现很多地方需要优化,比如单位时间内多次执行scroll函数会不停执行for循环,小项目尚可,大项目中这无疑是一个大负荷,于是去学习了一下防抖和回流测试例子:以浏览器窗口scroll事件为例打印当前时间function test(){ let time = new Date(); console.log(`${time.getHours()}:${time.getMinutes()}`)}防抖(debounce)高频触原创 2020-05-09 22:03:36 · 231 阅读 · 0 评论 -
前端的那些事--AJAX
前面的js的时间线以及异步讲到了js的单线程,在这种底层多线程又做着单线程的事的这种环境下,有些需求的开发就成了难题,比如在一个登陆页面中,输入用户名完后即刻在数据库中读取这个账户是否存在,由于进行按钮的提交跳转,页面没有刷新,此时就有一门技术可以解决这种难题–AJAXAJAX(Asynchronous Javascript And XML)从直译来看,就是异步js和xml,这是一种交互式动态网页开发,独立于 Web 服务器软件的浏览器技术。被所有的主流浏览器支持,不需要加载整个网页就完成局部刷新,从语原创 2020-06-08 11:19:05 · 91 阅读 · 0 评论 -
前端的那些事--正反向代理
正向代理正向代理(forward proxy):正向代理,意思是一个位于客户端和原始服务器(origin server)之间的服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端才能使用正向代理。正向代理,其实是"代理服务器"代理了"客户端",去和"目标服务器"进行交互。这种技术的应用实例就是我们耳熟能详的爬梯子,有时候我们想访问外网的资源,用以往的直接访问,是访问不到的,这时候就得挂vpn,借助某些加速器的原创 2020-07-06 19:27:49 · 2642 阅读 · 0 评论 -
前端的那些事--跨域
跨域前端程序员,一定少不了接触跨域,在你写一个ajax请求一个网站时,发现报错提示中含有Cross-Origin,那肯定就是你遇到跨域了,不过,这个请求已经是发出去了的,服务端也接收到并处理了,但是返回的响应结果不是浏览器想要的结果,所以浏览器将这个响应的结果给拦截了,至于为什么浏览器不满意结果,就得说说同源策略同源策略诞生同源策略是由NetScape提出的一个著名的安全策略。最初的 “同源策略”,主要是限制Cookie的访问,A网页设置的 Cookie,B网页无法访问,除非B网页和A网页是“同源”原创 2020-07-06 09:04:21 · 136 阅读 · 0 评论