_雨田_

组合模式，将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。掌握组合模式的重点是要理解清楚 “部分/整体” 还有 ”单个对象“ 与 "组合对象" 的含义。 好了，你可以忽略我上面说的废话，下面听我BB。 传说中的23中设计…

使用 File API 上传普通文件，结合 canvas 客户端压缩图片，并实现文件上传服务端

《JavaScript设计模式与开发实践》作者：曾探 系统的介绍了各种模式，以及js中的实现、应用，以及超大量高质量代码，绝对值得一读 面向对象的js 静态类型：编译时便已确定变量的类型 优点： 编译时就能发现类型不匹配的错误，编辑器可以帮助我们提前避免程序在运行中可能发生的一…

非常感谢 ElemeFE 团队开发的 Element 组件库，这套组件库不但界面美观而且代码优雅，十分值得借鉴。Table 是较为常用的组件之一，本文仅对 Table 结构做一个简单的分析，具体实现可参考 Element 源码 (V1.25)。 表格结构 <div clas…

本篇有7k+字, 系统梳理了js中排序算法相关的知识, 希望您能喜欢. 原文: http://louiszhai.github.io/2016/12/23/sort/ 导读 排序算法可以称得上是我的盲点, 曾几何时当我知道Chrome的Array.prototype.sort使…

0.备注 若文章中部分内容无法显示，请移步李鹏的其他博客。 简书 CSDN 1. 前言 这里有超过20家的前端面试题，你确定不点进来看看？ 好吧，如果你看到这句话，你明显是点进来了。 那么恭喜你，接下

为了彻底弄清楚 hoisting 和 closure 的前置内容

flex 是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而在移动开发中，本来绝大多数浏览器（包括安卓 2.3 以上的自带浏览器）都支持的属性，偏偏有个例外，就是国产某某 X5 内核神器（不知哪个版本的 webkit，仅支持 display:box），自主研发这东西也不好多说什么了

DOM 的事件处理方式有好多种，我们就来一一介绍，然后封装一个通用的，兼容各浏览器的工具类对象