欢迎光临
Merrier的个人博客

他山之石,可以攻玉,好文章推荐

写在前面

经常看别人的博客或者文章,有时候闲暇时间也会刷一刷微信公众号神马的(但其实微信公众号上的文章也是转载其他人的博客),所以难免会碰到一些“不想关闭”的文章,放到收藏夹里又怕哪天消失了,所以就放到这里吧,也可以节省大家寻找好文章的时间。(这些文章有些难度会比较大,不太推荐将大量的时间花费在“纠结原理”上)

人工智能相关

深入浅出看懂AlphaGo元

前段时间关于阿法狗的一篇文章(《今日Nature: 人工智能从0到1, 无师自通完爆阿法狗100-0 | 深度解析》)火爆了微信朋友圈,而关于阿法元是如何自我学习的,这篇文章讲述的很明白。

浅谈人工智能:现状、任务、构架与统一 | 正本清源

“人工智能”这个名词在沉寂了近30年之后,最近两年“咸鱼翻身”,成为了科技公司公关的战场、网络媒体吸睛的风口,随后受到政府的重视和投资界的追捧。于是,新闻发布会、高峰论坛接踵而来,政府战略规划出台,各种新闻应接不暇,宣告一个“智能为王”时代的到来。

到底什么是人工智能?现在的研究处于什么阶段?今后如何发展?这是大家普遍关注的问题。这篇文章用大篇幅解释了这些问题,目录如下:

  • 第一节    现状:正视现实
  • 第二节   未来:一只乌鸦给我们的启示
  • 第三节    历史:从“春秋五霸”到“战国六雄”
  • 第四节    统一:“小数据、大任务”范式与认知构架
  • 第五节    学科一:计算视觉 --- 从“深”到“暗”
  • 第六节    学科二:认知推理 --- 走进内心世界
  • 第七节    学科三:语言通讯 --- 沟通的认知基础
  • 第八节    学科四:博弈伦理 --- 获取、共享人类的价值观
  • 第九节    学科五:机器人学 --- 构建大任务平台
  • 第十节    学科六:机器学习 --- 学习的终极极限与“停机问题”
  • 第十一节  总结:  智能科学 --- 牛顿与达尔文的统一

前端相关

玉伯《从前端技术到体验科技(附演讲视频)》

我想,玉伯大神应该不用过多介绍了吧,从之前的seajs到现在ant design,而玉伯大神也从一名前端工程师“进化”为一名架构师,这篇文章是玉伯大神在SEE Conf大会上的演讲记录,同时文章末尾还有演讲视频链接,不喜欢看文字的朋友可以直接看演讲视频。

哔哩哔哩(B站)的前端之路

作者总结了B站的前端进阶之路,前端的轮子很多,作者介绍了B站是如何选型的以及遇到了哪些坑。

深入剖析 WebKit

这篇文章和他的题目一样,真的很“深入”,因为你可以看到滚轮滑动的速度。。不过图文并茂的表现形式并不会让你产生“看不下去”的感觉,来张目录感受一下是不是干货:

前端文章- 收藏集 - 掘金

掘金上面关于前端的文章集合,闲暇时间看一下,可能会有意想不到的收获

前端工程——基础篇

fis作者张玉龙对于前端工程的理解,从组件化到资源管理都阐述了自己的观点,这是一篇2015年的文章,但是文中的某些观念到现在看来仍然是字字珠玑,相信看完之后的你可以对前端有更深层次的理解

大公司里怎样开发和部署前端代码?

又是张玉龙的文章,通过一个实际的场景一步步的告诉你大公司的前端代码是如何开发和部署上线的

Web前端知识体系精简

从前端三剑客:HTML、CSS、Javascript的角度分析了前端的知识体系,涉及到的领域比较广泛,很适合前端新人开拓视野和寻找学习方向,同时总结的也很全面,是一篇不错的入门教材

