hero image

Sanitarium

欢迎来到疗养院

今天就在浏览器中使用 ES Modules

今天就在浏览器中使用 ES Modules

本文将会告诉你如何在浏览器中使用 ES modules。

直到不久之前, JavaScript 还没有模块的概念。曾经,无法在一个 JavaScript 文件中引用另一个 JavaScript 文件。随着应用的量级和复杂度的上升,使得在浏览器中写 JavaScript 代码变得很 trick 。

一种常见的解决方案是在页面中使用<script>标签来加载任意的 JavaScript 文件。然而,这种方法也有自己的问题。例如,每个标签都会产生一个阻塞渲染的 HTTP 请求,这使得包含较多 JavaScript 代码的页面变得很缓慢。由于加载顺序和依赖关系相关,依赖管理也会变得很复杂。


大约 5 分钟javascriptfrontend前端前端javascriptes-modules模块
HTTP/2 服务端推送全面指南

HTTP/2 服务端推送全面指南

对于注重性能的开发者来说,过去一年左右的时间里,性能优化的领域发生了很大的变化,其中 HTTP/2 的出现可能是最重要的。HTTP/2 不再是我们渴望拥有的特性,它已经到来了,而且还带来了服务器推送!除了解决常见的 HTTP/1 性能问题(例如头部阻塞和未压缩的头部),HTTP/2 还为我们提供了服务器推送!服务器推送可以让您在用户请求之前发送站点资源。这是一种优雅的方式,可以实现 HTTP/1 优化实践(例如内联),但没有该实践带来的缺点。

在本文中,您将学习有关服务器推送的全部知识,从它是如何工作的到它解决的问题。您还将了解如何使用它,如何确定它是否起作用以及它对性能的影响。让我们开始吧!


大约 19 分钟networking网络网络HTTPHTTP/2server-push
让我们写一个简单的解释器

让我们写一个简单的解释器

“如果你不知道编译器是如何工作的,那么你就不知道计算机是如何工作的。如果你不确定自己是否100%了解编译器的工作原理,那么你就不知道它们的工作原理。” —— Steve Yegge

就是这样。想想看。无论你是新手还是经验丰富的软件开发人员:如果你不知道编译器和解释器如何工作,那么你就不知道计算机是如何工作的。就那么简单。

那么,你知道编译器和解释器如何工作吗?我是说,你是否100%确定自己知道它们的工作原理?如果不知道,请学习。


大约 12 分钟compiler编译原理interpre
什么是预加载?有什么用?

什么是预加载?有什么用?

预加载(规范)是一项旨在改善性能并为Web开发人员提供更精细的加载控制的新Web标准。它使开发人员能够定义自定义加载逻辑,而不会遭受基于脚本的资源加载器所带来的性能损失。大部分的现代浏览器已经支持了预加载。但预加载是什么?它有什么作用?它如何帮助你?

几周前,我在Chrome Canary中发布预加载支持,除非出现意想不到的错误,它将在四月中旬到达Chrome稳定版。但是,什么是preload?它是做什么的?如何帮助您?


大约 13 分钟networking网络httpcomputer-networking网络preload
[存档] 奶爸的英语教室 指南帖——简易版

[存档] 奶爸的英语教室 指南帖——简易版

本帖,仅针对想提高英文人群,考试党勿入!想学的纯正口音(英美无所谓)请叉了此页。

书店的学习方法那么多,网络上的资料那么庞杂,哪个才是好的呢?为什么我必须按照你的学呢?

因为很简单,那种每天积累靠平时坚持的的狗屁方法完全扯淡,这么断断续续十年也学不好,没有人有那样的毅力坚持十年,从未有人明确指出过:英文必须系统性,一鼓作气,拿出一年的娱乐休闲时间——晚上不看狗血垃圾电视剧就OK,彻底学到比较高的程度,以后就是使用英文的状态了,那个时候一天或者一周积累一两个句型才可行,或者你都没必要再积累了,英文能力已经内化,不需要再“学习”了


大约 4 分钟
[存档] 奶爸的英语教室 A1 语音听力初挑战

[存档] 奶爸的英语教室 A1 语音听力初挑战

绝大部分高考结束后的成年人都适合从A1开始。

少部分人可以从A2开始

极少数人可以从A3开始

A1的主要目的是对语音有初步认知,熟悉美语慢速语流,并积累一定的词汇量,所以分两步

第一步,购买《赖世雄美语音标》,认真学习

学习时候把自己当做没学过音标,抛弃以往杂念,全身心投入,相对来说很容易。

这本书的kk音标和国际音标一共只有8处不同,稍微留意就很容易掌握了解,这个都弄不懂撒娇说太难的人,我觉得还是别学英语了。

第二步,使用美国专业博士开发的语音材料ESLPOD


大约 5 分钟
[存档] 奶爸的英语教室 A2 语流基础新上路

[存档] 奶爸的英语教室 A2 语流基础新上路

这个阶段仍然分两块

1,学习Lisa的发音课程,American Accent Course因为是讲课,就没什么方法可讲,认真看视频,跟着大声模仿,反复学习

最好把课程多学几遍,直到熟练于心。

有条件最好买正版,没条件,well...

链接: http://pan.baidu.com/s/1boVgusf 密码: hpaj 下载失效了,我也没办法,你们自己找吧,反正资源还挺容易找的


大约 9 分钟
[存档] 奶爸的英语教室 A3 近常速语流初接触

[存档] 奶爸的英语教室 A3 近常速语流初接触

经过了A2阶段的练习,语音和听力应该都提高了不少,差不多可以进行“近常速语流”训练了。

这个阶段要基本能听懂常速,同时能明确分清英美音区别

第一步,学习American Pronunciation Worshop视频课程 同时搭配爱荷华大学的口腔剖面

方法:先跟着APW学习,那个方法很简单,打印脚本,每天抽出一段时间,打开视频,跟着主持人操练即可,每天2个视频可以在两周内学完

在中途,如果有比较疑惑的音标发不准,请打开爱荷华大学的材料,看看口腔动态图,好好体会体会,然后接着看视频


大约 5 分钟
[存档] 奶爸的英语教室 B1 听力最后壁垒,一鼓作气突破

[存档] 奶爸的英语教室 B1 听力最后壁垒,一鼓作气突破

EP一共有6000多词汇量,从A3毕业后进入B1,目标是彻底突破常速英语最后一层壁垒,词汇量过万

B1完成后,就基本不用再“学”英语,而是可以遨游在英语世界里,比较自由随心了,当然口语还是不太熟练的

第一步,购买书籍American Accent Training学习

方法和安排书里都有,我就不赘述了,国内中文版很多错误,最好下载PDF打印自己学习

链接: http://pan.baidu.com/s/1skLky3z 密码: cvwm


大约 20 分钟
[存档] 奶爸的英语教室 B2 突破语法,完成正统口语练习

[存档] 奶爸的英语教室 B2 突破语法,完成正统口语练习

B1完成后足够你成为所谓大牛了,想去英语角炫技也随便炫,如果你觉得水平不够,想继续深入学习,那么请看这里

第一步:赖世雄语法/文法俱乐部

选择哪本语法书都可以,如果你之前学校基础不好,那么选择赖世雄,全流程讲解,如果语法学的不错,那么看文法俱乐部

第二步,通过名人演讲来突破口语和主动词汇 模仿commencement speech,做到脱口而出

演讲分很多种,有一种演讲发生的场合都是在一个场合:大学的毕业典礼,所以有个共同的名字 -- commencement speech。


大约 8 分钟
2
3
4