logo头像

叩首问路,码梦为生

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

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

人工智能相关

深入浅出看懂AlphaGo元

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

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

“人工智能”这个名词在沉寂了近 30 年之后,最近两年“咸鱼翻身”,成为了科技公司公关的战场、网络媒体吸睛的风口,随后受到政府的重视和投资界的追捧。于是,新闻发布会、高峰论坛接踵而来,政府战略规划出台,各种新闻应接不暇,宣告一个“智能为王”时代的到来。 到底什么是人工智能?现在的研究处于什么阶段?今后如何发展?这是大家普遍关注的问题。这篇文章用大篇幅解释了这些问题,目录如下:

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

前端相关

从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!

该文梳理了一个较为完整的前端向知识体系,内容超多

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

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

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

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

深入剖析 WebKit

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

/images/hexo_post_286.png

前端文章- 收藏集 - 掘金

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

前端工程——基础篇

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)的翻译。作者对其中的一些例子进行了精简。

前端知识体系目录

从基础到进阶,从 HTML、CSS、JS 到 HTTP,简单的总结了前端领域需要了解的知识点,同时推荐了一些书籍,对于那些想要入坑前端的童鞋来说是一份不错的指引文档。

微前端的那些事儿

微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行独立开发独立部署

这篇文章是 phodal 对于微前端的解读,包括其实现方式以及方案对比,而微服务与前端的结合会有多大的优势,值得期待。

2018 前端常见题汇总

汇总了前端一些问题,作者不定时更新,建议收藏

  1. HTML 相关
  2. CSS 相关
  3. JAVASCRIPT 相关
  4. DOM 相关
  5. HTTP 相关
  6. VUE 相关
  7. 算法相关
  8. 网络安全相关
  9. webpack 相关
  10. 其他

InfoQ 趋势报告之 JavaScript 和 Web 开发

文章简单介绍了 Javascript 生态系统的现状和发展历程,文中提到了很多名词和框架,是一篇很不错的“扫盲”文章。

2019 - Web开发技术指南和趋势

这是一个 2019 年你成为前端,后端或全栈开发者的进阶指南:

  1. 你不需要学习所有的技术成为一个 web 开发者
  2. 这个指南只是通过简单分类列出了技术选项
  3. 我将从我的经验和参考中给出建议
  4. 首选我们会介绍通用的知识, 最后介绍 2019 年的 Web 的一些趋势

要想知道更多细节, 请看 Youtube 视频: Web Development in 2019

前端模块化详解(完整版)

这篇文章内容主要有理解模块化,为什么要模块化,模块化的优缺点以及模块化规范,并且介绍下开发中最流行的 CommonJS, AMD, ES6、CMD 规范。作者试图站在小白的角度,用通俗易懂的笔调介绍这些枯燥无味的概念,希望屏幕前的你阅读后,对模块化编程有个全新的认识和理解!

2018 前端性能优化清单

英文原文:https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/,文章较长,需要比较长的时间才能读完,涉及到的地方非常全面,五星推荐。

列一份前端知识架构图

计算机之子“Winter”列的一份前端知识框架图

茴字的四种写法—移动适配方案的进化

这是一篇一站式的文章,可以系统的了解前端适配的演进。

现代前端开发路线图:从零开始,一步步成为前端工程师

很多人都想学编程。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作,却不知道应该先学习什么再学习什么,也不知道该选择什么样的工具。因为经常被人问到类似的问题,全栈开发者Kamran Ahmed索性在github上制订了一份现代前端开发的路线图,并且用一篇文章对前端开发的整个学习过程进行了详细解释。感兴趣的初学者不容错过。

而这篇文章的目的就是依次解释路线图的每一个步骤,对于前端初学者来说具有指引作用。

JS相关

一次弄懂Event Loop(彻底解决此类面试问题)

Event Loop 即事件循环,是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。本文内容较长,通过实例对事件循环概念和应用进行了讲解,图文并茂,看起来其实并不枯燥。

统一回复《怎么学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 中的变量定义规则进行了研究。

每个 JavaScript 工程师都应懂的33个概念