移动时代的前端加密

这篇文章篇幅很长,对于前端来说,很多人感觉“加密”是莫须有的一种东西,其实这是一种误解,“加密”并不意味着绝对安全,这篇文章将从这个角度向你阐述前端加密的正确姿势。

前端疲劳

有这么多不同的前端技术栈,不同的前端框架,不同的前端工具和库像水一样包裹着我,我不去学就不会,学了又学不完。在前端的海洋里越陷越深的我究竟该如何自救呢?这篇文章可能有你要的答案

精读前后端渲染之争

前后端渲染一直以来都是一个带有争议的话题,而该文章的作者对国外一篇关于前后端渲染的文章进行了精读,介绍了前后端渲染各自的优缺点,以及我们在实际项目中如何取舍。

技术雷达之「微前端」- 将微服务理念扩展到前端开发

看标题就知道,这是一篇基本上看不懂的文章,不过图文并茂的形式让这篇文章生动了很多,内容很充实,覆盖面很广

理解Web路由

关于路由,其实是一个很抽象的概念,而这篇文章对经常提到的前端路由和后端路由的实现和区别进行了很详细很清晰的讲解,同时对动态路由和严格路由也进行了介绍。

一站到底 ---前端基础之网络

这篇文章算是近几年来我读过的信息量最大、知识点最全的文章了,作者从访问一个网址说起,为读者建立了一个健全的网络知识体系,该文章解答了以下问题:

必会:

  • http报文都有哪些内容?
  • HTTP协议头含有哪些重要的部分,HTTP状态码?
  • HTTP状态码状态码都有哪些?
  • 什么是强缓存?什么是弱缓存?
  • 浏览器的现缓存机制是什么?如何设置HTTP缓存?
  • 你知道有哪些HTTP方法?POST 和 PUT 有什么区别?
  • 如何对数据进行压缩(ZLIB),Gzip? 压缩的范围是什么,请求头会压缩吗?
  • 跨域,为什么JS会对跨域做出限制?如何允许跨域?

基础:

  • 影响网速的原因有哪些?网络丢包的主要原因是什么?
  • 网络体系结构的五层参考模型都是什么?它们之间的关系是什么?
  • 我们常听到报文、段(分组)、数据报、帧、和数据包,它们有什么关系?
  • Ajax能发送http请求,它和http有什么样的关系?
  • HTTP1.0 到 http1.1 解决了什么问题?
  • http2有什么特性?
  • http1.1为什么会有队首阻塞?
  • SSL与TLS关系?HTTPS协议如何实现?

补课与拓展:(慢慢更新)

  • 常用的传输层协议有哪些?TCP和UDP分别有什么特点?
  • 解释一下TCP的三次握手和四次挥手?
  • 为什么说TCP可能是网络通信的瓶颈?如何解决TCP队首阻塞?
  • 谷歌新出QUIC为什么要基于UDP?
  • QUIC有哪些新特性,解决了什么问题?

WEB 服务器探究

作者介绍了 web 服务器的基本概念,和常见的服务端演替路线。图文并茂的方式很容易理解,干货满满。

网站性能优化实战——从12.67s到1.06s的故事

作者将自己的在线简历进行了性能优化,首屏时间从12.67s降低到了1.06s,这个过程中作者踩了很多坑,翻阅了很多书籍,最终总结出了这篇文章。文章涉及到的知识点比较全面,对性能优化进行了系统的介绍。

现代 Web 开发基础与工程实践

前端大牛@王下邀月熊的著作,对Web 开发基础与工程实践的相关博客、示例代码与开源项目、整理成的系列书籍等内容进行了总结,信息量异常庞大,包含以下篇章:

  • 导论篇: Web 开发简史与运行机制,数据流驱动的界面,模块化与组件化,工具化与工程化,前后端分离与 GraphQL,大前端与 WebAssembly。
  • 基础篇: 对于 HTML、CSS、DOM 等 Web 开发中涉及的基础知识与理念的总结介绍。
  • 工程实践篇: 构建工具,测试,安全,WebAssembly。
  • 架构优化篇: 组件化,状态管理,性能优化,PWA。
  • React 篇:近年来前端领域百花齐放,各种技术方案争妍斗艳,各领风骚。本书立足于其中的佼佼者 React,深入浅出的介绍 React、Webpack 、 ES6、Redux 、 MobX 等常见前端开发工具与开发库的用法,帮助初学者能够迅速成为一名合格前端工程师。而本书也不仅局限于工具使用的层面,探寻各种技术方案背后蕴含的设计思想与架构模式,从前端工程化的角度讨论前端开发者在进阶过程中需要掌握的工程实践、模块化与组件化、质量保障、性能优化等知识要点。最终帮助开发者在前端开发中能够因地制宜的指定合理方案,以尽可能快的速度实现可信赖的产品。
  • Vue 篇:本部分目前正逐步启动,笔者的初衷是希望能够保证本书章节与 React 与前端工程化实践尽可能一致,从而更方便地去介绍不同技术栈下相通的设计理念;目前本书的目录只是拷贝自 React 与前端工程化实践,未来笔者会逐步完善。

雅虎前端优化35条规则翻译

本文是大名鼎鼎的雅虎前端优化规则(Yslow)的翻译。作者对其中的一些例子进行了精简。

JS相关

统一回复《怎么学JavaScript?》

作者通过自己的经历告诉大家:如何学习前端。这是一篇很不错的前端入门文章,作者推荐了一些前端方面的书籍,同时还注明了这些书籍适合什么时候阅读以及适合怎样阅读,建议仍然不知道如何学前端的你好好看一下这篇文章

javascript 的 12 个怪癖(quirks)

实际上 javascript 是一个相当简洁的语言,但是也难免会有一些怪癖(quirks)。这是作者翻译的国外一个开发者的系列文章,同时在我发布之前(2017-8-7),作者还没有翻译团队,如果有英语比较好的前端小伙伴,欢迎加入翻译的队伍中,像我这种英语“战五渣”表示只能“拿来”了。。

80% 应聘者都不及格的 JS 面试题

从最简单的setTimeout()执行队列,到自执行函数产生闭包,再到ES6中的promise以及ES7中的async和await,作者通过一道不断延伸出来的js面试题讲解了在面试中经常遇到的问题,同时对以上的这些知识点进行了概括总结

[翻译] We have a problem with promises

promise一直是被认为判断一名“前端工程师”是否仍然处在“初级”的利器,而这篇文章通过promise相关的四段代码对promise进行了深入剖析,这是一篇译文,英文原文可以点击这里查看

学用 JavaScript 设计模式

设计模式的概念很早之前就有了,而JS虽然之前一直被认为是“做网页”的语言,但是JS中也有设计模式的思想,相信看完这个系列的文章之后,你会对JS有更加深入的理解,该系列文章对于没有“面向对象”语言基础的童鞋来说可能会有些难度,建议在看的过程中及时查阅其他资料。

ajax跨域,这应该是最全的解决方案了

看题目就很屌,恩。。

jQuery的document ready与 onload事件——你真的思考过吗?

虽然题目看似和jQuery关系很大,但其实作者探究了很多JS相关问题,包括加载顺序以及load事件的产生原因,内容短小精悍,值得一看。下面这些问题是作者在文中所阐述探索的:

  1. window.onload到底是什么加载完触发?
  2. body为什么会有onload事件?
  3. 为什么是window.onload,而不是document.onload?
  4. document ready到底是什么ready,DOM渲染完成?
  5. jQuery怎么实现$(document).ready?
  6. jQuery的ready,还能ready什么?
  7. jQuery的document ready就一定比window.onload快吗?
  8. 为什么外部script文件放页面内容后面好,是一定的吗?

