codecamp

前端工程精粹（一）：静态资源版本更新与缓存

本系列文章从一个全新的视角来思考web性能优化与前端工程之间的关系，通过解读百度前端集成解决方案小组（F.I.S）在打造高性能前端架构并统一百度40多条前端产品线的过程中所经历的技术尝试，揭示前端性能优化在前端架构及开发工具设计层面的实现思路。本文是第一部分，介绍性能优化原则与分类，以及静态资源缓存的处理。
【高性能前端2】高性能CSS
前端工程精粹（二）：静态资源管理与模板框架
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

前端资源教程类-微信小程序

前端资源教程类-JavaScript

前端知名博客类

前端资源教程类-Angularjs

前端资源教程类-HTML5

前端资源教程类-jQuery

前端资源教程类-CSS3

前端开源Git类

前端资源教程类-前端综合

前端资源教程类-正则表达式

前端开发规范类

前端资源教程类-React

前端资源教程类-移动WEB

前端面试类

前端资源教程类-NodeJs

前端资源教程类-vue.js

前端资源教程类-Git

前端模块化开发类

前端资源教程类-ES6

前端资源教程类-简单算法

前端工程化类

前端性能优化类

前端资源教程类-Underscore.js

前端开发工具类

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }