Nikkkki的一周分享007

发表于 2018-09-08 更新于 2018-09-09 分类于 Life 阅读次数： Disqus：

想要每周把自己看过、读过、去过、感受过的内容都记录下来，作为礼物送给以后的自己。

微博上有一条讨论转行做程序员的，看了一下大家的回答，有护士转行的，狱警转行的，茶艺师转行的，学制冷转行的，看完就对自己有信心了。

学习

最近在准备忙找工作，想到面试会问到一些原理性质的题目，以及之前学了很多东西都没有机会好好梳理，所以这周按照Blue老师在公众号文章里列出的前端应该掌握的知识点开始梳理，这周梳理了以下内容：

BOM

BOM是浏览器对象模型，它的核心对象是window对象，window对象下有6大模块：document, frames, navigator, history, screen, location。

前端弹窗的三种形式，两个timer方法：setTimeout和setInterval，以及cookies的用法。

DOM

DOM是文档对象模型，它是JS操作HTML的接口。DOM的根元素就是BOM中提到的document对象。

根据DOM的发展历史，可以将DOM分成4个阶段，DOM 0阶段只是参照点，非真正的标准；DOM 1添加了HTML专用的对象，扩展了函数；DOM 2新增师徒、事件、样式、遍历和范围；DOM 3引入加载和保存、验证、支持XML1.0规范。

操作DOM的方法和DOM事件。

DOM节点，包括操作DOM节点、HTML DOM节点的类型和DOM节点的基本属性。

事件系统

JavaScript是一种事件驱动语言，事件驱动语言的定义以及与I/O编程的区别。

事件循环的机制及浏览器的机制。

事件流：事件捕获、事件处理和事件冒泡，事件委托；

事件对象的属性和方法；

事件处理的方法和常见事件类型。

HTML解析过程全解

浏览器的主要功能和架构，作为浏览器内核，渲染引擎如何从获取文档到解析呈现的主流程。

常见解析器的类型和解析方法。

HTML如何通过标记化和树构建完成DOM树；样式表解析构建渲染树；布局和绘制。

本地存储方法

五种本地存储的方法，包括最原始的cookie，HTML5的新方法：localStorage和sessionStorage，本地浏览器数据库方法:Web SQL和IndexedDB。

「翻译」互联网是如何运作的？

翻译了一篇比较老的关于互联网运行机制的文章，详细介绍了协议栈、互联网的基础设置和架构、路由层级、DNS、HTTP和SMTP协议、传输控制协议和互联网协议。非常好的一篇科普文。

科技

Chrome10周年

正值Google推出Chrome10周年，Chrome发布了新的69版本，遵循Material Design 2的设计规范，用Chrome自己的话来说是“更时尚、更现代了”。

Chrome杀死URL

Chrome计划采用新的方式进行网络资源定位，改变URL的呈现形式。URL自1994年定义以来已经被使用了20多年，但随着网络环境的变化，它正变得越来越难阅读和理解，导致用户无法准确获知自己面对的到底是什么。新方案在讨论中，目前还未提出具体替代方案，但焦点在于增强网络安全性和身份完整性。

Chrome不再显示www

Chrome认为www是一个”不重要（trivial）”的子域名，会在地址栏中隐藏www。

阿里巴巴正式开源图表库Bizcharts

Bizcharts是一款基于React技术栈的图表库，支持Canvas和SVG两种模式的图表渲染。

Adware Doctor安全大师盗取用户信息

Mac App Store中排名第一的付费应用Adware Doctor被用户发现app会秘密记录用户的浏览器历史记录，并发送到开发者设定的服务器中。但软件通过了Apple审核，被指Apple审核机制存在漏洞。目前该app已经下线。

Chrome工程师提议新型HTTP状态管理协议替代cookie

Chrome工程师Mike Wes提出通过为用户浏览的每个安全的源生成一个唯一的256位大小的Token作为结构化的HTTP的请求头，来替代cookie，从而提高用户的安全性。

Tor浏览器扒光了暗网的底裤

Tor(洋葱)是一种可以保护用户IP地址的浏览器，是访问暗网的渠道之一，但菜鸟用户们错误配置暗网服务器会导致底层服务器IP地址的暴露，能让执法部门轻松找到暗网市场背后的供应商及用户。

肉眼最难分辨的钓鱼网站

大部分人在浏览网站时，会用肉眼观察网站的URL地址，以及地址旁边的安全标示来判断网站是否是钓鱼网站。但一名叫郑旭东（读音）的中国研究人员报告了一种钓鱼方法，通过使用看起来类似的字符替换原字符，如俄语里的α(阿尔法)替代英语中的a，结合浏览器针对DNS服务器的punycode编码方式，来制作假域名。

工具

语雀

蚂蚁金服旗下的在线文档编辑和协同工具。支持Markdown语法，支持文件分享和订阅，支持文件库（类似笔记本），颜值很高，这周开始用之后就停不下来。

HTTPie

HTTP命令行客户端，支持输出JSON，语法高亮。

Alfred 有道插件

Alfred真是效率神器，搭配各种插件简直神气到飞起。最近因为经常翻外网，时不时要查个单词，用Alfred插件实在太方便，直接command+space召唤出Alfred，输入d就可以开始翻译了。网上能找到好几个有道的Alfred插件，我当时选这个好像是因为可以同步到个人的单词本。

Chrome插件：Windscribe 实现科学上课

一款科学上网的Chrome插件，windows版、mac版、ios版应有尽有，最新的mac版登录时会有点问题，Chrome插件则一直都很稳定。认证邮箱后每月送10G流量，速度也非常不错。

Chrome插件：baiduAdfinisher 屏蔽百度广告

虽然自从有了Windscribe之后，就翻墙用Google，基本不用百度了，但最近百度广告又在微博上被围攻，就下了这个插件，以防万一。

诗

旅人

作者 / [英国］菲利普·拉金翻译／阿九选自／《菲利普·拉金诗全集》，河南大学出版社

火车上我们无须找伴，

因为出行的全部理由就在于

把获得承认之类的事高高挂起。我们

在无意之间已成孤岛，正如

我们的心在抵达我们神往之地。

但如此非人格化的进行下去，

我们甚至没看见坐在对面的那个人。

谁知道呢，他也许比

那个在远方某地等待的人

更清楚地知道我们真正的目的地。

忧郁

作者 / [罗马尼亚] 卢齐安·布拉加译者 / 高兴选自 /《深处的镜子》，山东文艺出版社

流浪的风擦着窗上

冷冰冰的泪。雨在飘落。

莫名的惆怅阵阵袭来，

但所有我感到的痛苦

不在心田，

不在胸膛，

而在那流淌不息的雨滴里。

嫁接在我生命中的无垠的世界

用秋天和秋天的夜晚

伤口般刺痛着我。

白云晃着丰满的乳房向山中飞去。

而雨在飘落。