10分钟了解JS堆、栈以及事件循环的概念

作者通过JS的内存机制以及事件机制大量的(例子)来讲解栈、堆究竟是个什么玩意。概念比较多,不用死读,把所有的实例代码手敲一遍就很清楚了,作者讲的很透彻,该文章来自于薄荷前端周刊,该周刊发布的文章都蛮不错的,建议阅读~

7分钟理解JS的节流、防抖及使用场景

防抖和节流是两个很重要也经常会用到的知识点,这篇文章的重点并不是介绍它们的实现原理,而是着眼于它们的应用效果和应用场景,文中对于防抖和节流产生效果的总结很通俗易懂:

函数防抖就是法师发技能的时候要读条,技能读条没完再按技能就会重新读条。

函数节流就是fps游戏的射速,就算一直按着鼠标射击,也只会在规定射速内射出子弹。

精读 The Cost of JavaScript

Addy 在 The Cost of JavaScript In 2018一文中分享了在保证用户友好交互体验的前提下如何高效分发 JavaScript 的开发经验,而我现在推荐的这篇文章是一篇导读文章,原文作者首先将全文的内容压缩成几条观点总结出来,之后从用户体验为 Web 带来的变化开始说起,到 JavaScript 的成本有哪些、它们为何如此高昂、如何降低开销以及持续集成,全文形成一个非常完整的优化流程:

  1. 写在开头的话
  2. 膨胀的 JavaScript 与 Web 现状
  3. JavaScript 的成本所在
  4. 页面交互性解释与建议
  5. 处理 JavaScript 成本为何如此昂贵
  6. 千差万别的移动用户与应对策略
  7. 分发更少 JavaScript 的常见技巧
  8. 持续集成四部曲

深入理解javascript原型和闭包系列

本系列有16篇文章,外加两篇后补的,一共18篇文章。将原型和闭包相关知识都进行了讲解,知识点很全,图文并茂。

JavaScript 模块化七日谈

作者以slide的形式讲解了JS模块化的发展历程,目录:

  • 第一日 上古时期 Module? 从设计模式说起
  • 第二日 石器时代 Script Loader 只有封装性可不够,我们还需要加载
  • 第三日 蒸汽朋克 Module Loader 模块化架构的工业革命
  • 第四日 号角吹响 CommonJS 征服世界的第一步是跳出浏览器
  • 第五日 双塔奇兵 AMD/CMD 浏览器环境模块化方案
  • 第六日 精灵宝钻 Browserify/Webpack 大势所趋,去掉这层包裹!
  • 第七日 王者归来 ES6 Module 最后的战役

写了10年Javascript未必全了解的连续赋值运算

a.x = a = {n:2} 是一个连续赋值表达式。 这个连续赋值表达式在引擎内部究竟发生了什么?是如何解释的?作者从这一问题出发,对JS中的变量定义规则进行了研究。

HTML相关

常用的 HTML 头部标签

曾几何时,我们已经不再手写 HTML 标签。Emmet、Markdown 等工具让我们「健步如飞」,但是我们真的了解这些标签了吗?这篇文章着重介绍了一些我们容易忽视和用错的头部标签,特别是 iOS 等针对移动设备的一些标签。这是一篇非常基础的标签索引,其中 iOS 设备部分对设计师也有参考作用。

H5项目常见问题汇总及解决方案

这是一篇还算比较新的文章(2017-3-26),作者总结了一些前端开发过程中的常见问题,虽然有些问题可能不算是“常见”,但是看过一遍之后留下点印象也是可行的,到时候如果真遇到了不会解决的问题就知道去哪里找答案了~

HTML5 进阶系列:文件上传下载

HTML5 中提供的文件API在前端中有着丰富的应用,上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好,包括移动端。作者在该文中介绍了一些上传下载的API,包括FileList 对象和 file 对象、Blob对象和FileReader对象等。