这篇文章是参照 @leonardomso 创立,英文版项目地址在这里。 由于原版资源都要翻墙,所以作者创立了一个中文版,附上关于 JS 中的 33 个概念在国内的一些文章和视频。所以这可以看做是一个文章 / 视频集合,闲来无事的时候可以看一下巩固一下基础概念。

前端网老姚浅谈:怎么学 JavaScript?

前端老姚对如何学习JS这一问题的解答,主要回答了以下几个问题:

  • 看书有啥好处
  • 看什么书
  • 怎么看书
  • 看书的层次
  • 利用源码进行学习
  • 时间、兴趣等问题

Effective JavaScript

关于原生 JS 的 68 个实例,理论上,实践过下面的 68 个项目之后,你的JS能力应该有一个质的飞跃

how javascript works

本文是翻译介绍 JavaScript 的工作原理的,该系列原文还在更新中,原文见这里

JavaScript This 的六道坎

鉴于 this 风骚的运作方式,对 this 的理解是永不过时的话题,该文试图通过将其大卸六块来钉住这个磨人的妖精。通过六个成语对 this 进行了剖析讲解,非常清晰明了。

从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理

  1. 展现形式:由于是属于系统梳理型,就没有由浅入深了,而是从头到尾的梳理知识体系,重点是将关键节点的知识点串联起来,而不是仅仅剖析某一部分知识。
  2. 内容是:从浏览器进程,再到浏览器内核运行,再到 JS 引擎单线程,再到 JS 事件循环机制,从头到尾系统的梳理一遍,摆脱碎片化,形成一个知识体系
  3. 目标是:看完这篇文章后,对浏览器多进程,JS 单线程,JS 事件循环机制这些都能有一定理解,有一个知识体系骨架,而不是似懂非懂的感觉。
  4. 另外,本文适合有一定经验的前端人员,新手请规避,避免受到过多的概念冲击。可以先存起来,有了一定理解后再看,也可以分成多批次观看,避免过度疲劳。

大纲

  • 区分进程和线程
  • 浏览器是多进程的
    • 浏览器都包含哪些进程?
    • 浏览器多进程的优势
    • 重点是浏览器内核(渲染进程)
    • Browser进程和浏览器内核(Renderer进程)的通信过程
  • 梳理浏览器内核中线程之间的关系
    • GUI渲染线程与JS引擎线程互斥
    • JS阻塞页面加载
    • WebWorker,JS的多线程?
    • WebWorker与SharedWorker
  • 简单梳理下浏览器渲染流程
    • load事件与DOMContentLoaded事件的先后
    • css加载是否会阻塞dom树渲染?
    • 普通图层和复合图层
  • 从Event Loop谈JS的运行机制
    • 事件循环机制进一步补充
    • 单独说说定时器
    • setTimeout而不是setInterval
  • 事件循环进阶:macrotask与microtask
  • 写在最后的话

关于 Promise 的 9 个提示

通过 9 个鲜活的案例,我们可以加深对 Promise 的理解

HTML相关

常用的 HTML 头部标签

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

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

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

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

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

图片上传知识点梳理

在日常项目开发中,图片上传是一个十分常见的场景。在这篇文章中,作者通过简单的代码,解析了图片上传的各个知识点,包括样式自定义、图片校验、图片上传预览、图片上传与上传进度展示和拖拽上传。

requestAnimationFrame 知多少?

html5 提供了一个专门用于请求动画的 API,即 requestAnimationFrame(rAF),顾名思义就是 “请求动画帧”。这篇文章就是带你深入理解 rAF 背后的原理。

CSS相关

写 CSS 的姿势

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

CSS 实现长宽比的几种方案

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

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

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

探究 CSS 解析原理

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

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

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

说说CSS学习中的瓶颈

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

「前端那些事儿」③ CSS 布局方案

作者几乎罗列了日常工作中遇到的所有类型的布局,并附上了详细的代码,其中包括:居中布局、多列布局、并排等分,单排对齐靠左布局和圣杯布局&双飞翼布局等。源码传送门:https://github.com/willspace/css-layout/tree/master/demo-1

深入了解 CSS3 新特性

