common-validator.js 是一个Web前端通用验证器。此次发布的2.0版本在1.0的基础架构上做了全新的调整，希望能通过这个JS验证器小组件为我们码农们提供微小的帮助。

毕业之前一直在做前端开发，毕业后就转成做iOS开发，这两者有很多挺有意思的对比，尝试写下我能想到的它们的一些相同点和不同点。

简单说，微信“小程序”可以为开发者提供基于微信的表单、导航、地图、媒体和位置等开发组件，让他们在微信的网页里构建一个 HTML 5 应用。同时微信还开放了登录和微信支付等接口，让这个“小程序”可以和用户的微信账号打通。

经过这段时间国内（百度，淘宝，新浪等）及国外（Facebook，Youtube，Yahoo等）各大公司的集中自曝，我们可以从中总结出 2010 Web前端技术的一些趋势。总的来说，随着后端技术（存储，并发，分布式）的成熟，各大公司已经把重点从后端架构调整/建设转移至前端（TTI时间，快速发布，带宽利用率）. Web前端技术的范围 1. 编程语言/技术（HTML，JavaScript，CSS等） 2

我相信很多朋友跟我一样，初次听到什么 Flux ,  Redux ，  Vuex ， 状态管理 的时候是一脸懵逼的。因为在外面之前前端大部分开发的时候，根本没有那么多的概念。自从ReactJS火爆后，什么 Flux, Redux，React全家桶 是一套一套接踵而来。搞的很多开发者甚是头大。所谓的ReactJS全家桶即 ReactJS + Redux + Webpack ， 当然其中的Redux可以用其他例如 Mobx 之类的替换。原本可能只是很简单的一些数据展示需求，当想用尝试使用ReactJS时，去Google搜索了一些教程，突然发现怎么用个React需要这么多东西。正如今年比较有名的一篇文章里面描述的那样 —  ”在2016年学习前端是怎样一种体验＂ 。

LogAnalyzer 是一个 syslog 和其他网络事件数据的 Web 前端工具，提供简单易用的日志浏览、搜索和基本分析以及图表显示。

前端的性能对于一个Web应用来说非常重要，如果一个Web应用的页面加载速度非常快、对于用户的操作可以及时响应，那么产品的用户体验将会极大地提升。下图显示了页面加载速度对于用户体验的影响。

本周我们带来的前端推荐包含当前热门的bootstrap，html5，css3等技术内容和新闻话题，如果你还想近一步学习如何开发，还可以关注我们的极客课程库，里面涵盖了现代开发技术的‘学’与‘习’的全新功能。希望对大家有所帮助！

BrowserRequire 是给浏览器使用的模块化框架，并且提供灵活加载js文件（非模块化文件）的功能。

Qing是一套基础开发模版，来源于我们在手机与PC端上的大量工程实践。Qing所提供不是冷冰冰的文件， 而是一套Web前端解决方案，所以Qing不只是关注项目的初始状态，而是整体的工作流程， 这是Qing与现有开源的开发模版显著差异的一点。Qing的体验必须是高效且愉悦的，拒绝繁琐与重复。

页面的性能问题一直是产品开发过程中的重要一环，很多公司也一直在使用各种方式监控产品的页面性能。从控制台工具、Fiddler抓包工具，到使用DOMContentLoaded和document.onreadystatechange这种侵入式javascript代码方式来检测DOM事件发生和结束的时间，再到使用第三方工具如WebPagetest、Pingdom等通过在不同的浏览器环境和地域进行测试来寻求优化建议等等，这些方式不仅麻烦，而且测量的指标比较单一。如果有一些可以帮我们直接获取页面性能信息的API出现，并且成为标准被被浏览器厂商支持，那性能监控会不会又是另一幅蓝图？

随着web的发展，网站资源的流量也变得越来越大。据统计，60%的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。

Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架，集合CSS和HTML，使用了最新的浏览器技术，为快速WEB开发提供了一套前端工具包，包括布局、网格、表格、按钮、表单、导航、提示等等。使用Bootstrap可以构建出非常优雅的前端界面，而且占用资源非常小。

LogAnalyzer 是一个 syslog 和其他网络事件数据的 Web 前端工具，提供简单易用的日志浏览、搜索和基本分析以及图表显示。

从微信发布小程序以来，各大公司纷纷跟进都想从微信这个流量池里捞一杯羹。我司也不例外，我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么，既是记录那些年我们踩过的坑，也是希望大家别再掉坑。

构建和开发前端最重要的基础工作就是选择一个高效并且符合需求的web前端框架，一个合理并且高效开发的框架并不仅仅降低你的时间成本，同时也会给你持续开发的信心和乐趣。

LogAnalyzer 是一个 syslog 和其他网络事件数据的 Web 前端工具，提供简单易用的日志浏览、搜索和基本分析以及图表显示。<br>

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 3.3.4 发布，此版本主要是 bug 修复和文档改进。此版本总共包括 29 位贡献者和 325 个 commits。

JX 是一个类似 Google Closure Library 的 Web 前端开发框架，服务于 WebQQ 等大规模的 WebApp。 JX 是模块化的非侵入式Web前端框架，开发于2008年，并于2009年开源于GoogleCode ，于2012年切换到Github。 JX 框架同时适用于 Web Page 和 Web App 项目的开发，特别适合构建和组织大规模、工业级的Web App，腾讯 WebQQ、腾讯Q+等产品都是采用JX框架开发，兼容目前所有主流浏览器。

用一行代码来解决CSS在,IE6,IE7,IE8,IE9,IE10中的各种兼容性问题。在网站前端写代码的过程中，很多时间IE各个版本的兼容问题很难整。现在百度与谷歌都有了一行解决这种兼容性的代码了。如下面的。办法一百度也应用了这种方案去解决IE的兼容问题百度源代码。