CSS相关

写CSS的姿势

作者-大漠,内容很丰富,放在第一位是有原因的。。

CSS实现长宽比的几种方案

作者是传说中的大漠孤秋,介绍了单纯用CSS实现定比例长宽图形的几种方案

实用的 CSS — 贝塞尔曲线(cubic-bezier)

贝塞尔曲线在CSS动画中应用较广,了解一下对于CSS动画效果会有更深的理解

探究 CSS 解析原理

作者对浏览器的渲染过程和CSS的解析原理进行了详细解释,代码很多,干货满满

改变用户体验的滚动新特性

作者是大漠,他在文中介绍了时至今日,CSS中为浏览器滚动提供的相关新特性究竟能给用户带来哪些新的体验。图片和代码较多,慎用流量

说说CSS学习中的瓶颈

张鑫旭2012年的文章,虽然年代比较久远了,但是至今看来还是颇受启发,如果你有“CSS好难”、“为什么CSS那么多属性”、“怎么让它垂直居中啊”等疑问,推荐你看这篇文章。

框架相关

react组件的生命周期

作者详细介绍了和react生命周期的一些函数执行时机以及它们的作用,通过实例的方式进行了讲解,个人感觉讲解的非常清晰

Gulp和Webpack对比

作者通过实际的代码对比了gulp和webpack在功能、原理以及模块化方面的优缺点

webpack常用插件及其作用

介绍了webpack经常用到的一些插件和它们的作用,美中不足的是没有具体代码以及介绍的插件有点少

webpack源码阅读——npm脚本运行webpack与命令行输入webpack的区别

虽然是一个小知识点,不过作者读源码的精神可嘉

webpack - 收藏集 - 掘金

掘金上面的webpack相关文章,webpack本身实在太复杂,还是需要一些文章差补缺漏的

Vue.js——60分钟快速入门

vue入门教程,还有另外两篇文章,文章最后有链接,个人认为是目前为止看到的最舒服的vue入门教程,排版配色都很不错

深入到源码:解读 redux 的设计思路与用法

一直都没搞明白redux,后来看了这篇文章,讲的很详细,而且讲解了一部分源码,推荐!(下面一段话取自该文章)

组织 redux 的流程莫过于:

  • 设计全局 state 的数据结构
  • 设计更改 state 数据的 actionTypes 常量以及其他跟视图展现相关的 actionTypes 常量
  • 根据 actionTypes 常量,书写 actionCreator 。
  • 根据各个 actionCreator 的返回值,涉及 reducer 做数据的最后处理
  • 在有了 reducer 函数之后,createStore(reducer, initState) 得到 store 对象
  • 用 bindActionCreators 函数将 actionCreators 和 store.dispatch 绑定起来,得到一组能修改全局状态的函数
  • 分发各个状态修改函数到各个 DOM 事件中。

Vue生命周期深入

这篇博客会从下面四个常见的应用诠释了组件的生命周期,以及各个生命周期应该干什么事,博主写的很不错,直观易懂,很适合接触vue不深的童鞋。

  1. 单组件的生命周期
  2. 父子组件的生命周期
  3. 兄弟组件的生命周期
  4. 宏mixin的生命周期

浏览器相关

浏览器进程?线程?傻傻分不清楚!

什么是多进程架构浏览器?为什么浏览器内核是多线程?Javascript是单线程又是什么鬼?进程和线程是否分得清楚呢?文章干货和知识点比较多,需要查阅相关知识才能完全消化。

WebView性能、体验分析与优化

来自美团的技术文档,对webview的方方面面都进行了详细的介绍,同时指出了其存在的问题,相信看完之后对于webview会有更深层次的理解~

浅析HTTP缓存的机制-浏览器缓存

