秋染蒹葭

PWA探索与实践之三：WebWorkers的使用

发表于 2017-05-11 | 分类于前端 |

Web Workers 是 HTML5 提供的一个javascript多线程解决方案，我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面。

阅读全文 »

PWA探索与实践之二：深入理解ServiceWorker

发表于 2017-05-10 | 分类于前端 |

PWA最重要的一个部分，service worker。它和传统的Worker相似但又不同。操作Service Worker的方法很简单，只需要简单的register一下。

阅读全文 »

前端通信方式探索之二：fetch通信

发表于 2017-05-09 | 分类于前端通信 |

随着前端异步的发展, XHR 这种耦合方式的书写不利于前端异步的 Promise 回调. 而且,写起来也是很复杂. fetch API 本来是在 SW(ServiceWorkers) 中提出的, 不过, 后面觉得好用, 就把他挂载到 window 对象下. 这样, 在前端的正常通信中, 我们也可以直接调用.

阅读全文 »

PWA探索与实践之一：从一个pwa页面开始

发表于 2017-05-06 | 分类于前端 |

pwa关系到未来前端的方向，对于提高webapp的性能与体验有着很重大的意义。本系列从一个简单的pwa页面开始，到最后完成一个知乎日报web端的开发。现在微博据说已经全量上了pwa

阅读全文 »

在几年前，天空一声巨响,ajax 闪亮登场. 前端宝宝们如获至宝~ 已经表单提交神马的, 真的太心累了. 有了ajax之后, 网页的性能可大幅提升，告别刷新，告别如水的流量. 不过，长江后浪推前浪，一代更比一代强. 由于ajax被同域限制着, 导致, 多服务器配置，云服务资源的存储没办法充分利用. 所以,业界想到另外一种方法–JSONP. JSONP实际上和ajax没有半点关系，唯一相同的就是都是异步执行，而且JSONP完美解决了CD(cross domain)问题. 科技就是第一生产力, web发展so fast. 以前追求就是静态网页,显示信息而已。现在，正朝着web2.0,webapp前进。以前的单向交流已经不能满足需求了。怎么办呢？改呗~ 所以，紧接着SSE,websocket 诞生了. 至今为止, 前端通信方式算是告一段落。这里我们将围绕上述的几种通信方式进行,简单的介绍. 以下是几个技术的顺序.

阅读全文 »