这篇文章介绍了 Web 开发中关于 CSS3 的一些内容,由浅入深的逐步引出 CSS3 的各种相关属性。基于各个 CSS3 属性的原理,通过实际的源代码介绍各个 CSS3 新特性的特点,使用方式以及使用中需要注意的地方

You need to know css

作者把自己的收获和工作中常用的一些 CSS 小样式总结成了这份文档,包含了 43 个 CSS 的小样式。

06期:前端布局基础概述

作者找到了W3C组织对初始化包含块的官方定义,为了让刚入前端圈的同学少走一些弯路,于是系统地分享一下,同时掺杂了作者本人在前端布局基础方面积累的经验。(因为是系统概述,所以篇幅会比较长,希望各位读者有心理准备)

在 css 中什么是好的注释?

注释就意味着代码无法自说明 —— Robert C. Martin

Martin在文中详细讨论了代码注释,他的意思是,这些注释是注定会过时的。程序执行时会忽视注释,所以无法保证这些说明注释会准确的描述代码作用。所以最好的方式是让代码自说明,如此,按照代码逻辑,程序员和程序获取到的信息是一致的。读完这篇文章后,我们就知道该怎么写注释了。

框架相关

基于 webpack 的持久化缓存方案

如何基于 webpack 做持久化缓存似乎一直处于没有最佳实践的状态。作为开发者最大的诉求是:在 entry 内部内容未发生变更的情况下构建之后也能稳定不变。而 pigcan 的这篇文章通过具体的场景层层深入,带你逐步揭晓 webpack 持久化缓存的实现方案

让虚拟DOM和DOM-diff不再成为你的绊脚石

作者通过实际代码一步步地对虚拟 DOM 实现和 Diff 算法进行了讲解和实现,讲解的很清楚,逻辑很清晰

为什么顺序调用对 React Hooks 很重要?

同事推荐,对 React Hooks 讲解的很清楚,而且非常贴心的把评论神马的都翻译成了中文

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 的生命周期

2019 年 Vue 学习路线图

作者我将在这篇文章中展示了一个高级“知识地图”,它包含了与 Vue 开发相关的关键领域,你可以使用这张地图作为 2019 年学习 Vue 的图鉴。英文原文:https://vuejsdevelopers.com/2018/12/04/vue-js-2019-knowledge-map/

一口(很长的)气了解 babel

作者详细介绍了 babel 究竟是做什么的,以及 babel 的一些配套工具的作用,同时还介绍了如何争取地进行配置和使用 babel。

Which of the 635000 npm modules do I choose?

npm 现在已经有 60 多万个库,如何在如此繁杂的 module 中选择合适自己的感觉是件难事,而作者就基于此对一些比较大型使用比较多的库进行了横向比较,会对你在技术上的选择起到帮助作用。

2019 年 React 学习路线图

和上面的 Vue 学习路线图类似,建议搭配食用,英文原文:https://hackernoon.com/the-2018-react-js-roadmap-4d0a43814c02

细说 webpack 之流程篇

淘宝 FED 这篇博客,对 webpack 的整体流程梳理的非常清晰,以及 webpack 的基础架构讲解的很细致,对 compiler 和 complation 对象也做了很细致的剖析。

React 是怎样炼成的

文章主要讲述 React 的诞生过程和优化思路。内容整理自 2014 年的 OSCON - React Architecture by vjeux,虽然从今天来看可能会有点历史感,但仍然值得学习了解。以史为鉴,从中也可以管窥 Facebook 优秀的工程管理文化。

浏览器相关

js在微信、微博、QQ、Safari唤起App的解决方案

一个全面的、最新(2018-01-22)的唤起方案,总结的很透彻,值得一读

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

什么是多进程架构浏览器?为什么浏览器内核是多线程?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 首页的整个过程中都发生了些什么。文章讲解的很详细,篇幅较长,需要比较大的耐心才能看下去。

HTTP 请求头中的 X-Forwarded-For

这篇文章对 HTTP 请求头中的 X-Forwarded-For(XFF)进行了详细的讲解,当我们需要取到用户的真实 IP 时,对这个请求头的理解和使用就显得尤为重要了,而从这个应用场景出发,作者还对请求头中的 x-real-ip 字段以及 Remote Address 进行了介绍。作者还有关于 HTTP 的其他文章,可以点击这里查看更多。