在浏览器众多缓存中的HTTP缓存可能很多人对这个的概念并没有很清晰,每个人都知道进入一次网页之后再刷新一次页面,加载速度会比首次加载快非常多,每个人都知道这是浏览器缓存的magic,但是对此背后的原因可能不甚了解;作者结合状态码介绍了强缓存和弱缓存的区别和触发条件,篇幅短小精悍,值得一读。

深入理解JSCore

目前业界流行的动态化方案,如Facebook的React Native,阿里巴巴的Weex都采用了前端系的DSL方案,而它们在iOS系统上能够顺利的运行,都离不开一个背后的功臣:JavaScriptCore(以下简称JSCore),它建立起了Objective-C(以下简称OC)和JavaScript(以下简称JS)两门语言之间沟通的桥梁。作者从浏览器谈起,对Webkit内核的工作原理和组成进行了详细介绍,同时介绍了JSCore的组成部分:词法分析、语法分析和解释执行,后面还介绍了iOS中的JSCore的应用和一些机制,篇幅较长,但是干货满满,如果你对浏览器渲染引擎感兴趣,这篇文章值得一看~

H5唤起APP指南(附开源唤端库)

唤端的定义:引导已下载用户打开APP,引导未下载用户下载APP。对于用户留存来讲,唤起App是一种很重要的手段,这篇文章可以说把所有和唤端相关的知识点都介绍了,最后还给自己的工具打了一发广告。。

当···时发生了什么?

这个仓库试图回答一个古老的面试问题:当你在浏览器中输入 google.com 并且按下回车之后发生了什么?不过作者不再局限于平常的回答,而是想办法回答地尽可能具体,不遗漏任何细节。包括一些硬件知识也包含其中,我相信如果面试官问到你这道题,然后你的回答是这篇文章里面描述的话,面试官肯定会大吃一惊!

HTTP,HTTP2.0,SPDY,HTTPS你应该知道的一些事

作为一个经常和web打交道的程序员,了解这些协议是必须的,而这篇文章就向大家介绍了一下这些协议的区别和基本概念,文中不局限于前端知识,还包括一些运维,协议方面的知识。

浏览器的工作原理:新式网络浏览器幕后揭秘

这是一篇全面介绍 WebKit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数,并花了很多时间来研读网络浏览器的源代码。

网络浏览器很可能是使用最广的软件。在这篇入门文章中,作者将会介绍它们的幕后工作原理。我们会了解到,从在地址栏输入 google.com 直到在浏览器屏幕上看到 Google 首页的整个过程中都发生了些什么。文章讲解的很详细,篇幅较长,需要比较大的耐心才能看下去。

计算机基础

编码简介:utf8,utf16以及其它

作者对utf8和utf16以及其它相关知识进行了介绍,前端同学可能很少会关注到字符编码规则,但是有时候我们经常会遇到乱码等问题和Bug,而在阅读完这篇文章之后,相信你对字符编码这类知识会有一个很深的理解。

服务层相关

node基础面试事件环?微任务、宏任务?一篇带你飞

这是一篇很干货的文章,作者介绍了node的应用场景以及特性,同时还顺带着介绍了同步/异步、阻塞/非阻塞、微任务/宏任务这些node面试中经常遇到的知识点,虽然篇幅不是很长,但是涵盖的范围比较广,对于刚入门前端的童鞋来说有比较大的难度,不过对于那些已使用node一段时间的童鞋来说是一篇不错的总结类文章。

Error Handling in Node.js

关于Node中异常的种类,以及应该如何处理异常方面的设计文章,比较长,而且是英文的,但比较受益。(有没有大佬翻译一把?)

Mac相关

EffectiveMac

作者是在今日头条任职的iOS高级工程师,在这篇文章里介绍了Mac的一些使用技巧以及配置指南,包括Vim、Git、Zsh等工具的使用方式,是截止到目前为止我看过的最全面、最实用的Mac教程,经常用Mac的童鞋一定要抽空看一看!

冷门

GraphQL and Relay 浅析

相信大部分人都没听说过GraphQL和Relay吧,这篇文章就对这两样东西进行了介绍,同时文章结尾还有一些扩展阅读链接

译文:Puppeteer 与 Chrome Headless —— 从入门到爬虫

Puppeteer 是 Google Chrome 团队官方的无界面(Headless)Chrome 工具。正因为这个官方声明,许多业内自动化测试库都已经停止维护,包括 PhantomJSSelenium IDE for Firefox 项目也因为缺乏维护者而终止。

初探 Headless Chrome

Headless Chrome 是 Chrome 浏览器的无界面形态,可以在不打开浏览器的前提下,使用所有 Chrome 支持的特性运行你的程序。相比于现代浏览器,Headless Chrome 更加方便测试 web 应用,获得网站的截图,做爬虫抓取信息等。相比于出道较早的 PhantomJS,SlimerJS 等,Headless Chrome 则更加贴近浏览器环境。

求职

如何写面向互联网公司的求职简历

作者在 IT 公司工作了六年,有着三年面试官的经历。文章主要内容为:

  • 简历的页数不要超过两页(最好一页)
    • 删掉不必要的信息
    • 如果你实在太牛逼,最多写 2 页
  • 重要的信息写在最前面
    • 你的联系方式
    • 你最重要的工作经历
  • 不要简单罗列工作经历
    • 列出你的工作中有价值的细节(有哪些技术上的困难等)
  • 不要写任何虚假或夸大的信息
    • 类似精通 java,精通 C/C++ 等
  • 不要附加任何可能带来负面印象的信息
    • 不要加照片
    • 不要写政治面貌
    • 不要写奇怪的爱好(打游戏,喝酒,抽烟)
    • 不要写参加过某某培训公司的 iOS 培训
    • 尽量用专业邮箱
    • 用 PDF 格式

让 BAT 的 Offer 不再难拿

作者是软件工程专业,对Web前端感兴趣,目前从事iOS开发,对开发效率的提升以及工具的使用有很深入研究和思考,相信他总结的这篇面经一定不会让你失望。

一篇文章搞定前端面试

这篇文章旨在用最通俗的语言讲述最枯燥的基本知识,文章提纲:

  1. TCP
  2. UDP
  3. 套接字socket
  4. HTTP协议
  5. DNS解析
  6. HTTP请求发起和响应
  7. 页面渲染的过程
  8. 页面的性能优化

文章集合

奇文共欣赏,疑义相与析

总结了很多不错的前端文章,领域包括ES6、前端基础、React、Webpack、TypeScript等等,大概100篇左右,信息量很大。

其他

单点登录原理与简单实现

很多产品中都会有SSO(单点登录)的实现,而本篇文章就十分详尽的介绍了SSO的原理,同时介绍了实现方式。

区块链,将如何重新定义世界?

最近,区块链真的很火,同时区块链结束被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。在这篇文章里,作者用最容易理解的方式解答了以下4个问题:

  1. 区块链的本质到底是什么?
  2. 区块链技术带来的三大巨变。
  3. 区块链面临的两大技术挑战。
  4. 区块链技术未来的发展脉络。

不过,文章篇幅较长,做好心理准备……

也许,这样理解HTTPS更容易

作者从一个经常遇到的例子开始介绍为什么我们需要HTTPS,同时推荐一本书《HTTP权威指南》

做为技术人员为什么要写博客

技术人员写博客这件事本身就很据争议,有人认为真正的大牛是不需要写博客来博人眼球的,也有人认为水平不够还写博客就是个笑话。而这篇文章就为你解释了上面这两个问题,最后和这篇文章一样,附上一句名言:有些事情你现在不去做,可能以后都不会有机会了!

从苹果公开macOS和iOS内核源码说起,分享一些开源知识

聊了聊开源精神、介绍了些开源社区,分享了点开源项目,仅此而已(还嫌不够?)

