随着各浏览器安全功能的提高，前端防御面临的问题也没有之前那么复杂，但浏览器的防御措施并不能百分百的保证网站的安全。浏览器的XSS Auditor，使得反射型xss几乎被废；CSP(Content-Security-Policy)、X-XSS-Protection可以禁止不可信源…

本系列教程不会讲得特别深，通过案例，就带个入门，面试的时候，被问到能答出个所以来，在实际运用中，能把复杂的问题简单化就够了。 概要： 大家应该经常听到工厂模式，单体模式，但是，可能大家可能第一次听说观察者模式，所以我设计模式系列第一篇就来讲讲观察者模式。相信大家都用过鼠标悬停，…

「笨办法学前端」新增轮子一枚：原生 JS 实现的图片上传。 预览：Image Picker 源码： JavaScript { let FormData = window.FormData class ImagePicker { constructor(options) { le…

原型链是一种机制，指的是 JavaScript 每个对象都有一个内置的 __proto__ 属性指向创建它的构造函数的 prototype（原型）属性。原型链的作用是为了实现对象的继承，要理解原型链，需要先从函数对象、constructor、new、prototype、__pr…

经过前面三章的铺垫，这篇终于写到了戏肉。在用 zepto 时，肯定离不开这个神奇的 $ 符号，这篇文章将会看看 zepto 是如何实现 $ 的。 我们都知道，很多时候，我们都用$ 来获取DOM对象，这跟 zepto.qsa 有很大的关系。 以上是 qsa 的所有代码，里面有用到…

本系列教程不会讲得特别深，通过案例，就带个入门，面试的时候，被问到能答出个所以来，在实际运用中，能把复杂的问题简单化就够了。 概念 其实在javascript里函数可以动态定义的，如果创建了一个新函数并且将其分配给保存了另外函数的同一个变量，那么新函数覆盖旧函数。 var Ob…

共 5914 字，读完需 8 分钟。编译自 Eric Elliott 的文章，好的程序员写出来的代码就如同优美的诗赋，给阅读的人带来非常愉悦的享受。我们怎么能达到那样的水平？要搞清楚这个问题，先看看好的文章是怎么写出来的。William Strunk 在 1920 年出版的《T…

帮助理解闭包

相信大多数前端开发者在需要与后端进行数据交互时，为了方便快捷，都会选择 JQuery 中封装的 AJAX 方法，但是有些时候，我们只需要 JQuery 的 AJAX 请求方法，而其他的功能用到的很少，这显然是没必要的。 其实，原生 JavaScript 实现 AJAX 并不难，这篇文章将会讲解如何实现简单的 AJAX，还有跨域请求 JSONP！