图解浏览器的基本工作原理

可能每一个前端工程师都想要理解浏览器的工作原理。我们希望知道从在浏览器地址栏中输入 url 到页面展现的短短几秒内浏览器究竟做了什么;我们希望了解平时常常听说的各种代码优化方案是究竟为什么能起到优化的作用;我们希望更细化的了解浏览器的渲染流程。那么这篇文章就解答了上面的所有问题,文章较长,图文并茂。

Content Security Policy - An Introduction

一篇介绍 CSP 的文章,介绍了我们为什么需要 CSP,以及涉及到 CSP 的一些协议头等等相关信息。

虽然内容大多来自《图解HTTP》一书,但是条理清楚分明,文笔很好,作者解释的很清晰。

图解基于 HTTPS 的 DNS

这是关于 dns 查询的过程讲解,配上插图和文字,可以对 dns 的查询过程有一个大概了解。

理解 WebKit 和 Chromium

系统的描述了 Chrome 浏览器的信息,可以更加全面的了解 Chrome 浏览器,最给力的是有很多工具的使用介绍。

你真的了解回流和重绘吗?

这篇文章主要讲了浏览器的渲染过程、浏览器的优化机制以及如何减少甚至避免回流和重绘,可以帮助读者更好的理解回流重绘。

这样使用GPU动画

《GPU Animation: Doing It Right》的译文,这篇文章能帮助你更好地了解浏览器如何使用GPU来渲染,这样你就可以创作能在所有设备上快速运行的令人印象深刻的网站。著作权归作者所有。

Chromium 的工程师们写了两篇技术文章 How Blink WorksHow cc Works,分别介绍了 Chrome 浏览器内核内部的两个重要模块 Blink 和 cc 内部设计和实现的一些细节。对于想要了解 Chrome 内核内部实现的同学,这两篇文章提供了不错的入门指引。

计算机基础

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

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

可以说的秘密-那些我们该讨论的前端加密方法

这篇文章介绍了前端开发中常用的加密方法并给出了其适用场景。包括 Base64 编码、哈希算法、加盐、慢哈希函数、密钥哈希、XOR 和加密(Encrypt)等加密方法,

一个由正则表达式引发的血案(解决版)

正则表达式一直以来是广大码农处理字符串的福音,但与此同时,也容易引发血案。这篇文章从一则实例出发,对正则表达式可能引发的 CPU 爆表问题进行了分析,同时作者还介绍了一种遗传算法,该算法解决了如下问题:

给定一个正则引擎和一个正则表达式,为这个正则表达式找到一个攻击字符串,它可以最大化正则引擎的匹配时间。

感兴趣的童鞋可以认真研究一下这篇文章,或者作者发表的论文。

计算的本质:赋值和流的杂谈

写了这么久的程序,不少人肯定会有疑问,计算的本质是什么?对一台图灵机来说,那就是无限长的纸带和能够自如移动的读写头,但这太抽象了。作者换了一种方式去理解计算并总结出了这篇文章,稍微有一些晦涩难懂,不过看完大有裨益。

算法

前端学习算法1 :老虎和羊,吃不吃问题(动态规划入门)

通过一个 老虎和羊 的故事对 动态规划 进行了讲解,清晰易懂,印象深刻

漫画:什么是动态规划?

以漫画的形式生动形象的解释了动态规划是什么,以及其解法。虽然篇幅较长,但是漫画看起来一点都不枯燥。

漫画:如何求根号2(爱奇艺面试题)

用漫画的形式讲解了二分法和牛顿迭代法,最后还给出了源码

2018汇总数据结构算法篇

用图文的方式对一些数据结构进行了通俗易懂的解释,内容非常基础和全面。

服务层相关

Node 定时器详解

作者:阮一峰,Node 的异步语法比浏览器更复杂,因为它可以跟内核对话,不得不搞了一个专门的库 libuv 做这件事。这个库负责各种回调函数的执行时间,毕竟异步任务最后还是要回到主线程,一个个排队执行。
至今为止,解释定时器最透彻的中文文章了

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

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

Error Handling in Node.js

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

开发者需要了解的 nodejs 中 require 的机制