高质量文章精选 - 收藏集 - 掘金

掘金发到segmentfault上的高质量文章集合,涵盖了编程领域的各个方面

程序员字典:「牛逼」

作者通过他在招人时的“奇葩”条件展开阐述了到底如何定义一个“牛逼”的程序员,从作者的字里行间可以看出,作者是一名资深程序员,同时更是一名资深面试官和team leader,所以这篇文章对于入门级程序员和骨灰级程序猿来说都是极好的

给网站加 HTTPS 完全指南

作者介绍了如何给自己的个人网站加https,虽然具体是否可行我还没有尝试,但是如果你有这个需求,这篇文章也许会帮到你。

反击爬虫,前端工程师的脑洞可以有多大?

对于一张网页,我们往往希望它是结构良好,内容清晰的,这样搜索引擎才能准确地认知它。
而反过来,又有一些情景,我们不希望内容能被轻易获取,比方说电商网站的交易额,教育网站的题目等。因为这些内容,往往是一个产品的生命线,必须做到有效地保护。这就是爬虫与反爬虫这一话题的由来。

作为前端工程师,我们可以增加一下游戏难度,设计出一些很(sang)有(xin)意(bing)思(kuang)的反爬虫策略。

[原创译文] 2016年学习Javascript是一种什么样的体验?

与其说这是一篇好文章,还不如说这是一篇好吐槽,和上面那篇类似,作者想表达的都是“前端疲劳”这件事,只不过通过对话的形式让画风变得轻松愉快。

17 张程序员壁纸推荐

不算是一篇好文章,但是这17张壁纸着实不错~

前后端分离实践(一)

很多人都不理解甚至误解了“前后端分离”这一概念,相信这篇文章可以让你搞明白到底什么是前后端分离以及我们在什么业务场景下需要前后端分离和如何做才算前后端分离。

程序员怎么升职?

知乎上关于“程序员怎么升职”这个问题的回答,我认认真真的阅读了获得最高赞的那个回答,感觉说的很对,其中有很多道理是我一直保持认同的,希望每一位从事这个行业的人都可以花时间看一下并思考。

当你练习表达的时候,开场白是怎样去设计呢

不管你从事什么职业,表达自己都是一项必备技能。而如何表达自己,如何吸引听众呢?这篇文章从生物学的角度阐述了开场白的重要性以及什么样的开场白才会吸引到听众,同时作者还有同一类型的其他文章,感兴趣的话可以多读读。

程序员的鄙视链

如果你看了以上这些惨绝人寰的鄙视链之后,仍然没有击倒你想要学习 coding 的心,那我必须提醒你一件最重要的事:先去交一个女朋友,再来学写程序;因为一旦你成为软件工程师之后,就交不到女朋友了。

JavaScript 疲劳终极指南:我们行业的真相

抱怨 JS 疲劳就像是在抱怨人类发明了太多解决问题的工具:从邮件到飞机到宇宙飞船。这篇文章的目的是希望改变你对软件工程行业的普遍的看法,助你在你可能工作的领域上一臂之力

超大型 JavaScript 应用的设计哲学

这篇文章为译文,基于 Malte Ubl 在 JSConf Australia 的演讲速记稿和现场视频整理而来,你可以在 YouTube 上观看完整演讲。这篇文章很长,文中讨论了前端领域很多热门的话题与技术,知识点很多很密集。

图解Git

此页图解git中的最常用命令。如果你稍微理解git的工作原理,这篇文章能够让你理解的更透彻。

如何成为一名优秀的全栈工程师

现在感觉“全栈工程师”已经成为了一个梗,然而,实际上全栈工程师是真实存在的,并且是一类对产品和业务发展起到很重要作用的工程师,该文章有点鸡汤,理论偏多。

转载请注明来自:Merrier说 » 他山之石,可以攻玉,好文章推荐

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Merrier一直在努力

QQ联系邮件联系