做一个好的开发者

前几天看了一篇文章 ， 颠覆了我对 CSS 认识，心中无数次蹦出一个念头：'卧槽，卧槽，还能特么这么用，这特么太叼了' ... 本文中，所有的图形都是在单个标签内实现的，大量使用了 CSS3 中的 ::before 、::after 伪元素，transparent 、borde…

JavaScript 如今可谓是屌丝逆袭高富帅的代名词哈，从当初闹着玩似的诞生到现在 Github 上力压群雄的人气王，JS 搭着互联网的顺风车一路高歌，本身也从一个爷爷不疼奶奶不爱的杀马特小脚本蜕变为一门高大上的主流编程语言。运气固然重要，ES6 也让大家看到了这门语言自身的…

本篇文章将开始讨论另一个 AJAX 流行话题「跨域」，让我们先从浏览器的同源策略开始讲起，了解一下我们为什么需要跨域的背景。

源码阅读：究竟怎样才算是读懂了？ 市面上有很多源码分析的文章，就我看到的而言，基本的套路就是梳理流程，讲一讲每个模块的功能，整篇文章有一大半都是直接挂源码。我不禁怀疑，作者真的看懂了吗？为什么我看完后还是什么都不懂呢？ 事实上一个经过无数次版本迭代的框架源码并不适合初学者直接阅…

听到跨域请求，你是不是会想到 JSONP、CORS、Window.name……？ 可是你真的理解他们的实现方式吗，你知道它们的优缺点吗，你知道他们有什么不一样吗？ 本文通过实例，一步一步带你领略和理解前端跨域中的 JSONP 以及 CORS 的原理以及实现步骤，让你知道为什么各种方法存在这样那样的局限性，为什么它们原理可能和你想的不一样。

在上一篇文章中我们知道，AJAX 是一系列技术的统称。在本篇文章中我们将更进一步，详细解释如何通过 XMLHttpRequest 对象编写代码发送 AJAX 请求以及处理响应。

从事web前端的人很多，每个人的学习方式，学习习惯基本不会一模一样！关于web前端（或者直接互联网），大家都知道，是做到老，学到老的一个行业。之前写文章的时候，我说过很多学习的方式和建议。今天换一下，说一下我个人不建议的学习方式，或者我个人觉得是妨碍进步的学习方式，希望大家引以…

经典的上-中-下布局。 在上-中-下布局的基础上，加了左侧定宽 sidebar。 左边是定宽 sidebar，右边是上-中-下布局。 还是上-中-下布局，区别是 header 固定在顶部，不会随着页面滚动。 左侧 sidebar 固定在左侧且与视窗同高，当内容超出视窗高度时，在…

首先我们来说一下前端 icon 的发展史。 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 backgrou…