摘要：
前言 对于react技术栈的前端同学来说，redux应该是相对熟悉的。其代码之精简和设计之巧妙，一直为大家所推崇。此外redux的注释简直完美，阅读起来比较省事。原本也是强行读了通源码，现在也忘得差不多了。因为最近打算对redux进行些操作，所以又开始重读了redux，收益匪浅。 <! more 关 阅读全文
摘要：
前言 对于前端开发而言，babel肯定是再熟悉不过了，工作中肯定会用到。除了用作转换es6和jsx的工具之外，个人感觉babel基于抽象语法树的插件机制，给我们提供了更多的可能。关于babel相关概念和插件文档，网上是有很多的，讲的挺不错的。详细的解析推荐官方的 "babel插件手册" 。在开发插件 阅读全文
摘要：
前言 相信刚开始了解js的时候，都会遇到 2 == '2'，但 1+2 == 1+'2'为false的情况。这时候应该会是一脸懵逼的状态，不得不感慨js弱类型的灵活让人发指，隐式类型转换就是这么猝不及防。结合实际中的情况来看，有意或无意中涉及到隐式类型转换的情况还是很多的。既然要用到，就需要掌握其原 阅读全文
摘要：
关于浮动 设置为浮动的元素会脱离当前文档流，向左或向右移动直到边缘遇到另一个浮动元素或者到达边界。普通元素不会对齐造成影响。 浮动是把双刃剑，在给我们的布局带来便利的同时有一些缺点需要我们去解决。例如最常见的父元素塌陷。如下图所示： <! more 可以看到父元素的高度为0,为了解决这种状况就要清除 阅读全文
摘要：
一、传统web 应用 当前web应用在移动时代并没有达到其在桌面设备上流行的程度，下面有张图来对比与原生应用之间的差别。 究其原因，无外乎下面不可避免的几点： 移动设备网络限制 不可忽略的加载时间 web应用依赖于浏览器作为入口 体验与原生的差距 假如能解决以上的几点，对web app 来说会有多大 阅读全文
摘要：
提升现代web app的中的页面性能 前言，本文翻译自 "https://docs.google.com/presentation/d/1hBIb0CshY9DlM1fkxSLXVSW3Srg3CxaxAbdocI67NCQ/edit slide=id.g32e52b1ea6_1_0" 看到之后感觉 阅读全文
摘要：
作为当前风头正盛的打包工具，webpack风靡前端界。确实作为引领了一个时代的打包工具，很多方面都带来了颠覆性的改进，让我们更加的感受到自动化的快感。不过最为大家诟病的一点就是用起来太难了。 要想愉快的使用，要使用n多的配置项，究其原因在于文档的不够详细、本身默认集成的不足。也不能说这是缺点吧，更多 阅读全文
摘要：
更便捷的css处理方式 PostCSS 一般来说介绍一个东西都是要从是什么，怎么用的顺序来讲。我感觉这样很容易让大家失去兴趣，先看一下postcss能做点什么，有兴趣的话再往下看，否则可能没有耐心看下去。让我们开始吧 postcss能做什么 补全css属性浏览器前缀 手写的代码可以是这样的: pos 阅读全文
摘要：
对前端同学而言，loade,unload,DOMContentLoaded等页面加载过程中会触发的事件肯定是都接触过，不过要是具体问各个事件的区别，我就不是那么能清晰的解答上来的了。正好刚刚在无阻塞脚本那看到了DOMContentLoaded事件，就来翻翻具体文档详细看一下各个事件吧。常言道温故而知 阅读全文
摘要：
早点时候翻译了篇 "实现一个websocket服务器 理论篇 " ，简单介绍了下理论基础，本来打算放在一起，但是感觉太长了大家可能都看不下去。不过发现如果拆开的话，还是不可避免的要提及理论部分。用到的地方就简要回顾一下好了。 Websockt 基本通信流程 在具体代码实现之前，我们需要大概理一下思路 阅读全文