一、服务器侧优化 　　1. 添加 Expires 或 Cache-Control 信息头 　　某些经常使用到、并且不会经常做改动的图片（banner、logo等等）、静态文件（登录首页、说明文档等）可以设置较长的有效期（expiration date），这些HTTP头向客户端表明了文档的有效性和持久性。如果有缓存，文档就可以从缓存（除已经过期）而不是从服务器读取。接着，客户端考察缓存中的副本，看看是否过期或者失效，以决定是否必须从服务器获得更新。

近年来，移动互联网应用有着爆发式的增长，同质化 APP 层出不穷，人们对于产品体验的要求越来越高，渲染迟缓、交互卡顿的单体 Web APP 已经无法满足现有用户苛刻的使用标准；与此同时，井喷式的业务需求迫使 iOS、Android 两个移动平台不断提升迭代开发速度，缩短版本发布周期；如何既能利用 Web 门槛低、轻量级、跨平台开发的优势，又能尽可能最大化屏蔽其现存缺点成了大前端融合领域攻克的重点。

这篇文章并不是一篇高手教学文，也不是一个激励故事，假设你已经是一个前端或者你想成为一个前端工程师，我是希望接由一些文字，来传达一些经验和分享。这不是绝对的学习路径，学习因人而异，仅供参考。

早期新浪包架构sina包结构是基础库，最底层的代码为上层提供服务不涉及产品需求sina包功能颗粒度小隔离了细节，提供抽象的接口lib包结构lib包提供通用的可复用功能组件交互效果各产品之间的公共功能托盘登录

本文旨在加深对前端知识点的理解，资料来源于网络，由 trigkit4 收集整理。

前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。 Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！

一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。

Screensiz.es 这个网站，列出了一些常见手机、平板电脑和显示器屏幕的相关重要数据。

学习新开发技术通常都比较艰难和费时。以前 Web 开发人员是会买相关书籍，或者阅读其他开发人员编写的指南。如今每周都有很多新博文和教程。spyrestudios 博主 Jake 收集、整理并分享他个人最喜欢的 36 篇前端开发指南文章。涵盖 CSS3、动态条幅、响应式内容结构、实时地理信息、响应式时间轴、图片选中 3D 效果、jQuery 区域图表、3D 餐馆菜单、纯 CSS 加载动画……

Tessera 是 Graphite 前端界面，提供一个大型展示，布局和构建仪表盘的交互选项。Tessera 是有着优雅结构，交互展示 Graphite 数据的 Web 应用。

上次我写《前端工程师必知必会》已经是三年前了，那是我写过最火的文章了。三年了，我仍然会在Twitter上收到关于这篇文章的消息。 从 2012年到现在，一篇文章都没发过让我觉得有点羞羞哒。三年是一段很长的时间，很多东西都发生了改变。2012年，我鼓励同学们去学习浏览器开发者工具 和模块化；虽然有很多同学会觉得CSS预编译和客户端模板引擎并不靠谱，但我仍然想要说一说它们；还有JSHint，虽然 有#getoffmylawn（滚出我的地盘）的警告，但依然无法阻止JSHint成为一个受欢迎的理念（准确的说，JSLint真的（只是）存在过）。

15个值得考虑的新前端框架

开发一个现代化的互联网网站是一项复杂的任务，需要各种职能的密切合作以应对用户日新月异的需求。其中，网页的性能直接决定了用户的体验，而随着新型客户端浏览设备的出现与网站功能的日益复杂化，对于性能的专注也达到了前所未有的高度。

Tessera 是 Graphite 前端界面，提供一个大型展示，布局和构建仪表盘的交互选项。Tessera 是有着优雅结构，交互展示 Graphite 数据的 Web 应用。

Google I/O 2018 已于上周落下帷幕，普通民众看的是新产品，开发者们关注的是新技术。透过这次大会，我们不难发现，Google 已经从 mobile first 转向 AI first，AI 之后，就是移动和前端技术了，移动无非是 Android P 和 Flutter 等，前端涵盖的技术从 Web 框架到 Web 工具，包括 Angular、PWA、polymer、AMP 等，下面让我来为大家捋一捋 Google 力推的这些前端技术最近都有哪些进展。

说实话，一开始都没接触过 HTML5 的 Audio API，而且要基于在我们接手前的代码中进行优化。当然其中也踩了不少坑，这次也会围绕这几个坑来说说感受

Twitter今日在开发者博客上公布消息，6个月前发布的轻量级前端开发工具Bootstrap迎来重大改进，正式升级为Bootstrap 2.0（下载源码）。和原来一样，Bootstrap 2.0仍然是一个托管在GitHub上的开源项目。

notie.js 一个干净、没有其它依赖包的javascript通知插件,支持弹出、confirm、成功、错误、自定义等方式

1. 为什么组件化这么难做 Web应用的组件化是一个很复杂的话题。 在大型软件中，组件化是一种共识，它一方面提高了开发效率，另一方面降低了维护成本。但是在Web前端这个领域，并没有很通用的组件模式，因为缺少一个大家都能认同的实现方式，所以很多框架/库都实现了自己的组件化方式。