2018年2月13日
摘要: 这篇随笔并非全文照着翻译,如果需要看原版,请自行使用浏览器自带翻译,我这边只是截取一些个人关注点,截取部分图片。 浏览器主要组件: 1,用户界面 2,浏览器引擎:查询和操作渲染引擎的界面 3,渲染引擎:负责显示请求的内容。这里主要是负责解析和显示。 4,网络:如HTTP请求 5,UI后端:绘制组合框 阅读全文
posted @ 2018-02-13 16:25 言先生 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 之前已经有两篇随笔提到了event loop,一篇是事件机制,一篇是tasks和microtasks,但是里面的event loop都是文字描述,很难说细,逻辑也只是简单的提了一遍。其实之前也是通过阮一峰老师的一篇网络日志:再谈event loop,然后写了点自己的想法。但是总感觉里面一些细节没有提 阅读全文
posted @ 2018-02-13 10:23 言先生 阅读(3354) 评论(2) 推荐(1) 编辑
  2018年2月12日
摘要: 最近在做关于前端性能监控的功能,花了点时间研究了一下。先放一张经典图: 因为是原图,有点大,要横着拉了看,上面这些标注的属性就是window.performance.timing下的属性,里面一些含义这边列举一下(参考MDN),默认都是毫秒数: navigationStart: 表征了从同一个浏览器 阅读全文
posted @ 2018-02-12 09:03 言先生 阅读(1591) 评论(0) 推荐(0) 编辑
  2018年2月7日
摘要: 近期在知乎上看到这么一个帖子,题主说自己JavaScript都学完了,结果老师留的作业还是不会写,就是写一个日历的插件,结果楼下一堆大牛出现了,百度的阿里的纷纷站出来发表自己的看法,有人认为简单,有人认为其实细化不简单,于是出于好奇,自己也来动手写了一下。虽说现如今各种优秀的UI框架层出不穷,都会自 阅读全文
posted @ 2018-02-07 09:29 言先生 阅读(618) 评论(0) 推荐(0) 编辑
摘要: 本篇均以es5为主: 1,月份加减来推日期 1 阅读全文
posted @ 2018-02-07 08:34 言先生 阅读(155) 评论(0) 推荐(0) 编辑
  2018年2月1日
摘要: JavaScript是单线程,也就是说JS的堆栈中只允许有一类任务在执行,不可以同时执行多类任务。在读js文件时,所有的同步任务是一条task,当然了,每一条task都是一个队列,按顺序执行。而如果在中途遇到了setTimeout这种异步任务,就会将它挂起,放到任务队列中去执行,等执行完毕后,如果有 阅读全文
posted @ 2018-02-01 14:14 言先生 阅读(507) 评论(0) 推荐(1) 编辑
  2018年1月30日
摘要: 以下内容参考React官方blog(https://reactjs.org/blog/all.html),进行了一些总结。从当前项目React版本号V0.14.8开始往后,并未列出所有的React版本更新内容是因为某些更新迭代只是一些细小的bug修复或者是完善,对于我们目前的开发并未有太大影响,所以 阅读全文
posted @ 2018-01-30 09:36 言先生 阅读(3794) 评论(0) 推荐(1) 编辑
  2018年1月17日
摘要: ReactElement算是React源码中比较简单的部分了,直接看源码: 可以看出ReactElement就是一个函数,传入一系列参数作为一个element对象的属性,然后再把这个对象return出来,但是注意到有一个属性是$$typeof: REACT_ELEMENT_TYPE,然后我查找了一下 阅读全文
posted @ 2018-01-17 18:52 言先生 阅读(1323) 评论(0) 推荐(0) 编辑
摘要: 先来几个例子热热身: 上面打印出来是什么? 这个例子网上比较多,基本上详解setState机制的用的都是这个,正解是0,0,2,3 一个例子一般满足不了我,于是我就多试了几个,再看下一个: 这个打印出来是什么?正解是0,2,3,再来一个 这个打印出来是什么?你是不是突然自信,这肯定是1了吧,实际上打 阅读全文
posted @ 2018-01-17 10:24 言先生 阅读(501) 评论(0) 推荐(0) 编辑
  2018年1月16日
该文被密码保护。 阅读全文
posted @ 2018-01-16 11:04 言先生 阅读(4) 评论(0) 推荐(0) 编辑