对 nodejs 中的模块加载进行了详细的讲解,同时对 exports 和 module.exports 的区别和正确使用方式也进行了讲解,是一篇非常不错的 nodejs 模块方面的文章,该文为译文,原文地址:https://medium.freecodecamp.org/requiring-modules-in-node-js-everything-you-need-to-know-e7fbd119be8

CDN 技术详解

《CDN技术详解》绝对是带你进入 CDN 行业的那盏最亮的明灯。因此,虽然只是纯粹的重点抄录,作者还是把《CDN技术详解》中的精华总结成了这篇文章。

漫画 | 从搬家到容器技术 Docker 应用场景解析

通过漫画的方式对 Docker 的原理和应用场景进行了比较详细的介绍和讲解

不仅仅是前端er——折腾服务器武装自己

作者从购买服务器和购买域名讲起,将搭建网站的详细过程进行了介绍,同时还包括 nginx 配置文件的修改以及持续部署的配置。

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 则更加贴近浏览器环境。

[译] React Native vs. Cordova、PhoneGap、Ionic,等等

原文链接:https://learnreact.design/2018/02/14/react-native-vs-cordova-phone-gap-ionic-etc,主要解释了以下几个问题:

  • 什么是原生应用?
  • 什么是 WebView UI ?
  • 更原生化的框架的优势和劣势分别是什么?原生化更少的框架呢?
  • React Native 与 Cordova 相比如何?

求职

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

作者在 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. 页面的性能优化

OpenDoc - 前端简历评级标准

美团团队从工作意向、工作经历、教育经历、技术栈、基础知识五个维度评价简历,仅供参考。

设计

严选Redesign

这篇文章来自站酷,介绍了网易严选的设计风格和思路,包括一些颜色规范、版面设计和图标选择等等。

移动端设计样式库-导航设计(二)

作者对移动端界面设计中另一个常见的导航模式-瞬时导航进行了介绍,对导航的实现方式以及优缺点进行了十分详细的介绍。

斗鱼5.0全新升级

来自站酷,文章篇幅较长,详细介绍了斗鱼 APP 和网页的设计思路。

有哪些好看的字体可以免费用?看完这篇就知道了(附字体安装包)

目录:

  • 为什么字体需要收费?
  • 有哪些免费商用字体?
  • 使用字体时需要注意什么?

PPT中的图片不会排版?给你这份超全设计模板

关于PPT排版,每天都有很多人问,图片应该怎么排版?而这篇文章,就是为你展示这些图片排版的范例。文章非常详细的介绍了 PPT 中有不同数量的图片时的排版技巧,干货满满。

文章集合

前端面试查漏补缺–Index篇(12万字符合集)

号称“全、准、详”的前端面试系列文章:

其他面试文章都是高度总结,浓缩,适合临时抱佛脚!但如果知识点你本身不理解,光靠死记硬背,面试官随便深入一下你就蒙蔽了!所以这系列文章,就是对常考的知识点,从源头开始详解,只有你真正理解,才能自如应付面试官的各种刁难.

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

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

奇文共欣赏,疑义相与析

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

年终回顾,为你汇总一份「前端技术清单」

作者对前端基础相关好文以及前沿技术类文章进行了汇总,框架类的文章较少,期待作者继续补充完善。

微信网络技术的一些整理与思考

在弱网情况下所有 app 中微信是几乎唯一一个能够正常工作的,大家都比较好奇为什么微信能够达到这样的效果。而作者收集了一些微信公开的网络优化相关的材料,特地分享于此。

五星推荐的系列文章清单

大部分文章需要翻墙,文章有一些难度,需要一定的基础知识。

年度榜单!我整理了2018年所有文章和素材资源。

公众号【三顿】整理出的2018年这一年中全网值得一看的 PPT 文章。如果你对 PPT 感兴趣或者想寻找一些素材和创意,不妨在年末照着这份榜单,给自己充充电吧~

资源推荐

[译] 如何学习 CSS

原文地址:https://www.smashingmagazine.com/2019/01/how-to-learn-css/,文中推荐了很多 CSS 相关的文章和视频

我如何零基础转行成为一个自信的前端

