首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
jsliang 求职系列
jsliang
创建于2021-06-12
订阅专栏
记录 jsliang 在面临求职中,做的挣扎求存。
等 95 人订阅
共50篇文章
创建于2021-06-12
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
jsliang 求职系列 - 29 - HTTP/HTTPS
HTTP 有时候面试官也会问到,简单的诸如 HTTP 状态码、GET 和 POST 区别。 这里会将 HTTP 相关知识点整理过来。 同时,因为是网上查找的资料,未免会有疏漏、错误,欢迎指正。 又因为 jsliang 比较懒,有些图是从一些优秀的参考文章中复制的,如果侵权,立马…
jsliang 求职系列 - 28 - WebSocket
WebSocket 是 HTML5 新增的一种全双工通信协议,客户端和服务器基于 TCP 握手连接成功后,两者之间就可以建立持久性的连接,实现双向数据传输。 我们知道 HTTP 协议是一种单向的网络协议,在建立连接后,它允许客户端向服务器发送请求资源后,服务器才会返回相应的数据…
jsliang 求职系列 - 27 - TCP
用户数据包协议(User Datagram Protocol),简称 UDP,是基于 IP 之上开发能和应用打交道的协议。 UDP 中一个最重要的信息是端口号,端口号其实就是一个数字,每个想访问网络的程序都需要绑定一个端口号。 通过端口号 UDP 就能把指定的数据包发送给指定的…
jsliang 求职系列 - 26 - 网络安全
Web 世界是开放的,任何资源都可以接入其中,我们的网站可以加载并执行别人网站的脚本文件、图片、音频、视频等资源,甚至可以下载其他站点的可执行文件。 甚至还可以将这些信息上传至自己的服务器,这样就可以在你不知情的情况下伪造一些转账请求等信息。 所以,在没有安全保障的 Web 世…
jsliang 求职系列 - 25 - 计算机网络基础
缝缝补补又三年,考啥添加啥,零散的知识点。 现在这块零散的知识点有点少,但是还是写写,后面跨域啥的会用到点。 详细就不说了,这个要拓展起来,篇幅能写成一本书。 大学时候学这个,被教授饶得头大,怕了怕了。 我是一个用户,我访问不了某网站,但是我能访问一个代理服务器。 这个代理服务…
jsliang 求职系列 - 24 - 浏览器系列汇总
参考文献共 68 篇文章,感谢前辈们的贡献。
jsliang 求职系列 - 23 - 性能优化
要说起前端性能优化,其实我们可以从 “输入 URL 到页面呈现” 这个知识点着手讲起。 jsliang 在这里将这些知识点一锅炖,看你吃下多少。 然后本地服务器向根服务器、顶级域名服务器、主域名服务器这些的请求就更不用说了,前端没法接触。 所以这个步骤我们忽略先。 这个步骤我们…
jsliang 求职系列 - 22 - 回流和重绘
从根节点开始,计算每一个元素的大小、位置,给出每个节点所应该出现的屏幕精确坐标,从而得到基于渲染树的 布局渲染树(Layout of the render tree)。 这个过程面试中非常常见,小伙伴们稍微记一下,后面章节会反复提及。 重绘(repaint):当元素样式的改变不…
jsliang 求职系列 - 21 - 浏览器缓存
通过从输出 URL 到页面呈现我们可以知道,浏览器如果每次都要请求加载页面,会相当费时间。 而如果我们将某些网页存储到浏览器缓存中,这样当我们打开一个网页的时候,就会去查询浏览器缓存,看是否有请求的文件。 如果有,那就拦截请求,返回缓存文件,并结束请求,而不会去服务器下载。 因…
jsliang 求职系列 - 20 - 浏览器缓存
对于一个数据请求来说:网络请求、后端处理、浏览器响应。 浏览器缓存可以帮助我们优化第一点和第三点的性能。 下面我们一一看看。 Service Worker 是运行在浏览器背后的独立线程,一般可以用来实现缓存功能。 必须是 HTTPS。因为它涉及请求拦截,所以必须使用 HTTPS…
jsliang 求职系列 - 19 - 垃圾回收
原始数据类型是存储在栈空间中的,引用类型的数据是存储在堆空间中的。 不过有些数据被使用之后,可能就不再需要了,我们把这种数据称为垃圾数据。 如果这些垃圾数据一直保存在内存中,那么内存会越用越多。 所以我们需要对这些垃圾数据进行回收,以释放有限的内存空间。 这时候就引入了垃圾回收…
jsliang 求职系列 - 18 - 本地存储
浏览器存储是面试中较为基础的知识点,面试中提问频率中等偏下,往往 5/6 家会有 1 家出一道缓存题。 浏览器的本地存储主要分为 Cookie、Web Storage 和 IndexedDB。 而 Web Storage 分为 Local Storage 和 Session S…
jsliang 求职系列 - 17 - 跨域
所谓 源,可以指 URL。 而所谓的同源策略,是指这 3 个(协议、域名、端口)一致的情况下,才属于同源。 首先,跨域只存在于浏览器端,因为我们知道浏览器的形态是很开放的,所以我们需要对它有所限制。 其次,同源策略主要是为了保证用户信息的安全,可分为两种:Ajax 同源策略和 …
jsliang 求职系列 - 16 - 从输入 URL 到页面呈现
如果你还不懂,那么可以来看看。 当然,这是整体过程,实际面试过程中会进一步详细问,后面会逐步完善,让小伙伴们对这个系列的问题不在纠结。 DNS 解析过程就是通过网络查找哪台机器有你需要的资源的过程。 浏览器输入 github.com 并不是真正意义上的去查找这个,而是查找这个域…
jsliang 求职系列 - 15 - 手写源码系列汇总
本系列有 7 篇文章,19 个手写方法,大纲 32 个知识点。 本系列有 46 篇参考文献。
jsliang 求职系列 - 14 - 手写源码大杂烩
手写系列的代码,较为重要/内容较多的,都抽取到单独篇章去了,下面看大杂烩,概率会出的手写题目。 面试官:手写一个自定义原生事件。 页面 2 秒后自动触发 myEvent 事件。 触发自定义事件使用 dispatchEvent(myEvent)。 Object.create() …
jsliang 求职系列 - 13 - JSONP
基本原理:利用 script 标签的 src 没有跨域限制来完成跨域目的。 前端再 script 标签返回资源的时候就会执行 jsonpCallBack 并通过回调函数的方式拿到数据。 【优点】兼容性好,在一些古老的浏览器中都可以运行。 下面我们通过 3 步骤来了解如何使用 J…
jsliang 求职系列 - 12 - 手写防抖和节流
防抖:任务频繁触发的情况下,只有任务触发的间隔超过指定间隔的时候,任务才会执行。 监听拖拽滚动条,然后频繁向下滚动信息,会变得很慢,很迟钝。 点击提交表单后,用户在结果还没出来的时候重复触发。 简单来说:某件事你并不想它太过频繁触发,那么设置一个定时器,每次进来的时候都清除原本…
jsliang 求职系列 - 11 - 手写 new
面试官:来手写一个 new。 看到这道题,不要急不要慌,jsliang 逐步深入带你搞一个。 那么,这道题中的 new 做了啥呢?我们深入研究研究。 那么我们开始理解 new 里面的内容,看看怎么手写一个 new。 首先创建一个空对象 tempObj = {}。 接着调用 Fo…
jsliang 求职系列 - 10 - 手写 call/apply/bind
面试官:手写一个 call/apply/bind。 call:可以改变函数指向,第一个参数是要改变指向的对象,之后的参数形式是 arg1, arg2... 的形式 arguments 是一个对应于传递给函数的参数的类数组对象。 arguments 对象不是一个 Array 。 …
下一页