林夏天的博客

性能凡是真正有价值的性能优化，必定是从端到端的业务场景建立体系来考虑的。性能体系的建立可以分成以下几部分：现状评估和建立指标；技术方案；执行；结果评估和监控。1. 现状评估和建立指标要想做好性能优化，正确地评估现状和建立指标是最关键的一步。作为一个工程师，指标又要考虑两个因素：对用户来说，什么样的性能指标能更好地评估它的体验？对公司来说，什么样的指标会影响业务价值呢？...

浏览器：一个浏览器是如何工作的？一：网络通讯所需要了解的浏览器工作原理只是它的大致过程。来共同思考一下。一个浏览器到底是如何工作的。实际上，对浏览器的实现者来说，他们做的事情，就是把一个 URL 变成一个屏幕上显示的网页。这个过程是这样的：浏览器首先使用 HTTP 协议或者 HTTPS 协议，向服务端请求页面；把请求回来的 HTML 代码经过解析，构建成 DOM 树；计算 DOM...

HTML 替换型元素一个网页，它是由多个文件构成的，在之前，已经学过了一种引入文件的方案：链接。另一种引入文件的方式了。替换型元素是把文件的内容引入，替换掉自身位置的一类标签。scriptscript 标签是为数不多的既可以作为替换型标签，又可以不作为替换型标签的元素。<script type="text/javascript">console.log("Hello wor...

HTML 元信息类标签所谓元信息，是指描述自身的信息，元信息类标签，就是 HTML 用于描述文档自身的一类标签，它们通常出现在 head标签中，一般都不会在页面被显示出来（与此相对，其它标签，如语义类标签，描述的是业务）元信息多数情况下是给浏览器、搜索引擎等机器阅读的，有时候这些信息会在页面之外显示给用户，有时候则不会。元信息类标签数量不多，逐一为你介绍一下。head 标签head 标签...

JavaScript 的文法：JavaScript语法(2):JavaScript 遵循了一般编程语言的‘语句 - 表达式’结构，多数编程语言都是这样设计的。脚本，或者模块都是由语句列表构成的，这次，就来一起了解一下语句。在 JavaScript 标准中，把语句分成了两种：声明和语句，不过，这里的区分逻辑比较奇怪，所以，这里winter按照他的思路整理一下：普通语句：声明型语句：...

JavaScript 的文法：JavaScript语法(1):分号自动插入分号规则自动插入分号规则其实独立于所有的语法产生式定义，它的规则说起来非常简单，只有三条。要有换行符，且下一个符号是不符合语法的，那么就尝试插入分号。有换行符，且语法中规定此处不能有换行符，那么就自动插入分号。源代码结束处，不能形成完整的脚本或者模块结构，那么就自动插入分号。no LineTerminato...

JavaScript 的文法：词法文法是编译原理中对语言的写法的一种规定，一般来说，文法分成词法和语法两种。词法规定了语言的最小语义单元：token，可以翻译成“标记”或者“词”，在此专栏文章中，统一把 token 翻译成词。从字符到词的整个过程是没有结构的，只要符合词的规则，就构成词，一般来说，词法设计不会包含冲突。词法分析技术上可以使用状态机或者正则表达式来进行。概述先看 JavaS...

JavaScript执行(四)：Completion 类型语句是任何编程语言的基础结构，与 JavaScript 对象一样，JavaScript 语句同样具有“看起来很像其它语言，但是其实一点都不一样”的特点。Completion 类型在try中有return语句，finally 中的内容还会执行吗？function foo(){ try{ return 0; } catch(e...

JavaScript执行（三）：函数在 JavaScript，切换上下文最主要的场景是函数调用。函数在 ES2018 中，函数已经是一个很复杂的体系了。普通函数：用 function 关键字定义的函数function foo () { // code}箭头函数：用 => 运算符定义的函数 foo = () => { // code}方法：在 c...

JavaScript执行(一)：Promise里的代码为什么比setTimeout先执行？当拿到一段 JavaScript 代码时，浏览器或者 Node 环境首先要做的就是；传递给 JavaScript 引擎，并且要求它去执行。然而，执行 JavaScript 并非一锤子买卖，宿主环境当遇到一些事件时，会继续把一段代码传递给 JavaScript 引擎去执行，此外，我们可能还会提供 API 给J...

JavaScript对象JavaScript 中的对象分类宿主对象（host Objects）：由 JavaScript 宿主环境提供的对象，它们的行为完全由宿主环境决定。内置对象（Built-in Objects）：由 JavaScript 语言提供的对象。固有对象（Intrinsic Objects ）：由标准规定，随着 JavaScript 运行时创建而自动创建的对象实例。原生...

JavaScript原型早期的 JavaScript 程序员一般都有过使用 JavaScript“模拟面向对象”的经历。JavaScript 本身就是面向对象的，它并不需要模拟，只是它实现面向对象的方式和主流的流派不太一样，所以才让很多人产生了误会。那些“模拟面向对象”，实际上做的事情就是“模拟基于类的面向对象”。什么是原型？原型是顺应人类自然思维的产物。在不同的编程语言中，设计者利用...

重学前端 阅读笔记关于前端工程师成长，需要两个视角：立足标准，系统性总结和整理前端知识，建立自己的认知和方法论；放眼团队，从业务和工程角度思考前端团队的价值和发展需要。只有这样做，才能够持续发展，在高速发展的技术和工程浪潮中稳稳立足。两个前端学习方法：建立知识架构是建立自己的知识架构，并且在这个架构上，不断地进行优化。追本溯源，找到知识的源头。JavaScript类...