兴趣部落项目自2014年至今，一直都是采用的是前端渲染的模式，这种模式就是页面html是一个空壳，首屏的内容需要css和js都加载完成后，请求cgi获得数据后再渲染给用户。这种模式的好处是可以让后端和前端的工作完全分离，给日常的开发和维护带来很大的便利。 我们在现在的工作模式上…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 MVVM 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大…

1、路由懒加载 2、服务器和webpack打包同时配置Gzip 3、优化打包chunk-vendor.js文件体积过大

Progressive Web Apps,简称PWA，中文翻译过来就是渐进式网页应用，个人觉得它可以算是Web应用的下一个进化方向之一， 毕竟技术的发展有时候是不可预估的，谁也无法预料技术的走向，但至少它代表了一种可能性，下面我们就一起来了解下这种新兴技术。 渐进式：针对不同版…

Progressive Web Apps 是渐进式Web应用程序，运行在现代浏览器并展现出超级能力。支持可发现，可安装，离线运行，消息推送等APP特有的能力，本项目以最简单的方式封装了以上功能。 SIMPLE-PWA 是pwa搭载在vue的示例项目，pwa是一个渐进式web应用…

当谈到移动用户体验，移动网站是不是很糟糕？您已经听到了很多关于构建专用原生应用程序的好处，但如果用户不接受它，这可能会成为令人难以置信的代价高昂的博弈。那么，渐进式网络应用程序是最佳选择吗？它是否最终将取代移动网页和原生应用吗？本文探讨了这个想法。 我的一位开发人员朋友决定为他…

公司的前端构建及部署工作都是人工去做，随着业务扩大，项目迭代速度变快，人员增多，各种问题都暴露出来，本文是对前端自动化工作流进行探索后的一篇经验分享，将通过一个简单案例分享一下基于Jenkins的前端自动化工作流搭建的过程，搭建完这套工作流，我们只需要在本地发起一个git提交，…

之前一直有在维护一个上海地铁线路图的 pwa，最主要的特性就是 "offline first"。但是由于代码都是通过原生的 js 去实现，之前我都不是很喜欢去用框架，不想具有任何框架的偏好。但是到后期随着代码量的增加，代码的确变得混乱不堪，拓展新功能也变得尤为困难。因此，花了将…

PWA作为今年最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。 本系列文章《PWA学习与实践》会逐步拆解PWA背后的各项技术，通过实例代码来讲解这些技术的应用方式。也正是因为PWA中技术点众多、知识细碎，因此我在学习过程中，进行…