说起「响应式编程」，大家可能并不陌生。但是，直接说「流」这个名称，可能大家会有点愣。其实，「流」的本质和「响应式编程」并不二般，都是衍生于前端经典的设计模式——「观察者模式」。但是，在一定程度上，可以说「流」则是基于这个模式的一个上层抽象，因为它所具备的能力更多、更加强大。 而…

本文首发于掘金专栏，发布于廖柯宇的独立博客，转载请保留原文链接。 MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Pattern），只是为了解决一类问题而总结出…

大家好，我就是技术胖，2017年我在下班时间录制了200集左右的视频教程，现在贡献155集免费观看，希望可以帮助前端小伙伴学习（点击下面链接免费观看）。需要说明的是本人还是一线奋战的前端程序员，不是专业讲师，所以教程难免有所纰漏和错误，还请多多理解和指正。这些视频都是本人原创，…

img标签会在html渲染解析到的时候，如果解析到img src值，则浏览器会立即开启一个线程去请求该资源。 2. img 同一张图重复 Opera 和Firefox对display:none的元素的背景，不会立即发生请求，只有当其display 不为none才会发起图片请求。…

自前端框架（React,Vue,Angelar）出现以来，每个框架携带不同理念，分为三大阵营，以前使用JQuery的时代已经成为过去，以前每个页面就是一个HTML，引入相对应的JS、CSS，同时在HTML中书写DOM。正因为是这样，每次用户访问进来，由于HTML中有DOM的存在…

BFC: 提供一个环境，html元素会在这个环境中按照一定的规则进行布局。 ex: 例如浮动元素会形成bfc,浮动元素内部子元素主要受该浮动元素影响，但是两个浮动元素互相不影响。 这个可以理解为一个独立容器，里边规则不会影响到外边。 这些基本的比如比如哪儿是content大家都…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…

每一层渐变都可被当做一张背景图，也就是说每一层渐变都可以指定其position、size、repeat。玩过PS的的同学应该知道图层的概念，咱们的背景图层叠原理也类似（当然，渐变也可以当背景图），控制渐变的大小，哪里需要镂空，以及需要显示的位置、是否平铺，就可以实现大多数场景下…

写在最前 昨天和一个童鞋聊到很晚，才意识到现在又是新的一轮校招季了，他像当时的我一样，自己出于喜欢学习了前端，但又不知自己处在了什么水平，也由于知识、眼界的限制不知道路在哪里（真的前端发展到现在知识面太广）而担惊受怕。在和他交谈的同时也回想起当时的自己，像我一个普通的本科生从接…