跨域是指去向一个为非本origin(协议、域名、端口任意一个不同)的目标地址发送请求的过程，这样之所以会产生问题是因为浏览器的同源策略限制。看起来同源策略影响了我们开发的顺畅性.实则不然,同源策略存在的必要性之一是为了隔离攻击。 CSRF，又称跨站请求伪造，指非法网站挟持用户c…

当我们在PC上缩放浏览器窗口时，一秒可以轻松触发30次事件。手机端触发其他Dom时间监听回调时同理。 这里的回调函数只是打印字符串，如果回调函数更加复杂，可想而知浏览器的压力会非常大，用户体验会很糟糕。 resize或scroll等Dom事件的监听回调会被频繁触发，因此我们要对…

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

学习如逆水行舟，不进则退。透过这个清单，我可以不断学习前端知识，掌握更新的技能，天天进化。

由于前端技术的蓬勃发展和你自身的不断努力，很多小伙伴已经打通了任督二脉，做到了前后端通吃。你们就是自己程序世界里的神，在这里你们无所不能，创造世界，制定规则和逻辑。当一个属于你的世界做好后，你需要展示给朋友，发布于众人，让爱你的人欣赏。这时候我们需要一个强有力的服务器作为容器，…

关于chrome extension的开发经验总结或说明文档等资料很多，很多人在写，然而，我也是一员。但是，也许这篇文章，可能给你一些不一样的感受。 后面部分多为一些我在项目中总结的方法，这部分就是在别人的资料可能看不到的地方了，当然，这些方法也许不通用，因为毕竟是基于我项目里…

与其他的语言相比，JavaScript 中 undefined 的概念是有些令人困惑的。特别是试图去理解 ReferenceError（“x is not defined”）以及如何针对它们写出优雅的代码是很令人沮丧的。 本文是我试图把这件事情弄清楚的一些尝试。如果你还不熟悉 …

line-height 对于一个前端小可爱来说，应该是一个会经常碰面的老朋友了。可是有一天，我突然发现自己好像对他没那么了解，他也没有外表看起来的那么简单。 两个相邻的内联元素，字体一大一小，行高相同，由于第二段文字需要有字多情况就自动去下一行的效果，所以第二个span是inl…

有时感觉挺有趣的是在群里聊天时的自嘲，「xx 项目在经过我一年的不断努力下，终于变得不可维护」。个人认为，维护是一件比开发更富挑战性的事情，前人的代码是否规范优雅会很直接地影响我们的工作效率和心情。 所以，我们更要时刻地去注意我们代码的质量，也许你的代码已经足够规范，但在某种程…