总结
文章平均质量分 90
祝大余
To be an excellent engineer
展开
-
美团面试总结
面试前的准备接到面试通知的电话一阵兴奋,随即网上查了一下别人面试美团的面经,发现面试的范围相当广泛,又有学长说美团面试喜欢当场写代码,数据结构算法什么的都有,虽然有点担心过不了,可是一想到要去北京面试就好兴奋~ 接到电话当晚就把之前整理问题的本子拿了出来,从头到尾把这些之前的面试中问到过的方面都浏览一遍,然而真的是看到的越多就越觉得自己掌握的太少太少。为了能安慰一下自己激动而又紧张的的小心脏原创 2016-05-17 21:15:10 · 8677 阅读 · 4 评论 -
聊聊Service Worker
Web Workersweb worker: 为Web内容在后台线程中运行脚本提供了一种简单的方法,线程可以执行任务而不干扰用户界面,即:运行在后台的 JavaScript浏览器一般有三类 web Worker: - Worker:专用的 worker,只能被创建它的 JS 访问,生命周期到创建它的页面关闭时结束。 - SharedWorker:共享的 worker,可以被好几个 JS 访问,生原创 2017-09-07 15:15:40 · 2860 阅读 · 0 评论 -
使用Fiddler的AutoResponder转发请求
前端同学进行开发的时候,经常需要调用远程的API请求数据,但囿于浏览器的同源策略不能直接发送跨域的请求,通常来说解决方案有: - 添加一层nodejs进行接口转发 - 使用webpack的dev-server代理一下在使用了webpack的项目里用dev-server还是很方便的。如果没有使用webpack也不想多写一层node的话,可以使用fiddler的AutoResponder转发请求。原创 2017-09-08 11:11:36 · 7898 阅读 · 4 评论 -
浏览器渲染的过程
浏览器渲染的过程浏览器从请求到渲染页面的过程浏览器从开始请求到渲染呈现一个页面的过程中时间花在下面五件事上: 1. DNS查询 2. 建立TCP连接 3. 发出HTTP请求 4. 等待服务器响应 5. 渲染内容而渲染页面内容这一步又可以继续细分成下面的步骤: 1. 处理 HTML,构建 DOM 树(文档对象模型) 2. 处理 CSS,构建构建 CSSOM(CSS对象模型)原创 2017-10-24 20:47:07 · 685 阅读 · 0 评论 -
JavaScript 对象拷贝与Object.assign
JavaScript 中,对于基本数据类型(undefined、null、boolean、number、string)来说,在变量中存储的就是这个变量本身的值,复制是对值的复制,不存在深浅之说。但C系语言的共同特点中有,存储引用类型(对象),实际中在变量里存的是它的地址。因此对 JavaScript 中的复杂数据类型(object)来说,也会有浅拷贝和深拷贝的原创 2017-11-03 19:14:56 · 4690 阅读 · 0 评论 -
为什么前端优化时要避免空的src
为什么前端优化时要避免空的src偶然间看到一篇关于前端优化策略的文章,提到了一条“避免页面中空的 href 和 src”,原文是这样的: 当 <link> 标签的 href 属性为空,或 <script>、<img>、<iframe> 标签的 src 属性为空时,浏览器在渲染的过程中仍会将 href 属性或 src 属性中的空内容进行加载,直至加载失败,这样就阻塞了页面中其他资源的下载进程,而且原创 2017-11-06 12:20:38 · 4648 阅读 · 4 评论 -
fixed 定位失效 与 CSS 层叠上下文
第一部分,position: fixed失效的问题; 第二部分,了解一下由此扯出的一个Stacking Context层叠上下文。 文中大部分内容来自于我对W3C文档及一些英文资料的理解,如有不明确或表述不准确的地方还请指出。fixed 定位与 CSS 层叠上下文的关系关于 position: fixedposition: fixed 在日常布局中比较常用,如移动端头部和底部导航定原创 2018-01-02 17:59:21 · 2928 阅读 · 0 评论 -
iOS:active或-webkit-tap-highlight无效的原因及解决方案
通常,元素在按压态/点击态时会使用 :active伪类 来设置特定的样式,这个操作在pc/Android上都没有问题,但 iOS上的点击事件(click)是模拟出来的,在iOS上使用 :active 伪类 需要设置一个touch事件,这样元素的:active伪类才能被正确触发。一般是给body标签上加一个ontouchstart属性,但是但是~注意body的渲染范围,要保证元素上的touch事件能...原创 2019-05-21 19:12:36 · 995 阅读 · 0 评论