作者是蚂蚁金服的前端工程师,前面的可以略去不看,后面推荐的一些课程和牛人值得关注一下。

越忙越要多读书| 字节跳动12位牛人的私藏书单

新一年的好开端从阅读开始,字节范儿采访了字节跳动公司里12位大牛,邀请他们分享最近读过印象深刻的书,并且为大家推荐。

前端开发工程师必读书籍有哪些值得推荐?

来自知乎,书荒的童鞋不妨一看。

个人分享–web 前端学习资源分享

掘金-守候i分享的前端学习资源,包括一些不错的教程和文章、大牛博客、前端团队博客、推荐书籍、推荐社区、公众号、推荐关注项目和综合项目教程等等。

入门前端一周年总结-我是如何快速入门前端的知识分享

作者虽然入门前端才一年,但是已经有 14K star 的开源项目,面试了几十人,拥有丰富的面试经验,在这篇总结里作者分享了一下自己的学习方式和资源,值得学习与研究。

其他

OAuth 认证流程详解

文章以接入微博登录为例,以非常短小的篇幅对 OAuth 认证流程进行了介绍和讲解。

单点登录原理与简单实现

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

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

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

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

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

也许,这样理解 HTTPS 更容易

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

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

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

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

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

程序员字典:「牛逼」

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

给网站加 HTTPS 完全指南

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

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

对于一张网页,我们往往希望它是结构良好,内容清晰的,这样搜索引擎才能准确地认知它。 而反过来,又有一些情景,我们不希望内容能被轻易获取,比方说电商网站的交易额,教育网站的题目等。因为这些内容,往往是一个产品的生命线,必须做到有效地保护。这就是爬虫与反爬虫这一话题的由来。 作为前端工程师,我们可以增加一下游戏难度,设计出一些很(sang)有(xin)意(bing)思(kuang)的反爬虫策略。

2016年学习Javascript是一种什么样的体验?

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

17 张程序员壁纸推荐

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

前后端分离实践(一)

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

程序员怎么升职?

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

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

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

程序员的鄙视链

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

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

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

超大型 JavaScript 应用的设计哲学

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

图解Git

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

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

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

路由器爱国上网、屏蔽广告与宽带提速

作者介绍了利用小米路由器实现爱国上网的具体操作流程,而路由器经过改造之后,所有接入的终端就都可以实现爱国上网了,简直是一劳永逸,而且作者在文章末尾还介绍了宽带提速的方法,每月只要十几块钱,就可以享受 100M 网络了,效果非常明显。

中文文案排版指北

提供统一中文文案、排版的相关用法,降低团队成员之间的沟通成本。

提问的智慧

原文网址:http://www.catb.org/~esr/faqs/smart-questions.html,文章比较长,但是看完会很有收获,提问也是有很多需要注意的地方的,好的提问方式不仅能够更快的获得想要的答案,还可以提高自己的情商,获得他人的认可。

理解 OAuth 2.0

OAuth是一个关于授权(authorization)的开放网络标准,在全世界得到广泛应用,目前的版本是 2.0 版。在这篇文章中,阮一峰对 OAuth 2.0 的设计思路和运行流程,做了一个简明通俗的解释。

以色列简史,简到崩溃,笑到流泪!

以图文和人物对话的方式对巴以冲突的历史原因以及以色列的历史进行了介绍,风趣幽默,通过一种别样的方式了解历史,我很喜欢。

97 Things Every Programmer Should Know

同事推荐的文章,97 个程序员需要知道的理论,文章内容较长,读起来可能比较枯燥,而且暂时没有看到中文版本。。

为什么你统计 PV 的方式是错的?

翻译自 Google 工程师 Philip Walton 的文章。该文会帮你剖析为什么你常用的统计方式是错的?然后给出可行的解决方案。

编程语言拟人化

作者将各种语言都拟人化了,并赋予了他们一些特征,很有意思。

从平面设计师到前端工程师:五个月的转变历程

作者通过自己的转行经历对前端知识路线进行了概括,同时还提供了一些很好的自学资源,包括视频和文章。原文:https://medium.com/@vinceshao/graphic-designer-to-front-end-developer-ch-3e1ac681eea8

支付宝打赏 微信打赏

听说赞过就能年薪百万